1.1.4 クライアント側のウェブデータ収集

リクエスト内のデータを検証します

Adobe Experience Platform Debuggerのインストール

Experience Platform Debugger は、Chromeおよび Firefox ブラウザーで使用できる拡張機能で、web ページに実装されたAdobe テクノロジーを確認するのに役立ちます。 使用するブラウザーのバージョンをインストールします。

初めて Debugger を使用する場合は(以前のAdobe Experience Cloud Debugger とは異なります)、次の 5 分間の概要ビデオをご覧ください。

デモ Web サイトを匿名モードで読み込むため、Experience Platform Debugger も匿名モードで使用できるようにする必要があります。 これを行うには、ブラウザーで chrome://extensions に移動し、Experience Platform Debugger 拡張機能を開きます。

次の 2 つの設定が有効になっていることを確認します。

  • 開発者モード
  • 匿名モードで許可

EXP ニュースホームページ

デモ Web サイトを開きます。

https://dsn.adobe.com に移動します。 Adobe IDでログインすると、このが表示されます。 Web サイトプロジェクトで「。… いう 3 つのドットをクリックし、「実行」をクリックして開きます。

DSN

その後、デモ Web サイトが開きます。 URL を選択してクリップボードにコピーします。

DSN

新しい匿名ブラウザーウィンドウを開きます。

DSN

前の手順でコピーしたデモ Web サイトの URL を貼り付けます。 その後、Adobe IDを使用してログインするように求められます。

DSN

アカウントタイプを選択し、ログインプロセスを完了します。

DSN

次に、匿名ブラウザーウィンドウに web サイトが読み込まれます。 デモごとに、新しい匿名ブラウザーウィンドウを使用して、デモ Web サイトの URL を読み込む必要があります。

DSN

Experience Platform Debugger を使用して、Edgeに送信される呼び出しを確認します。

デモ Web サイトが開いていることを確認し、Experience Platform Debugger 拡張機能アイコンをクリックします。

EXP ニュースホームページ

デバッガーが開き、Adobe Experience Platform Data Collection プロパティで作成した実装の詳細が表示されます。 編集中の拡張機能とルールをデバッグしていることを忘れないでください。

右上の ログイン ボタンをクリックして認証します。 Adobe Experience Platform Data Collection インターフェイスで既にブラウザータブを開いている場合、認証手順は自動的に行われ、ユーザー名とパスワードを再度入力する必要はありません。

AEP デバッガー

その後、デバッガーにログインします。

AEP デバッガー

デモ Web サイトでリロードボタンを押して、デバッガーをその特定のタブに接続します。

AEP デバッガー

上の図のように、デバッガーが ホームに接続 されていることを確認し、lock アイコンをクリックして、デバッガーをデモ Web サイトにロックします。 そうしないと、デバッガーが切り替わり続けて、フォーカスされているブラウザータブの実装の詳細が表示されるので、混乱が生じるおそれがあります。 デバッガーがロックされると、アイコンが ロック解除 に変わります。

AEP デバッガー

次に、デモ Web サイトの任意のページ(例:プラン カテゴリページ)に移動します。

AEP デバッガー AEP Web SDK拡張機能

左側のナビゲーションで Experience Platform Web SDK をクリックして、ネットワークリクエスト を表示します。

各リクエストには events 行が含まれます。

AEP デバッガー AEP Web SDK拡張機能

クリックすると、events 行が開きます。 web.webpagedetails.pageViews イベントと、Web SDK ExperienceEvent XDM 形式に準拠するその他の標準変数を確認する方法に注意してください。

Events 値

このようなリクエストの詳細は、「ネットワーク」タブにも表示されます。 インタラクション を使用してリクエストをフィルタリングし、web SDKから送信されたリクエストを特定します。 XDM ペイロードのすべての詳細については、ペイロード セクションを参照してください。

「ネットワーク」タブ

次の手順

1.1.5 Adobe AnalyticsとAdobe Audience Managerの実装 ​ を参照してください。

Adobe Experience Platform データ収集の設定と web SDK タグ拡張機能 ​ に戻ります

​ すべてのモジュール ​ に戻る

recommendation-more-help
4bbf020c-24db-4a43-b239-88fab142f02d