AIタグ付け(ベータ版)

最終更新日:

AIタグ付けはアプリケーションをスキャンし、ページや機能を特定し、既存タグの改善や壊れたタグの修正を含むレビューと適用を提案します。

概要

AIタグ付けはビジュアルデザインスタジオ(デザイナー)内で利用できます。起動すると、AIタグ付けがアプリケーションをスキャンしてタグ候補を生成し、準備が整うとデザイナーに表示します。各提案には、タグ名、タグルール、説明、プロダクトエリア、ページとフィーチャーのリンク候補が含まれます。提案内容を確認し、承認したものだけが適用されます。

タグ付けを適切に維持することで、より正確なアナリティクス、より精度の高いガイドターゲティング、そしてより信頼性の高いAIインサイトを得られます。これらはいずれもタグ品質に左右されるためです。

前提条件

AIタグ付けを使用するには、次の条件を満たす必要があります。

  • 管理者が[設定(Settings)](右上の歯車アイコン)>[サブスクリプション設定(Subscription settings)]>[AIアクセス(AI access)]で[AIタグ付け(AI tagging)]を有効にしているサブスクリプションに所属していること。
  • アプリケーションをタグ付けする権限があること。AIタグ付けでは手動タグ付けと同じ権限を使用するため、管理者に限定されません。

AIを使用したタグ

AIタグ付けにアクセスするには:

  1. プロダクト(Product)]>[フィーチャー]に移動し、[フィーチャーのタグ付け]を選択します。[プロダクト]>[ページ]>[ページのタグ付け(Tag Pages)]から開始することもできます。どちらから開始しても、AIタグ付けは同じように動作します。
  2. デザイナーを起動(Launch Designer)]を選択して、アプリケーションをビジュアルデザインスタジオで開きます。
  3. AIタグ付けがデフォルトで開きます。

その他のオプション(More options)](...)を選択すると、パネルレイアウトを[ポップオーバー(Popover)](デフォルト)、[新しいウィンドウ(New Window)]、または[全画面表示(Fullscreen)]に切り替えたり、利用可能なキーボードショートカットを表示できます。

ヒント: AIタグ付けと従来のタグ付けを切り替えるには、パネル上部の[AIタグ付け]ドロップダウンから[従来のタグ付け]を選択するか、[その他のオプション(More options)](...)から[クラシックモードに切り替え(Switch to classic mode)]を選択します。クラシックモードから[AIタグ付け]に戻るには、[AI強化タグ付け(AI Enriched Tagging)]を選択します。

タグ付け設定を構成する

デザイナーを開くと、タグ付けを開始する前に推奨される2つの操作が表示されます。これらは任意ですが、AIタグ付けの提案の質を向上させます。どちらもサブスクリプション全体に適用されるアプリレベルの設定です。設定オプションの全リストについては、以下の「その他の設定」を参照してください。

  1. 命名規則を設定:テキストボックスにチームの命名規則を入力します。これにより、AIタグ付けは既存の構造や用語に沿ったタグ候補を生成しやすくなります。すでに手動タグが多い場合は、まずこれを設定することを特におすすめします。
  2. タグルールの優先順位を設定:AIタグ付けで各タグルールのセレクターを選択する際の優先順位を設定します。AIタグ付けはリストの上から順番に評価し、対象の要素に一致した最初のセレクターを使用します。リストの上位にあるセレクターほど安定性が高く、アプリケーションのコードが変更されても引き続き機能します。リストの下位にあるセレクターは、アプリケーションの変更によって機能しなくなる可能性が高くなります。Pendoでは推奨されるデフォルトの順序を用意しています。セレクターはドラッグして並べ替えたり、AIタグ付けで使用したくないものをオフにしたりできます。
    このリストでは、セレクターを次の2種類に分類しています。
    • 「推奨」と表示されていても「レトロアクティブデータなし」と表示されているセレクターは、まだPendoサブスクリプションに追加されていないカスタムHTML属性です。これらのセレクターを使用したタグを承認すると、PendoがそのカスタムHTML属性をサブスクリプションへ自動的に追加します。ただし、これらのセレクターでデータを取得できるのは、その属性がすでにアプリケーションのコードに存在する場合のみです。属性が存在しない場合、データは収集されません。詳細については、「カスタムHTML属性」を参照してください。
    • :contains():nth-child()など、「非推奨」と表示されているセレクターは、安定した識別子ではなく、要素のテキストや位置に依存します。テキストやレイアウトは変更されることが多いため、これらのセレクターを使用したタグルールは機能しなくなりやすく、タグルールが機能しなくなると、通知されることなくデータの収集が停止する可能性があります。AIタグ付けでは、これらのセレクターはデフォルトでオフになっています。ただし、より適したセレクターが利用できない場合は、有効にできます。
  3. アプリケーションが複数の言語でコンテンツを提供している場合は、表示テキストがロケールごとに変わるため、[ローカライズ対応(Localization aware)]を有効にして、AIタグ付けがテキストコンテンツセレクターに依存しないようにすることをおすすめします。

ヒント:ヒートマップはAIタグ付けでも利用できます。アプリケーション内でよく利用されている要素をハイライト表示するため、取得を開始する前の視覚的な手がかりとして活用できます。

ページとフィーチャーにタグを付ける

AIでタグ付けを始めるには:

  1. タグ付けするページへアプリケーション内で移動します。
  2. タグ付けを開始(Start tagging)]を選択します。AIタグ付けは現在のページのDOMを取得し、ページタグとフィーチャータグの候補をデザイナーに表示します。候補が表示されるまで数秒かかる場合があります。

1つのセッションで複数のページにタグを付けるには、開始前に[管理設定]複数ページキャプチャを有効にしてください。詳細は「複数ページキャプチャ」のセクションをご覧ください。

提案されたタグを確認する

提案はページごとにまとめられています。最初にページタグが表示され、その後にそのページのフィーチャー候補が表示されます。各提案は、新しいタグ、または名前、説明、タグルールなど、既存のタグに対する推奨更新のいずれかです。[作成(Create)]見出しの下に表示される緑色の帯は、新しいタグを示します。黄色の帯は、更新が必要なタグを示します。

注:AIタグ付けでは、フィーチャータグとあわせてページタグも自動的に識別し、提案します。ページを個別にタグ付けする必要はありません。

デザイナーを開いている間は、アプリケーション内でハイライト表示された要素にカーソルを合わせると、パネル内の対応する候補まで自動的にスクロールします。

  1. タグを展開すると、提案されたタグ名、要素の種類、ルール、説明、およびプロダクトエリアを確認できます。
  2. タグ付けするページまたはフィーチャーの横にあるチェックボックスを選択します。[すべて選択(Select all)]を選択すると、一覧内のすべての項目を選択できます。
  3. 選択した項目を承認(Accept selected)]を選択して、選択内容を適用します。
  4. 最初からやり直すには、[選択をクリア(Clear selection)]を選択し、再度AIタグ付けを開始します。

選択項目を承認(Accept selected)]を選択すると、AIタグ付けによって新しいタグが作成され、サブスクリプションに更新内容が適用されます。完了すると、確認メッセージが表示されます。提案リストが更新され、同じセッション内で他のページのタグ付けを続けられます。

削除対象のタグを確認する

AIタグ付けは、削除推奨として破損や未使用のタグを表示し、作成や更新の提案と並べて表示します。

  1. デザイナーで削除候補を確認します。
  2. 削除を受け入れるにはタグを選択し、次に [選択を承認] を選択します。

タグを削除すると、そのタグはサブスクリプションから削除され、それに関連するレポートやガイドも削除されます。削除の提案を受け入れる前によく確認してください。

その他の設定

設定を管理(Manage settings)]を選択すると、いつでもすべての設定パネルにアクセスできます。設定は以下のセクションに分類されています。

各設定は、次のいずれかのレベルで適用されます。

  • アプリレベル:サブスクリプション全体で共有されます。設定を変更すると、このアプリケーションをタグ付けするすべてのユーザーに反映されます。
  • ユーザーレベル:現在のタグ付けセッションのみに適用されます。設定を変更しても、他のユーザーには影響しません。

キャプチャ

  • プロダクトエリアを提案(アプリレベル):AIタグ付けが、タグ付けされたフィーチャーとページに適したプロダクトエリアを提案します。デフォルトでオンになっています。
  • 高速モード(ユーザーレベル):詳細な分析を行わず、AIを使用して現在のページのフィーチャーを提案します。デフォルトでオンになっています。
  • マルチページキャプチャ(ユーザーレベル):提案を確認する前に、1回のセッションで複数のページを取得できます。デフォルトでオフになっています。デフォルトでは、AIタグ付けは一度に1ページずつ取得し、そのページのタグを提案します。有効にすると、ボタンのラベルが[ページの取得を開始(Start capturing pages)]に変わります。タグ付けしたいページを順に操作します。AIタグ付けは、ページ間を移動するたびに各ページのDOMを取得します。完了したら、[停止してAIでタグ付け(Stop and tag with AI)]を選択すると、取得したすべてのページの提案がまとめて生成されます。
  • サイト全体モード(ユーザーレベル):同じタグが複数回、または複数のページにわたって繰り返し使用されている場合、サイト全体に適用するタグを提案します。デフォルトでオンになっています。
  • 作成専用モード(ユーザーレベル):新しく作成するタグのみを提案し、既存のタグの更新、統合、削除は提案しません。デフォルトでオフになっています。

命名規則(アプリレベル)

アプリケーション内でAIタグ付けがどのようにページ名や機能名を付けるべきかを説明してください。命名規則は2か所で設定できます。AIタグ付けを最初に開いた際の推奨アクションとして(タグ付け設定を構成する)、またはここにある設定管理でいつでも設定できます。どちらも同じ設定を更新します。

コンテキストのタグ付け(アプリレベル)

製品固有の用語、除外する領域、重視する内容など、AIがより正確にタグ付けできるよう追加情報を入力します。これは、形式や構造を定義する命名規則とは異なります。タグ付けコンテキストでは、タグ付けの対象範囲や意図を指定します。

たとえば、管理者用デバッグバーは無視します。左側のナビゲーションペインはフィーチャーではなく、ナビゲーションとして扱います。

セレクターの好み(アプリレベル)

各タグのルールのセレクターを選択する際に、AIタグ付けが従う順序を設定します。これは2か所で設定できます。AIタグ付けを最初に開いた際の推奨アクションとして(タグ付け設定を構成する)か、ここの[設定管理]でいつでも設定できます。セレクターをドラッグして並べ替え、最も安定したセレクター(アプリケーションの変更時に壊れる可能性が最も低いもの)を上部に配置してください。AIタグ付けはリストの上から順に処理し、その要素に合う最初のセレクターを使用します。AIタグ付けで使用したくないセレクターはオフにしてください。

リスト上部のテキストフィールドから、カスタムセレクターを追加することもできます。

高度な設定

  • リハーサル(ユーザーレベル):常にオン。選択したものを確認するまで、タグの作成や変更は一切行われません。フルコントロールは、将来のリリースで利用可能になる予定です。
  • デバッグ(ユーザーレベル):タグ付けの問題トラブルシューティングを支援する詳細なログを表示します。デフォルトでオフになっています。

AIタグ付けの仕組み

AIタグ付けは、デザイナーを通じてアプリケーションのページのDOMを取得し、ページ構造を分析してタグの候補を生成します。提案はページごとに整理され、アクションタイプごとに「作成」「更新」「削除」のタグに分類されています。

AIタグ付けはデフォルトでGeminiを使用し、すべてのデータ地域で利用可能です。米国データリージョンでは、AIタグ付けはClaudeを使用します。

AIタグ付けは、優先順位付けされたルールセットを使用してタグの品質を判断します。優先順位は、カスタムHTML属性、要素ID、その他の安定性が低いセレクターの順です。安定性の低いセレクターしか使用できない場合は、その候補に警告が表示されます。そのまま承認することもできますが、より安定した識別子を追加できるよう、エンジニアリングチームに依頼することをおすすめします。

デフォルトでは、AIタグ付けは一度に1ページずつ取得します。マルチページキャプチャを有効にすると、AIタグ付けは最大5ページを同時に処理し、それ以降のページはキューに追加され、最初の処理が完了した後に順次処理されます。提案の読み込みに時間がかかることがあります。

命名規則を設定している場合は、AIタグ付けはその内容を反映してタグ候補を生成します。設定していない場合は、Pendoが推奨するベストプラクティスがデフォルトで使用されます。却下した候補は、以降のセッションでは再度提案されません。

よくある質問

AIタグ付けはDOMを更新してCSSセレクターを改善しますか?

いいえ、AIタグ付けはタグ付け目的でDOMを取得するだけです。コードベースへのアクセス権がないため、DOMを編集することはできません。

AIタグ付けはタグのメンテナンスと連携しますか?

はい。AIによるタグ付けは、既存のタグ管理を基盤として機能します。AIタグ付けが機能しなくなったタグや、最近のDOMと一致しないタグを検出した場合は、新しいタグ候補とあわせて、更新または削除の候補として提案パネルに表示します。

AIタグ付けでは、安定性の高いセレクターを使用したタグだけが提案されますか?

いいえ。AIタグ付けでは、優先順位付けされたルールセットを使用します。優先順位は、カスタムHTML属性、要素ID、その他の安定性が低いセレクターの順です。安定性の低いセレクター(たとえば、nth-child)が使用されている場合でも、その候補は除外されず、警告付きで表示されます。そのまま承認することもできますが、より信頼性の高いルールにするために、エンジニアリングチームへカスタムHTML属性または要素IDの追加を依頼することをおすすめします。

どの提案を適用するかを選択できますか?

はい。各候補の横にあるチェックボックスで承認または却下する項目を選択できます。また、[すべて選択(Select all)]を使用すると、すべての候補を一度に選択できます。[選択した項目を承認(Accept selected)]を選択するまで、変更内容はサブスクリプションに適用されません。

AIタグ付けは、アプリケーション内の機密データにアクセスしますか?

いいえ。DOMコンテンツが分析のためにAIへ送信される前に、Pendoはブラウザー上でクライアントサイドのサニタイズ処理を実行します。そのため、機密データはアプリケーションの外部へ送信される前に削除またはマスクされます。

命名規則とタグルールの違いは何ですか?

タグの異なる部分を制御します。命名規則はタグの名前の付け方を制御します:チームのフォーマットや用語に基づき、AIタグ付けがページや機能に提案する読みやすい名前です。タグルールは、アプリケーション内でタグがどのように要素を識別するかを制御します:Pendoがタグを照合するために使用する実際のセレクターです。セレクターの好み設定は、AIタグ付けがそのルールを構築する方法を形作り、試すセレクターの順序を決めます。簡単に言えば、命名規則はタグの名前に影響を与え、タグルールはタグが指すものに影響します。

既存のタグルールを変えずに命名規則を更新できますか?

はい。命名規則を更新すると、AIタグ付けは既存タグへの更新内容を確認し、適用するかどうかを承認前に確認できます。

拡張機能アプリでAIタグ付けは機能しますか?

対応しています。

AIタグ付けはモバイルアプリでも利用できますか?

現時点では利用できません。

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています