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が現在接続されているサイトは、ウィンドウの下部に表示されます。 タグが現在サイトで実行されている場合、「概要」タブにリストされます。

埋め込みコードの置換

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

​ ページ埋め込みコード ​の下に、サイトで現在使用している埋め込みコードが表示されます。 埋め込みコードの右側にある「アクション」を選択し、「置換」を選択します。

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

テストする埋め込みコードを指定されたテキストボックスに貼り付け、適用​を選択します。

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

次の手順

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