ドキュメントExperience PlatformWeb チュートリアル

Experience Cloud Debugger でのタグ環境の切り替え

最終更新日: 2025年5月9日
  • トピック:

作成対象:

  • 初心者
  • 中級
  • 開発者

このレッスンでは、Adobe Experience Platform Debugger 拡張機能を使用して、Luma デモサイトでハードコード化されたタグプロパティを独自のプロパティに置き換えます。

この手法は環境の切り替えと呼ばれ、後で自分の web サイトでタグを操作する際に役立ちます。 実稼動用 web サイトをブラウザーに読み込むことができますが、開発 ​タグ環境を使用します。 これにより、通常のコードリリースとは独立し、自信を持ってタグの変更を実行および検証できます。 結局、マーケティングタグリリースを通常のコードリリースから分離することが、顧客がタグを最初に使用する主な理由の 1 つです。

メモ
Adobe Experience Platform Launch は、データ収集テクノロジーのスイートとして Adobe Experience Platform に統合されています。 このコンテンツを使用する際に注意する必要があるインターフェイスで、いくつかの用語がロールアウトされました。
  • Platform Launch(クライアントサイド)は tags になりました
  • Platform Launch サーバーサイドが event forwarding になりました
  • Edgeの設定が datastreams になりました

学習内容

このレッスンを最後まで学習すると、以下の内容を習得できます。

  • Debugger を使用して、代替タグ環境を読み込む
  • Debugger を使用して、代替ログ環境を読み込んだことを検証する

開発環境 URL の取得

  1. タグプロパティで、Environments ページを開きます

  2. 開発 ​行で、インストールアイコン インストールアイコン をクリックして、モーダルを開きます

  3. コピーアイコン コピーアイコン をクリックして、埋め込みコードをクリップボードにコピーします。

  4. 「閉じる」をクリックして、モーダルを閉じます

    インストールアイコン

Luma デモサイトのタグ URL を置き換えます

  1. Chrome ブラウザーで Luma デモサイトを開きます。

  2. Debugger アイコン アイコンをクリックして、Experience Platform Debugger 拡張機能を開きます

    デバッガーアイコンをクリックする

  3. 現在実装されているタグプロパティは、「概要」タブに表示されます。

    Debugger に表示されるタグ環境

  4. 「ツール」タブに移動します。

  5. 「Launch 埋め込みコードを置換」セクションまでスクロールします

  6. Luma サイトの「Chrome」タブが Debugger の背後で焦点が当てられていることを確認します(このチュートリアルのタブやデータ収集インターフェイスのタブではなく)。 クリップボードにある埋め込みコードを入力フィールドに貼り付けます。

  7. 「luma.enablementadobe.com 全体で適用」機能をオンにして、Luma サイトのすべてのページがタグプロパティにマッピングされるようにします。

  8. 「保存」ボタンをクリックします。

    Debugger に表示されるタグ環境

  9. Luma サイトを再読み込みし、デバッガーの「概要」タブを確認します。 Launch セクションには、使用中の開発プロパティが表示されます。 プロパティ名がユーザーと一致し、環境が「開発」となっていることを確認します。

    Debugger に表示されるタグ環境

メモ
Debugger はこの設定を保存し、Luma サイトに戻るたびにタグ埋め込みコードを置き換えます。 他の開いているタブでアクセスする他のサイトには影響しません。 Debugger による埋め込みコードの置き換えを停止するには、Debugger の「ツール」タブで埋め込みコードの横にある「削除」ボタンをクリックします。

チュートリアルを続ける際には、Luma サイトを独自のタグプロパティにマッピングするこの手法を使用して、タグの実装を検証します。 実稼動用 web サイトでタグの使用を開始する際、同じ手法を使用して変更を検証できます。

次:「Adobe Experience Platform ID サービスの追加」>

recommendation-more-help
45774420-d03e-4a6b-94b5-cd639ae825b2