Adobe Target コンテンツ変更拡張
Adobe Target コンテンツ変更拡張とAdobe Targetタグを使用してHTML要素のコンテンツを変更します。
前提条件
- utag v4.38以降。
utag.jsテンプレートの更新についての詳細は、当社のナレッジベース記事utag.jsの最新バージョンへの更新のベストプラクティスを参照してください。 - utag.sync.jsを使用したGlobal Mbox
使い方
Adobe Target コンテンツ変更拡張とAdobe Targetタグは、HTML要素のコンテンツを変更するために使用されます。これは条件に基づいてA/Bコンテンツを表示するために使用されます。この拡張機能を動作させるためには、Adobe Targetタグにスコープを構成する必要があります。
この拡張機能は初期化コードを必要とします。これは、utag.sync.jsスニペットをページの<head>セクションに配置することで行われます。utag.sync.jsの使用について詳しく学びましょう。
拡張機能の使用
始める前に、拡張機能の動作方法について理解しておいてください。
この拡張機能のスコープはAdobe Targetタグに構成する必要があります。
拡張機能が追加されたら、グローバルmbox以外に追加のmboxが必要な場合は、mboxを追加ボタンをクリックして拡張機能を構成します。以下の構成オプションが利用可能です：
-
要素タイプ：ページのコンテンツが大幅に変更されるとXPath識別子が変更されるため、要素を識別するためにDOM IDの使用を推奨します。
- DOM IDまたはXPathを選択します。
-
DOM ID：要素のDOM IDまたはXPath識別子の値を入力します。
-
Mod Position：新しいコンテンツを配置する場所を指定します：
- Before Node：識別した要素の前にコンテンツを配置します。
- After Node：識別した要素の後にコンテンツを配置します。
- Beginning of Node：識別した要素の始まりにコンテンツを配置します。
- End of Node：識別した要素の終わりにコンテンツを配置します。
- Replace Node Content：要素のコンテンツを置き換えます。
- Replace Node：要素全体を置き換えます。
- Replace Node Content (leave default)：要素のコンテンツを置き換えますが、AdobeのTargetサービスが一時的に利用できない場合は、テストコンテンツの代わりにデフォルトのコンテンツが表示されます。フリッカーフリー機能を使用する場合は、このMod Positionを選択する必要があります。
-
mBox Div ID：（Adobeから提供）テストのmBox IDを入力します。
-
Static Params(オプション) このフィールドにクエリ文字列形式で静的パラメータを追加します。これはアンパサンド(
&)文字で区切ります。
条件を追加をクリックして、拡張機能がコンテンツを変更するタイミングと場所を決定するロジックステートメントを作成します。さらにコンテンツ変更エントリを追加するには、拡張機能構成の右上隅にある**+**ボタンをクリックします。別のオプションは、各エントリごとに拡張機能を複製することですが、複数のエントリを1つの拡張機能に保持する方が、この拡張機能内のすべてのエントリが拡張機能のロード条件を共有するため、実装がクリーナーになります。
最終更新日 :: 2024年March月29日