レスポンストークン

レスポンストークンを使用すると、 Adobe Target をブランドの web ページに追加します。 この情報には、アクティビティ、オファー、エクスペリエンス、ユーザープロファイル、地域情報などに関する詳細が含まれます。 これらの詳細は、内部またはサードパーティのツールと共有したり、デバッグに使用したりするための追加の応答データを提供します。

レスポンストークンを使用すると、使用する変数(キーと値のペア)を選択し、それらを Target 応答。 変数を有効にするには、スイッチを使用します。この変数は、 Target 応答。ネットワーク呼び出しで検証できます。 レスポンストークンは プレビュー モード。

プラグインとレスポンストークンの主な違いは、プラグインは配信時に実行されるページに JavaScript を配信することです。 ただし、レスポンストークンは、イベントリスナーを使用して読み取り、処理できるオブジェクトを配信します。 レスポンストークンのアプローチはより安全で、サードパーティ統合の開発と保守を容易にします。

NOTE
レスポンストークンは at.js バージョン 1.1 以降で利用できます。
Target SDK
推奨アクション
Adobe Experience Platform Web SDK
Platform Web SDK バージョン 2.6.0 以降を使用していることを確認します。 Platform Web SDK の最新バージョンのダウンロードについて詳しくは、 SDK のインストール (内) Platform Web SDK の概要 ガイド。 Platform Web SDK の各バージョンでの新機能について詳しくは、 リリースノート (内) Platform Web SDK の概要 ガイド。
at.js
必ず at.js バージョン 1.1 以降を使用します。at.js の最新バージョンのダウンロードについて詳しくは、 at.js のダウンロード. For information about new functionality in each version of at.js, see at.js Version Details.
at.js を使用する場合は、プラグインを廃止しレスポンストークンを使用することをお勧めします。at.js にはなく、mbox.js(現在は非推奨)に存在する内部メソッドを使用するプラグインの中には、配信されても失敗するものもあります。

レスポンストークンの使用 section_A9E141DDCBA84308926E68D05FD2AC62

  1. Platform Web SDK バージョン 2.6.0(またはそれ以降)または at.js バージョン 1.1(またはそれ以降)を使用していることを確認します。

    詳しくは、以下を参照してください。

  2. In Targetをクリックし、 管理 > レスポンストークン.

    response_tokens-new image

  3. 次のような目的のレスポンストークンをアクティブにします。 activity.id および offer.id.

    デフォルトでは次のパラメーターを使用できます。

    table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 5-row-3 6-row-3 7-row-3 8-row-3 9-row-3 10-row-3 11-row-3 12-row-3 13-row-3
    タイプ パラメーター メモ
    ビルトインプロファイル profile.activeActivities 訪問者が該当する activityIds の配列を返します。ユーザーが該当するたびに増分されます。例えば、2 つの Target 2 つの異なるアクティビティを配信するリクエストの場合、2 番目のリクエストには両方のアクティビティが含まれます。
    profile.isFirstSession 「true」または「false」を返します。
    profile.isNewSession 「true」または「false」を返します。
    profile.daysSinceLastVisit 訪問者の最後の訪問からの経過日数を返します。
    profile.tntId 訪問者の tntID を返します。
    profile.marketingCloudVisitorId 訪問者の Experience Cloud 訪問者 ID を返します。
    profile.thirdPartyId 訪問者のサードパーティ ID を返します。
    profile.categoryAffinity 訪問者のお気に入りのカテゴリを返します。
    profile.categoryAffinities 訪問者の上位 5 カテゴリの配列を文字列として返します。
    アクティビティ activity.name
    activity.id
    experience.name
    experience.id
    offer.name
    offer.id
    現在のアクティビティの詳細です。
    オファーパラメーターの値は、エクスペリエンスレベルで評価されます。
    地域 geo.country
    geo.state
    geo.city
    geo.zip
    geo.dma
    geo.domainName
    geo.ispName
    geo.connectionSpeed
    geo.mobileCarrier
    アクティビティでの地域ターゲット設定について詳しくは、地域を参照してください。
    トラフィック配分方法
    ( 次に適用: 自動ターゲット および Automated Personalization アクティビティのみ )
    experience.trafficAllocationId 訪問者が「コントロール」トラフィックからエクスペリエンスを受け取った場合は 0 を、「ターゲット」トラフィック配分からエクスペリエンスを受け取った場合は 1 を返します。
    experience.trafficAllocationType 「control」または「targeted」を返します。

    ユーザープロファイル属性と顧客属性もリストに表示されます。

    note note
    NOTE
    特殊文字を含むパラメーターはリストに表示されません。英数字とアンダースコアのみサポートされます。
  4. (条件付き)プロファイルパラメーターをレスポンストークンとして使用するが、パラメーターが Target リクエストを読み込まず、 Target UI では、 レスポンストークンを追加 ボタンをクリックして、UI にプロファイルを追加します。

    クリック レスポンストークンを追加」、トークン名を入力し、「 有効化.

    response_token_create image

  5. アクティビティを作成します。

応答をリッスンし、レスポンストークンを読み取ります。

リッスンするプロセス Target の応答と読み取りのレスポンストークンは、 Platform Web SDK または at.js の実装。

Adobe Experience Platform Web SDK バッジ Platform Web SDK Handle オブジェクトクラスの使用 platform-web-sdk

メタデータオブジェクトと、リッスンするデータオブジェクトを持つ Handle オブジェクトクラスを使用します。 Target の応答とレスポンストークンの読み取り。

次の応答の例では、 Platform Web SDK カスタムイベントハンドラーをHTMLページに直接追加します(この表では、コードで使用されるオブジェクトについて説明します)。

オブジェクト
情報
タイプ — Personalization.decision
が決定したかどうか Target またはOffer decisioningプロバイダー。
DecisionProvider - TGT
TGT-Target. Target は、レスポンストークンのメタデータと値をページに提供します。
メタ
ページに渡されるメタデータ。
データ
ページに渡されるメタデータの値。
<html>

<head>
 ...
 <script src="alloy.js"></script>
 <script>
  {
   "requestId": "4d0a7cfd-952c-408c-b3b8-438edc38250a",
   "handle": [{
    "type": "personalization:decisions",
    "payload": [{
     "id": "....",
     "scope": "__view__",
     "scopeDetails": {
      "decisionProvider": "TGT",
      "activity": {
       "id": "..."
      },
      "experience": {
       "id": "...."
      }
     },
     "items": [{
      "id": "123",
      "schema": "https://ns.adobe.com/personalization/dom-action",
      "meta": {
       "activity.id": "...",
       "activity.name": "...",
       "profile.foo": "...",
       "profile.bar": "..."
      },
      "data": {
       "id": "123",
       "type": "setHtml",
       "selector": "#foo",
       "prehidingSelector": "#foo",
       "content": "<div>Hello world</div>"
      }
     }]
    }]
   }]
  }
  });
 </script>
</head>

<body>
 ...
</body>

</html>

at.js バッジ カスタムイベントを使用する at.js

at.js カスタムイベントを使用して の応答をリッスンし、レスポンストークンを読み取ります。Target

以下のコードサンプルは、at.js カスタムイベントハンドラーを HTML ページに直接追加します。

<html>
  <head>
    ....
    <script src="at.js"></script>
    <script>
      document.addEventListener(adobe.target.event.REQUEST_SUCCEEDED, function(e) {
        console.log("Request succeeded", e.detail);
      });
    </script>
  <head>
  <body>
  ...
  </body>
</html>

レスポンストークンに関する FAQ section_3DD5F32C668246289CDF9B4CDE1F536D

レスポンストークンを有効または無効にするには、どの役割が必要ですか?

レスポンストークンは、 Target 管理者 役割。

実行中の場合の影響 Platform Web SDK 2.6.0(またはそれ以前)

レスポンストークンへのアクセス権がありません。

at.js 1.0(またはそれ以前)を実行している場合はどうなりますか。

レスポンストークンは見えますが、at.js では使用できません。

Target Classic プラグインとレスポンストークンの両方を同時に有効にすることはできますか?

プラグインとレスポンストークンは並行して利用できますが、今後、プラグインは非推奨となる予定です。

すべての Target 応答または唯一の Target アクティビティを配信する応答

レスポンストークンは、 Target アクティビティを配信する応答。

マイ Target Classic プラグインに JavaScript が含まれていました。 レスポンストークンを使用してこの機能を複製するにはどうすればよいですか?

レスポンストークンに移行する際は、このタイプの JavaScript をコードベースまたはタグ管理ソリューションに保持する必要があります。 このコードをトリガーするには、 Platform Web SDK または at.js カスタムイベントを作成し、レスポンストークンの値を JavaScript 関数に渡します。

プロファイル/顧客属性パラメーターがレスポンストークンのリストに表示されないのはなぜですか?

Target 通常、パラメーターは 15 分ごとに更新されます。 この更新は、ユーザーの操作によって異なり、レスポンストークンページを表示した場合にのみデータが更新されます。 パラメーターがレスポンストークンのリストに表示されない場合、 Target はまだデータを更新していません。

また、パラメーターに英数字以外の文字やアンダースコア以外の記号が含まれている場合は、そのパラメーターはリストに表示されません。 現時点では、サポートされるのは英数字とアンダースコアのみです。

削除されたプロファイルスクリプトまたはプロファイルパラメーターを使用している場合、レスポンストークンは引き続きコンテンツを配信しますか?

レスポンストークンはユーザープロファイルから情報を抽出し、その情報を配信します。プロファイルスクリプトまたはプロファイルパラメーターを削除しても、ユーザープロファイルから情報が削除されるわけではありません。ユーザープロファイルには、プロファイルスクリプトに対応するデータが引き続き含まれます。 レスポンストークンは引き続きコンテンツを配信します。 その情報をプロファイルに保存していないユーザーや新規訪問者の場合、データがプロファイルに存在しないので、そのトークンは配信されません。

Target では、トークンの自動的な切り替えはおこなわれません。 プロファイルスクリプトを削除し、このトークンの配信が不要になった場合は、手動でトークンを無効にする必要があります。

プロファイルスクリプトの名前を変更しましたが、そのスクリプトを使用しているトークンが変更前の名前のままで引き続き有効なのはなぜですか?

前述したように、レスポンストークンはユーザーの保存済みのプロファイル情報を基に機能します。プロファイルスクリプトの名前を変更した場合でも、Web サイトを訪問したユーザーのプロファイルには、古いプロファイルスクリプトの値が保存されます。 トークンは、ユーザープロファイルに既に保存されている古い値を引き続き取得します。 新しい名前でコンテンツを配信したい場合は、以前のトークンを無効にし、新しいトークンを有効にする必要があります。

属性が変更された場合、いつリストから削除されますか。

Target では、一定間隔で属性が更新されます。オンに切り替えられていない属性は、次回の更新時に削除されます。 ただし、オンに切り替えられて削除された属性がある場合、そのスクリプトは、オフに切り替えるまで属性リストから削除されません。 例えば、トークンとして使用されたプロファイルスクリプトを削除しました。 Target では、削除または名前変更しても、無効にされている属性しかリストから削除されません。

データをGoogle Analyticsに送信

次の節では、を送信する方法について説明します。 Target データをGoogle Analytics4. レスポンストークンから送信されたデータは、他のサードパーティ統合にも送信できます。

AEP バッジ Platform Web SDK を使用してGoogle Analyticsにデータを送信する

Google Analyticsは、HTMLページに次のコードを追加することで、Platform Web SDK バージョン 2.6.0(またはそれ以降)を使用してデータを送信できます。

NOTE
レスポンストークンのキーと値のペアが「 alloy("sendEvent" オブジェクト。
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script type="text/javascript">
    alloy("sendEvent", {


    })
    .then(({ renderedPropositions, nonRenderedPropositions }) => {
        // concatenate all the propositions
        const propositions = [...renderedPropositions, ...nonRenderedPropositions];
        // extractResponseTokens() extract the meta from item -> meta
        const tokens = extractResponseTokens(propositions);
        const activityNames = [];
        const experienceNames = [];
        const uniqueTokens = distinct(tokens);


        uniqueTokens.forEach(token => {
            activityNames.push(token["activity.name"]);
            experienceNames.push(token["experience.name"]);
        });

        gtag('config', 'TAG_ID');
        gtag('event', 'action_name', {'eventCategory': 'target',
            'eventAction': experienceNames, 'eventLabel': activityNames
        });
    });
</script>

at.js バッジ at.js を使用したGoogle Analyticsへのデータの送信 section_04AA830826D94D4EBEC741B7C4F86156

次のコードを HTML ページに追加することで、Google Analytics に at.js を介してデータを送信できます。

<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>

<script type="text/javascript">
    document.addEventListener(adobe.target.event.REQUEST_SUCCEEDED, function(e) {
        var tokens = e.detail.responseTokens;

        if (isEmpty(tokens)) {
            return;
        }

        var activityNames = [];
        var experienceNames = [];
        var uniqueTokens = distinct(tokens);

        uniqueTokens.forEach(function(token) {
            activityNames.push(token["activity.name"]);
            experienceNames.push(token["experience.name"]);
        });

        gtag('config', 'TAG_ID');
        gtag('event', 'action_name', {'eventCategory': 'target',
            'eventAction': experienceNames, 'eventLabel': activityNames
        });
    });

    function isEmpty(val) {
        return (val === undefined || val == null || val.length <= 0) ? true : false;
    }

    function key(obj) {
        return Object.keys(obj)
        .map(function(k) { return k + "" + obj[k]; })
        .join("");
    }

    function distinct(arr) {
        var result = arr.reduce(function(acc, e) {
            acc[key(e)] = e;
            return acc;
        }, {});

        return Object.keys(result)
        .map(function(k) { return result[k]; });
    }
</script>

デバッグ

以下の節では、レスポンストークンのデバッグに関する情報を示します。

at.js バッジ Google Analyticsとデバッグ

次のコードを使用すると、デバッグにGoogle Analyticsできます。

<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>

<script type="text/javascript">
    document.addEventListener(adobe.target.event.REQUEST_SUCCEEDED, function(e) {
      var tokens = e.detail.responseTokens;

      if (isEmpty(tokens)) {
        return;
      }

      var activityNames = [];
      var experienceNames = [];
      var uniqueTokens = distinct(tokens);

      uniqueTokens.forEach(function(token) {
        activityNames.push(token["activity.name"]);
        experienceNames.push(token["experience.name"]);
      });

      gtag('config', 'TAG_ID');
      gtag('event', 'action_name', {'eventCategory': 'target',
          'eventAction': experienceNames, 'eventLabel': activityNames
      });
    });

    function isEmpty(val) {
      return (val === undefined || val == null || val.length <= 0) ? true : false;
    }

    function key(obj) {
       return Object.keys(obj)
      .map(function(k) { return k + "" + obj[k]; })
      .join("");
    }

    function distinct(arr) {
      var result = arr.reduce(function(acc, e) {
        acc[key(e)] = e;
        return acc;
      }, {});

      return Object.keys(result)
      .map(function(k) { return result[k]; });
    }
</script>

ttMeta プラグインと同等のを使用したデバッグ

ttMeta プラグインと同様のデバッグ機能は、HTML ページに次のコードを追加することで作成できます。

<script type="text/javascript" >
  document.addEventListener(adobe.target.event.REQUEST_SUCCEEDED, function (e) {
    window.ttMETA= typeof(window.ttMETA)!="undefined" ? window.ttMETA : [];

    var tokens=e.detail.responseTokens;

    if (isEmpty(tokens)) {
      return;
    }

    var uniqueTokens = distinct(tokens);

    uniqueTokens.forEach(function(token) {
      window.ttMETA.push({
        'CampaignName': token["activity.name"],
        'CampaignId' : token["activity.id"],
        'RecipeName': token["experience.name"],
        'RecipeId': token["experience.id"],
        'OfferId': token["offer.id"],
        'OfferName': token["offer.name"],
        'MboxName': e.detail.mbox});
      console.log(ttMETA);
    });
  });

  function isEmpty(val){
    return (val === undefined || val == null || val.length <= 0) ? true : false;
  }

  function key(obj) {
     return Object.keys(obj)
    .map(function(k) { return k + "" + obj[k]; })
    .join("");
  }

  function distinct(arr) {
    var result = arr.reduce(function(acc, e) {
      acc[key(e)] = e;
      return acc;
    }, {});

    return Object.keys(result)
    .map(function(k) { return result[k]; });
  }
</script>

at.js トレーニングビデオ:レスポンストークンおよび at.js カスタムイベント section_3AA0A6C8DBD94A528337A2525E3E05D5

次のビデオでは、レスポンストークンと at.js カスタムイベントを使用してからプロファイル情報を共有する方法を説明します。 Target をサードパーティ製システムに追加する。

NOTE
パフォーマンスを向上、新機能のリリースに要するメンテナンス時間を短縮、製品全体でのユーザーエクスペリエンスが向上するため、Target 管理メニュー(以前の設定)のデザインが一新されました。次のビデオに示す情報は正しいですが、オプションの位置は若干異なります。
ビデオでのメンション option.name および option.id(で置き換えられています) offer.name および offer.id、それぞれ。
recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654