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

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

前提条件

このチュートリアルでは、Platform Launch での環境と埋め込みコードの使用について、十分に理解している必要があります。「環境の概要 」で詳細情報を参照してください。

また、このチュートリアルでは、Platform Debugger ブラウザー拡張機能がインストールされている必要があります。 Platform Debugger は、クロムおよび Firefox ブラウザーでのみ使用できます。 チュートリアルを開始する前に、次のリンクのいずれかを使用して、拡張機能をインストールしてください。

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

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

メモ

Platform Debugger が最初に接続しない場合は、Web サイトを表示しているブラウザータブをリロードしてから、再試行する必要がある場合があります。

埋め込みコードの置換

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

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

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

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

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

次の手順

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

このページ

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now