1. PageSenseには、目標を実行するページをより細かく制御できる詳細オプションがあります。この詳細セクションでは、8種類のURL一致タイプから選択でき、Webサイトの構造に基づいて、トラッキングに含めるページや除外するページを正確に定義できます。
   

• 要件に応じて適切な一致タイプを選択します。

• 対応する［URLの値］を入力します。

• 要素が複数のセクションに表示される場合は、複数の条件を追加します。

過剰なトラッキングや有効なコンバージョンの取りこぼしを避けるため、一致タイプは慎重に選択してください。

ビジュアル要素セレクターを使用すると、専門知識がなくてもページ上で直接要素を選択できます。

1. ［プレビューURL］を入力します。

2. ページがPageSense内に読み込まれます。

3. 要素にカーソルを合わせると、要素が強調表示されます。

4. トラッキングする要素をクリックします。

5. PageSenseによって適切なセレクターが自動生成されます。

• 人的ミスを減らせます。

• 最適化されたセレクターが自動的に作成されます。

• 技術的な知識がないユーザーにも適しています。

• 設定時間を短縮できます。
  

要素の構造が分かっている場合は、CSSセレクターを手動で入力できます。

CSSセレクターは、次の情報を使用してWebページ上の特定の要素を識別します。

• IDセレクター→ #signup-button
  （IDは一意であるため、最も信頼性が高い）

• クラスセレクター→ .cta-button
  （複数の要素で同じスタイルが使用されている場合に使用）

• 組み合わせセレクター→ .hero-section .start-trial
  （セクション内の特定の要素を対象にする）

• 属性セレクター→ button[data-action='signup']
  （カスタム属性に基づいて対象を指定）

• 可能な場合は、IDセレクターを優先します。

• .buttonや.primaryのような、非常に汎用的なクラス名は避けます。

• セレクターが目的の要素のみを一意に識別していることを確認します。

セレクターが正しくない、または範囲が広すぎる場合、次のような問題が発生する可能性があります。

• 意図しない要素のトラッキング

• コンバージョン数の過大計上

• 不正確なレポート

選択後は、次に進む前に生成されたセレクターを必ず確認してください。

Chrome 拡張機能が必要な理由

• 別のボタンをクリックした後にのみ要素が表示される場合。

• ナビゲーション時にページが再読み込みされない場合。

• セレクターが動的に変わる場合。

• プレビューモードで要素を選択できない場合。

Chrome 拡張機能を使用すると、複雑なページ構造や動的なページ構造でもセレクターを正確に取得できます。

インタラクトモードでは、次の操作ができます。

公開前の確認事項。