AIタグ付けはアプリケーションをスキャンし、ページや機能を特定し、既存タグの改善や壊れたタグの修正を含むレビューと適用を提案します。
概要
AIタグ付けはビジュアルデザインスタジオ(デザイナー)内で利用可能です。リリースすると、AIタグ付けがアプリケーションをスキャンしてタグの候補を生成し、準備が整うとデザイナーに読み込まれます。各提案には提案されたタグ名、ルール、説明、プロダクトエリア、ページとフィーチャーのリンクが含まれています。提案は適用される前に、ユーザーが検討して承認します。
タグのカバー範囲を充実させることで、サブスクリプション全体でメリットを得られます。より正確なアナリティクス、より精度の高いガイドのターゲティング、そしてより信頼性の高いAIインサイトは、いずれも適切に管理されたタグ付けによって実現します。
前提条件
サブスクリプション管理者は、[設定(Settings)](画面右上の歯車アイコン)>[サブスクリプション設定(Subscription settings)]>[AIアクセス(AI access)]で[AIタグ付け(AI tagging)]を有効にしてから、[AIタグ付け]のチェックボックスをオンにする必要があります。
AIタグ付けはデフォルトでGeminiを使用し、すべてのデータ地域で利用可能です。Claudeは代替のAIモデルとしても利用できますが、米国のデータリージョンでのみ利用可能です。
AIを使用したタグ
オープンAIタグ付け
- [プロダクト(Product)]>[フィーチャー]に移動し、[フィーチャーのタグ付け]を選択します。[プロダクト]>[ページ]>[ページのタグ付け(Tag Pages)]から開始することもできます。どちらから開始しても、AIタグ付けは同じように動作します。
- [デザイナーを起動(Launch Designer)]を選択して、アプリケーションをビジュアルデザインスタジオで開きます。
- AIタグ付けがデフォルトで開きます。
[その他のオプション(More options)](...)を選択すると、パネルレイアウトを[ポップオーバー(Popover)](デフォルト)、[新しいウィンドウ(New Window)]、または[全画面表示(Fullscreen)]に切り替えたり、利用可能なキーボードショートカットを表示できます。
ヒント: AIタグ付けと従来のタグ付けを切り替えるには、パネル上部の[AIタグ付け]ドロップダウンから[従来のタグ付け]を選択するか、[その他のオプション(More options)](...)から[クラシックモードに切り替え(Switch to classic mode)]を選択します。クラシックモードから[AIタグ付け]に戻るには、[AI強化タグ付け(AI Enriched Tagging)]を選択します。
始める前のセットアップ(推奨)
デザイナーを開くと、タグ付けを開始する前に2つの推奨設定が表示されます。これらは任意ですが、AIタグ付けの提案の品質を向上させます。設定オプションの全リストについては、以下の「その他の設定」を参照してください。
- 命名規則を設定:テキストボックスにチームの命名規則を入力します。これにより、AIタグ付けは既存の構造や用語に沿ったタグ候補を生成しやすくなります。すでに手動タグが多い場合は、まずこれを設定することを特におすすめします。
-
タグルールの優先順位を設定:この設定では、AIタグ付けが各タグ候補に適用するルールを、信頼性の高いものから低いものへ優先して選択します。Pendoでは、推奨されるデフォルトの優先順位が設定されています。セレクターはドラッグして並べ替えたり、使用しないセレクターをオフにできます。
次の2点にご注意ください:- 推奨とマークされているものの、遡及データがないセレクタは、まだPendoサブスクリプションに追加されていないカスタムHTML属性です。これらのセレクターを使用したタグを承認すると、Pendoは該当するカスタムHTML属性をサブスクリプションに自動的に追加します。ただし、これらのセレクターでデータを収集できるのは、その属性がアプリケーションのコード内にすでに存在している場合のみです。属性が存在しない場合は、データは収集されません。詳しくは、「カスタムHTML属性」を参照してください。
- 「非推奨」と表示されているセレクター(たとえば、text :contains()やpositional :nth-child())は壊れやすいため、デフォルトでは無効になっています。ページの内容が変更されると機能しなくなる場合があります。
- アプリケーションが複数の言語でコンテンツを提供している場合は、表示テキストがロケールごとに変わるため、[ローカライズ対応(Localization aware)]を有効にして、AIタグ付けがテキストコンテンツセレクターに依存しないようにすることをおすすめします。
ヒント:AIタグ付けではヒートマップも利用できます。ヒートマップでは、タグ付けすることをおすすめするアプリケーション内の利用頻度が高い要素が強調表示されるため、タグ付けを開始する際の参考になります。
ページとフィーチャーにタグを付ける
- タグ付けするページへアプリケーション内で移動します。
- [タグ付けを開始(Start tagging)]を選択します。AIタグ付けは現在のページのDOMを取得し、ページタグとフィーチャータグの候補をデザイナーに表示します。候補が表示されるまで数秒かかる場合があります。
1回のセッションで複数のページをタグ付けする場合は、開始前に[管理設定(Manage settings)]で[複数ページのキャプチャ(Multi-page capture)]を有効にします。詳しくは、「追加設定」の「複数ページのキャプチャ」を参照してください。
提案されたタグを確認する
候補はページごとにグループ化されて表示されます。最初にページタグが表示されます。新しいタグ候補として表示される場合と、既存タグに対する推奨更新(より適切な名前、説明、またはルールなど)として表示される場合があります。続いて、そのページのフィーチャータグ候補が表示されます。新しいタグは、[作成(Create)]見出しの下に表示される緑色のバーで識別できます。更新が推奨されるタグは、黄色のバーで表示されます。
ヒント: AIタグ付けは、フィーチャータグとあわせてページタグも自動的に識別し、候補を提示します。ページを個別にタグ付けする必要はありません。
デザイナーを開いている間は、アプリケーション内でハイライト表示された要素にカーソルを合わせると、パネル内の対応する候補まで自動的にスクロールします。
- タグを展開すると、提案されたタグ名、要素の種類、ルール、説明、およびプロダクトエリアを確認できます。
- タグ付けするページまたはフィーチャーの横にあるチェックボックスを選択します。[すべて選択(Select all)]を選択すると、一覧内のすべての項目を選択できます。
- [選択した項目を承認(Accept selected)]を選択して、選択内容を適用します。
- 最初からやり直すには、[選択をクリア(Clear selection)]を選択し、再度AIタグ付けを開始します。
削除対象のタグを確認する
AIタグ付けは、削除推奨として破損や未使用のタグを表示し、作成や更新の提案と並べて表示します。
- デザイナーで削除候補を確認します。
- 削除を受け入れるにはタグを選択し、次に [選択を承認] を選択します。
タグを削除すると、そのタグはサブスクリプションから削除され、それに関連するレポートやガイドも削除されます。削除の提案を受け入れる前によく確認してください。
その他の設定
いつでも[設定を管理(Manage settings)]を選択すると、設定パネル全体を開くことができます。設定は以下のセクションに分類されています。
キャプチャ
- プロダクト分野の提案: AIによるタグ付けは、タグ付けされたページやフィーチャーに適したプロダクトエリアを提案します。デフォルトでオンになっています。
- 高速モード:詳細な分析を行わずに、AIが現在のページからフィーチャー候補を提案します。デフォルトでオンになっています。
- 複数ページキャプチャ:提案を確認する前に、1回のセッションで複数のページをキャプチャできます。デフォルトでオフになっています。デフォルトでは、AIタグ付けは1ページずつキャプチャし、タグ候補を生成します。有効にすると、ボタンの表示が[ページのキャプチャを開始(Start capturing pages)]に変わります。タグ付けするページを順番に表示します。AIタグ付けは、ページを移動するたびに各ページのDOMを取得します。完了したら、[停止してAIでタグ付け(Stop and tag with AI)]を選択すると、キャプチャしたすべてのページの候補が一度に生成されます。
- サイト全体モード:複数回、または複数のページにわたって繰り返し使用されるタグについて、サイト全体に適用することを提案します。デフォルトでオンになっています。
- 作成専用モード:新しく作成するフィーチャーのみを提案します。既存タグについては、一致、更新、統合、または削除の対象となるため、候補には含まれません。デフォルトでオフになっています。
AIモデル
ClaudeまたはGeminiを選択します。Claudeは米国データリージョンでのみ利用できます。
命名規則
ランディング画面に表示される推奨設定に加えて、ここからも設定できます。AIがアプリケーション内のページやフィーチャーに付ける名前のルールを指定します。
タグ付けのコンテキスト
製品固有の用語、除外する領域、重視する内容など、AIがより正確にタグ付けできるよう追加情報を入力します。これは、形式や構造を定義する命名規則とは異なります。タグ付けコンテキストでは、タグ付けの対象範囲や意図を指定します。
例:管理者用デバッグバーは無視してください。左側のナビゲーションは、フィーチャーではなくナビゲーションとして扱ってください。
セレクターの優先順位
ランディング画面に表示される推奨設定に加えて、ここからも設定できます。セレクターをドラッグして、優先順位の高いものから低いものへ並べ替えます。AIタグ付けは、有効になっているセレクターを上から順に評価し、最初に安定して一致したセレクターを使用します。使用しないセレクターはオフにできます。
リスト上部のテキストフィールドから、カスタムセレクターを追加することもできます。
高度な設定
- テスト実行:常にオン。選択内容を確認して承認するまで、タグの作成や変更は行われません。より詳細な制御機能は、今後のリリースで提供される予定です。
- デバッグ:タグ付けに関する問題のトラブルシューティングに役立つ詳細ログを表示します。デフォルトでオフになっています。
AIタグ付けの仕組み
AIタグ付けは、デザイナーを通じてアプリケーションのページのDOMを取得し、ページ構造を分析してタグの候補を生成します。提案はページごとに整理され、アクションタイプごとに「作成」「更新」「削除」のタグに分類されています。
AIタグ付けは、優先順位付けされたルールセットを使用してタグの品質を判断します。優先順位は、カスタムHTML属性、要素ID、その他の安定性が低いセレクターの順です。安定性の低いセレクターしか使用できない場合は、その候補に警告が表示されます。そのまま承認することもできますが、より安定した識別子を追加できるよう、エンジニアリングチームに依頼することをおすすめします。
デフォルトでは、AIタグ付けは1ページずつキャプチャします。[複数ページのキャプチャ(Multi-page capture)]を有効にすると、最大5ページを同時に処理します。6ページ目以降はキューに追加され、最初の処理が完了した後に順次処理されます。候補が表示されるまで時間がかかる場合があります。
命名規則を設定している場合は、AIタグ付けはその内容を反映してタグ候補を生成します。設定していない場合は、Pendoが推奨するベストプラクティスがデフォルトで使用されます。却下した候補は、以降のセッションでは再度提案されません。
よくある質問
AIタグ付けはタグのメンテナンスと連携しますか?
はい。AIによるタグ付けは、既存のタグ管理を基盤として機能します。AIタグ付けが機能しなくなったタグや、最近のDOMと一致しないタグを検出した場合は、新しいタグ候補とあわせて、更新または削除の候補として提案パネルに表示します。
AIタグ付けでは、安定性の高いセレクターを使用したタグだけが提案されますか?
いいえ。AIタグ付けでは、優先順位付けされたルールセットを使用します。優先順位は、カスタムHTML属性、要素ID、その他の安定性が低いセレクターの順です。安定性の低いセレクター(たとえば、nth-child)が使用されている場合でも、その候補は除外されず、警告付きで表示されます。そのまま承認することもできますが、より信頼性の高いルールにするために、エンジニアリングチームへカスタムHTML属性または要素IDの追加を依頼することをおすすめします。
どの提案を適用するかを選択できますか?
はい。各候補の横にあるチェックボックスで承認または却下する項目を選択できます。また、[すべて選択(Select all)]を使用すると、すべての候補を一度に選択できます。[選択した項目を承認(Accept selected)]を選択するまで、変更内容はサブスクリプションに適用されません。
AIタグ付けは、アプリケーション内の機密データにアクセスしますか?
いいえ。DOMコンテンツはAIに送信される前に、ブラウザ上でPendoによってサニタイズされます。そのため、機密データはアプリケーション外へ送信される前に削除またはマスクされます。
既存のタグルールを変えずに命名規則を更新できますか?
はい。命名規則を更新すると、AIタグ付けは既存タグへの更新内容を確認し、適用するかどうかを承認前に確認できます。
拡張機能アプリでAIタグ付けは機能しますか?
対応しています。
AIタグ付けはモバイルアプリでも利用できますか?
現時点では利用できません。