Experience Cloud Debugger でのタグ環境の切り替え
作成対象:
- 初心者
- 中級
- 開発者
このレッスンでは、Adobe Experience Platform Debugger 拡張機能を使用して、Luma デモサイトでハードコード化されたタグプロパティを独自のプロパティに置き換えます。
この手法は環境の切り替えと呼ばれ、後で自分の web サイトでタグを操作する際に役立ちます。 実稼動用 web サイトをブラウザーに読み込むことができますが、開発 タグ環境を使用します。 これにより、通常のコードリリースとは独立し、自信を持ってタグの変更を実行および検証できます。 結局、マーケティングタグリリースを通常のコードリリースから分離することが、顧客がタグを最初に使用する主な理由の 1 つです。
- Platform Launch(クライアントサイド)は tags になりました
- Platform Launch サーバーサイドが event forwarding になりました
- Edgeの設定が datastreams になりました
学習内容
このレッスンを最後まで学習すると、以下の内容を習得できます。
- Debugger を使用して、代替タグ環境を読み込む
- Debugger を使用して、代替ログ環境を読み込んだことを検証する
開発環境 URL の取得
-
タグプロパティで、
Environments
ページを開きます -
開発 行で、インストールアイコン
-
コピーアイコン
-
「閉じる」をクリックして、モーダルを閉じます
Luma デモサイトのタグ URL を置き換えます
-
Chrome ブラウザーで Luma デモサイトを開きます。
-
-
現在実装されているタグプロパティは、「概要」タブに表示されます。
-
「ツール」タブに移動します。
-
「Launch 埋め込みコードを置換」セクションまでスクロールします
-
Luma サイトの「Chrome」タブが Debugger の背後で焦点が当てられていることを確認します(このチュートリアルのタブやデータ収集インターフェイスのタブではなく)。 クリップボードにある埋め込みコードを入力フィールドに貼り付けます。
-
「luma.enablementadobe.com 全体で適用」機能をオンにして、Luma サイトのすべてのページがタグプロパティにマッピングされるようにします。
-
「保存」ボタンをクリックします。
-
Luma サイトを再読み込みし、デバッガーの「概要」タブを確認します。 Launch セクションには、使用中の開発プロパティが表示されます。 プロパティ名がユーザーと一致し、環境が「開発」となっていることを確認します。
チュートリアルを続ける際には、Luma サイトを独自のタグプロパティにマッピングするこの手法を使用して、タグの実装を検証します。 実稼動用 web サイトでタグの使用を開始する際、同じ手法を使用して変更を検証できます。