Platform Web SDK を統合して、顧客の同意データを処理する

Adobe Experience Platform Web SDK を使用すると、同意管理プラットフォーム (CMP) で生成された顧客の同意シグナルを取得し、同意変更イベントが発生した場合にそれらをAdobe Experience Platformに送信できます。

SDK は、標準の CMP とのインターフェイスを提供しません. SDK を Web サイトに統合する方法を決定し、CMP で同意の変更をリッスンして、適切なコマンドを呼び出すかどうかは、ユーザーが決定します。 このドキュメントでは、CMP を Platform Web SDK と統合する方法に関する一般的なガイダンスを提供します。

前提条件

このチュートリアルは、CMP 内で同意データを生成する方法が既に決定済みであり、Adobe標準または IAB Transparency and Consent Framework(TCF)2.0 標準に準拠する同意フィールドを含むデータセットが作成されていることを前提としています。 このデータセットをまだ作成していない場合は、このガイドに戻る前に、次のチュートリアルを参照してください。

• Adobe標準を使用したデータセットの作成
• TCF 2.0 標準を使用したデータセットの作成

このガイドでは、UI のタグ拡張を使用した SDK のセットアップワークフローに従います。 拡張機能を使用しない場合で、スタンドアロンバージョンの SDK をサイトに直接埋め込む場合は、このガイドではなく、次のドキュメントを参照してください。

• データストリームの設定
• SDK のインストール
• SDK の設定 同意コマンド用

このガイドのインストール手順では、タグの拡張機能と、Web アプリケーションでのタグのインストール方法に関する十分な知識が必要です。 詳しくは、次のドキュメントを参照してください。

• タグの概要
• クイックスタートガイド
• 公開の概要

データストリームの設定

SDK がデータをExperience Platformに送信するには、まずデータストリームを設定する必要があります。 データ収集 UI またはExperience PlatformUI で、 データストリーム をクリックします。

新しいデータストリームを作成するか、編集する既存のデータストリームを選択した後、の横にある切り替えボタンを選択します。 Adobe Experience Platform. 次に、以下に示す値を使用して、フォームに入力します。

終了したら、「 」を選択します。 保存 画面の下部で、追加のプロンプトに従って設定を完了します。

Platform Web SDK のインストールと設定

前の節で説明したようにデータストリームを作成したら、最終的にサイトにデプロイする Platform Web SDK 拡張機能を設定する必要があります。 タグプロパティに SDK 拡張機能がインストールされていない場合は、「 拡張機能 左のナビゲーションで、 カタログ タブをクリックします。 次に、 インストール をクリックします。

SDK を設定する際に、 エッジ設定」で、前の手順で作成したデータストリームを選択します。

選択 保存 をクリックして、拡張機能をインストールします。

デフォルトの同意を設定するデータ要素の作成

SDK 拡張機能がインストールされている場合、デフォルトのデータ収集同意値 (collect.val) を使用します。 これは、ユーザーに応じて異なるデフォルト値 ( pending （EU ユーザー用）および in （北米のユーザー向け）

この使用例では、次の機能を実装して、ユーザーの地域に基づいてデフォルトの同意を設定できます。

1. Web サーバー上のユーザーの地域を特定します。
2. の前 script タグ（埋め込みコード）を Web ページ上で設定し、 script タグを設定します。 adobeDefaultConsent 変数の値を指定します。
3. を使用するデータ要素を設定する adobeDefaultConsent JavaScript 変数を使用し、このデータ要素をユーザーのデフォルトの同意値として使用します。

ユーザーの領域が CMP によって決定される場合は、代わりに次の手順を使用できます。

1. ページ上の「CMP loaded」イベントを処理します。
2. イベントハンドラで、 adobeDefaultConsent 変数を読み込み、JavaScript を使用してタグライブラリスクリプトを読み込みます。
3. を使用するデータ要素を設定する adobeDefaultConsent JavaScript 変数を使用し、このデータ要素をユーザーのデフォルトの同意値として使用します。

UI でデータ要素を作成するには、「 データ要素 左側のナビゲーションで、「 データ要素を追加 をクリックして、データ要素作成ダイアログに移動します。

ここから、 JavaScript 変数 に基づくデータ要素 adobeDefaultConsent. 完了したら、「保存」をクリックします。

データ要素を作成したら、 Web SDK 拡張機能の設定ページに戻ります。 以下 プライバシー セクション、選択 データ要素によって指定​を選択し、指定したダイアログを使用して、前に作成したデフォルトの同意データ要素を選択します。

Web サイトに拡張機能をデプロイする

拡張機能の設定が完了したら、Web サイトに統合できます。 詳しくは、 公開ガイド タグに関するドキュメントを参照してください。

同意変更コマンドの実行

SDK 拡張機能を Web サイトに統合したら、Platform Web SDK の使用を開始できます setConsent 」コマンドを使用して、Platform に同意データを送信する必要があります。

この setConsent コマンドは、次の 2 つのアクションを実行します。

1. ユーザーのプロファイル属性をプロファイルストアで直接更新します。 データレイクにはデータは送信されません。
2. を エクスペリエンスイベント には、同意の変更イベントのタイムスタンプ付きのアカウントが記録されます。 このデータはデータレイクに直接送信され、経時的に同意設定の変更を追跡するために使用できます。

を呼び出すタイミング setConsent

次の 2 つのシナリオが考えられます。 setConsent サイトでを呼び出す必要があります。

1. 同意がページに読み込まれた場合（つまり、ページが読み込まれるたび）
2. 同意設定の変更を検出する CMP フックまたはイベントリスナーの一部として

setConsent 構文

この setConsent コマンドには次の 2 つの引数が必要です。

1. コマンドの種類を示す文字列 ( この場合は "setConsent")
2. 単一の配列タイププロパティを含むペイロードオブジェクト： consent. この consent 配列には、Adobe標準に必要な同意フィールドを提供するオブジェクトが少なくとも 1 つ含まれている必要があります。

次の例に、Adobe標準に必要な同意フィールドを示します setConsent 呼び出し：

alloy("setConsent", {
  consent: [{
    standard: "Adobe",
    version: "2.0",
    value: {
      collect: {
        val: "y"
      },
      share: {
        val: "y"
      },
      personalize: {
        content: {
          val: "y"
        }
      },
      metadata: {
        time: "2020-10-12T15:52:25+00:00"
      }
    }
  }]
});

次の JavaScript は、Web サイトで同意設定の変更を処理する関数の例を示しています。この関数は、イベントリスナーまたは CMP フック内のコールバックとして使用できます。

var setConsent = function () {

  // Retrieve the current consent data.
  var categories = getConsentData();

  // If the script is running on a consent change, generate a new timestamp.
  // If the script is running on page load, set the timestamp to when the consent values last changed.
  var now = new Date();
  var collectedAt = consentChanged ? now.toISOString() : categories.collectedAt;

  //  Map the consent values and timestamp to XDM
  var consentXDM = {
    collect: {
      val: categories.collect !== -1 ? "y" : "n"
    },
    personalize: {
      content: {
        val: categories.personalizeContent !== -1 ? "y" : "n"
      }
    },
    share: {
      val: categories.share !== -1 ? "y" : "n"
    },
    metadata: {
      time: collectedAt
    }
  };

  // Pass the XDM object to the Platform Web SDK
  alloy("setConsent", {
    consent: [{
      standard: "Adobe",
      version: "2.0",
      value: consentXDM
    }]
  });
});

SDK 応答の処理

すべて Platform SDK コマンドは、呼び出しが成功したか失敗したかを示す promise を返します。 その後、これらの応答を、顧客への確認メッセージの表示などの追加ロジックに使用できます。 詳しくは、 成功または失敗の処理 （特定の例に関する SDK コマンドの実行に関するガイド）。

正常に setConsent SDK を呼び出す場合、Platform UI のプロファイルビューアを使用して、データがプロファイルストアにランディングしているかどうかを検証できます。 詳しくは、 ID によるプロファイルの参照 を参照してください。

次の手順

このガイドに従うことで、同意データをExperience Platformに送信するように Platform Web SDK 拡張機能を設定しました。 実装のテストに関するガイダンスについては、実装する同意標準のドキュメントを参照してください。

• Adobe 標準
• TCF 2.0 標準

Business.Adobe.com リソース