Adobe Experience Platform Debugger を使用した埋め込みコードのテスト

Adobe Experience Platform のタグライブラリビルドに変更を加える場合は、ビルドを本番環境にデプロイする前に、これらの変更をテストする必要があります。Web サイトに専用のステージングまたは開発環境がない場合は、Adobe Experience Platform Debugger を使用して、サイト内の様々な埋め込みコードをローカルでテストできます。

前提条件

このチュートリアルでは、タグの環境と埋め込みコードの使用に関する十分な知識が必要です。 「環境の概要 」で詳細情報を参照してください。

また、このチュートリアルでは、Experience Platform Debugger ブラウザー拡張機能がインストールされている必要があります。 Experience Platform Debugger は、Chrome ブラウザーで使用できます。 チュートリアルを開始する前に、次のリンクを使用して拡張機能をインストールします。

Web サイトでExperience Platform Debugger を開きます。

任意のブラウザーを使用して web サイトに移動し、Experience Platform Debugger 拡張機能を開きます。 Experience Platform Debugger が現在接続しているサイトが、ウィンドウの下部に表示されます。 タグが現在サイトで実行中の場合は、「Summary」タブに表示されます。

埋め込みコードの置換

Experience Platform Debugger がサイトに接続したら、左側のナビゲーションで「Launch」を選択します。 ここには、環境や関連する拡張機能など、現在サイトで実行されているライブラリビルドに関する情報が表示されます。 ここから Configuration を選択すると、埋め込みコードを管理するコントロールが表示されます。

Page Embed Codes の下に、サイトで現在使用している埋め込みコードが表示されます。 埋め込みコードの右側で Actions を選択してから、Replace を選択します。

現在の埋め込みコードを置き換える埋め込みコードを指定するよう求めるポップオーバーが表示されます。 Experience Platform Debugger を使用して埋め込みコードを置き換えても、サイトにデプロイされた埋め込みコードは変更されません。 代わりに、ローカルで実行されている埋め込みコードのみが置き換えられるので、実装のテストとデバッグを実行できます。

テストする埋め込みコードを表示されるテキストボックスにペーストし、Apply を選択します。

「Configuration」タブが再表示され、ライブ埋め込みコードが指定したコードに置き換えられたことが示されます。 Web ブラウザーを使用して、テスト中の埋め込みコードが期待どおりに動作しているかどうかを確認できるようになりました。

次の手順

このチュートリアルでは、Experience Platform Debugger を使用してテスト目的で埋め込みコードをローカルに切り替える方法について説明しました。 様々な機能について詳しくは、Experience Platform Debugger のドキュメント ​ を参照してください。