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

Platform Web SDK を使用した同意の設定

Last update: Tue Jul 16 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • トピック：

作成対象：

  • 初心者
  • 中級
  • 開発者

Adobe Experience Platform Web SDK タグ拡張機能のプライバシー設定の指定方法について説明します。 訪問者による同意管理プラットフォーム（CMP）のバナーとのインタラクションに基づいて同意を設定します。

NOTE
このチュートリアルでは、デモ目的で Klaro を CMP として使用します。 Klaro または Web サイトで使用する CMP を使用して進めることができます。

学習目標

このレッスンを終了すると、次の操作を実行できます。

  • タグを使用した CMP の読み込み
  • Experience PlatformWeb SDK タグ拡張機能のプライバシー設定
  • 訪問者のアクションに基づいてExperience PlatformWeb SDK に同意を設定します

前提条件

タグの知識と、ルールやデータ要素の作成、環境へのライブラリのビルド、Experience Platformデバッガーを使用したタグライブラリの切り替えの手順を理解している必要があります。

プライバシー設定の設定と同意を設定するためのルールの作成を開始する前に、同意管理プラットフォームスクリプトが web サイトに挿入され、正しく機能していることを確認します。 CMP は、サイト開発者の助けを借りてソースコード内に直接読み込むか、タグ自体を介して読み込むことができます。 このレッスンでは、後者のアプローチを示します。

NOTE

  1. 同意管理プラットフォーム（CMP）は、web サイトやアプリなどのオンラインソースから訪問者データを収集、共有または販売する前に、訪問者の同意オプションを法的にドキュメント化および管理するために組織で使用されます。

  2. CMP を挿入する方法として推奨されるのは、ソースコードを直接実行してからタグマネージャースクリプトを実行する方法です。

Klaro の設定

タグ設定に進む前に、このチュートリアルの Klaro で使用する同意管理プラットフォームの詳細を確認してください。

  1. Klaro にアクセスしてアカウントを設定します。

  2. プライバシーマネージャー に移動し、指示に従ってインスタンスを作成します。

  3. 統合コード を使用して、タグプロパティに Klaro を挿入します（手順は次の演習で説明します）。

  4. スキャン の節はスキップしてください。これは、このチュートリアル用に作成したものではなく、Luma デモ web サイト上にハードコードされているタグプロパティを検出するからです。

  5. aep web sdk という名前のサービスを追加し、「サービスのデフォルト状態 をオンに切り替え す。 オンにすると、デフォルトの同意値は true になり、オフにすると false になります。 この設定は、web アプリケーションに対する（訪問者の同意の前の）デフォルトの同意状態を決定する場合に便利です。 例：

    • CCPA の場合、通常、デフォルトの同意は true に設定されています。 このチュートリアル全体を通して、このシナリオを 暗黙のオプトイン として参照します
    • GDPR の場合、デフォルトの同意は一般的に false に設定されています。 このチュートリアル全体を通して、このシナリオを 暗黙のオプトアウト として参照します。
    note note
    NOTE
    通常、上記の手順は、OneTrust や TrustArc など CMP を処理するチームまたは個人が実行し、注意を払います。

CMP の挿入

WARNING
同意管理プラットフォームを実装するベストプラクティスは、通常、タグマネージャーを読み込む前に CMP を読み込む __ です。 このチュートリアルを容易にするために、CMP をタグマネージャーと共に 読み込みます。 このレッスンは、Platform Web SDK の同意機能の使用方法を示すように設計されており、Klaro やその他の CMP を正しく設定するためのガイドとしては使用しないでください。

Klaro の設定が完了したら、次の設定でタグルールを作成します。

  • ​ 名前 ​: all pages - library load - Klaro
  • ​ イベント ​:​ ライブラリが読み込まれました（ページのトップ） ​​ 詳細オプション ​/​ 順序 ​ が 1 に設定されました
  • ​ 操作 ​: ​ カスタムコード ​、​ 言語 ​: CMP スクリプトの読み込みHTML。

CMP ルールの挿入

カスタムコードブロックは次のようになります。

CMP ルールの挿入

次に、このルールを保存して開発ライブラリに作成します。タグライブラリを Luma サイトから独自のサイトに切り替えて、同意バナーが表示されていることを検証します。 以下のような CMP バナーが web サイトに表示されます。 現在の訪問者の同意権限を確認するには、ブラウザーのコンソールで次のスニペットを使用します。

    klaro.getManager().consents

同意バナー

デバッグモードに入るには、Adobe Experience Platform debugger で次のチェックボックスを使用します。

タグデバッグモード

また、訪問者の同意値がここに保存されるので、このチュートリアルを進めながら、Cookie とローカルストレージを複数回消去する必要がある場合もあります。 これは、次のようにして実行できます。

貯蔵のクリア

同意シナリオ

GDPR、CCPA などのプライバシー上の行為は、同意実装の設計方法において重要な役割を果たします。 このレッスンでは、2 つの最も目立つプライバシー行為の下で、訪問者が同意バナーとやり取りする方法を調べます。
同意シナリオ

シナリオ 1：暗黙のオプトイン

黙示的なオプトインとは、企業がデータを収集する前に訪問者の同意を得る必要がない（または「オプトイン」）ことを意味し、web サイトへのすべての訪問者はデフォルトでオプトインとして扱われます。 ただし、訪問者は同意バナーを通じて cookie を拒否することでオプトアウトできます。 このユースケースは CCPA に似ています。

次に、このシナリオの同意を設定して実装します。

  1. Experience PlatformWeb SDK タグ拡張機能の プライバシー セクションで、デフォルトの同意 が 受信 に設定されていることを確認します。

    同意 AEP 拡張機能のプライバシー設定

    note note
    NOTE
    動的ソリューションの場合は、「データ要素を提供」オプションを選択し、
    code language-none 
    klaro.getManager().consents
    このオプションは、CMP がタグ埋め込みコード before のソースコードに挿入されている場合に使用され、Experience PlatformWeb SDK 拡張機能の読み込みが開始される前に、デフォルトの同意を使用できるようにします。 この例では、CMP がタグでロードされタグの前にロードされていないので、このオプションを使用できません。

  2. この変更を保存し、タグライブラリにビルドします

  3. Luma デモサイトでタグライブラリを読み込みます

  4. Luma サイトでタグデバッグを有効にし、ページをリロードします。 ブラウザーの開発者コンソールで、defaultConsent が In と等しいことがわかります

  5. この設定では、訪問者が Cookie を拒否してオプトアウトしない限り、Experience PlatformWeb SDK 拡張機能は引き続きネットワークリクエストを送信します。

    同意の暗黙のオプトイン

訪問者がオプトアウト（トラッキング cookie を拒否）を決定した場合、同意を オプトアウト に変更する必要があります。 次の手順に従って、同意設定を変更します。

  1. 訪問者が 拒否する をクリックしたときにトリガーとなるルールを作成します。 このルールに all pages - click consent banner - set consent "out" という名前を付ける

  2. イベント として、CSS セレクターに一致する要素#klaro .cn-decline で クリック を使用します

    ルール条件ユーザーが「I decline」をクリックする

  3. Experience Platform Web SDKSet consentaction type を使用して、同意を「out」に設定します。

    同意ルールのオプトアウトアクション

  4. ライブラリおよびビルドに保存 を選択します。

    ライブラリを保存して構築する

これで、訪問者がオプトアウトすると、上記の方法で設定されたルールが起動し、Web SDK の同意が Out に設定されます。

Luma デモサイトに移動して検証し、Cookie を拒否し、オプトアウト後に Web SDK リクエストが実行されないことを確認します。

シナリオ 2：暗黙のオプトアウト

暗黙オプトアウトとは、訪問者をデフォルトでオプトアウトとして扱い、cookie を設定しないようにすることを意味します。 Web SDK リクエストは、訪問者が同意バナーを通じて cookie を受け入れて手動でオプトインすることを決定しない限り、実行されません。 GDPR が適用される EU 地域では、このようなユースケースに対処する必要が生じる場合があります。

次に、暗黙のオプトアウトシナリオの設定を行う方法を示します。

  1. Klaro で、aep web sdk サービスの サービスのデフォルト状態 をオフにして、更新された設定を保存します。

  2. Experience PlatformWeb SDK 拡張機能の プライバシー セクションで、デフォルトの同意を、必要に応じて Out または Pending に設定します。

    同意 AEP 拡張機能のプライバシー設定

  3. 保存 更新した設定をタグライブラリに追加し、再構築します。

    この設定を使用すると、Experience PlatformWeb SDK は、同意権限が In に変わらない限り、リクエストを実行しないようにします。 これは、訪問者がオプトインして手動で Cookie を受け入れた結果として発生する可能性があります。

  4. Debugger で、Luma サイトがタグプロパティにマッピングされ、タグの console-logging がオンになっていることを確認します。

  5. ブラウザーの開発者コンソールを使用して アプリケーション/ストレージ の サイトデータを消去 します

  6. Luma サイトをリロードすると、defaultConsent が Out に設定され、Web SDK リクエストがおこなわれていないことがわかります

    同意の暗黙のオプトアウト

訪問者がオプトイン （トラッキング cookie を受け入れる）を決定した場合、同意を変更し、イン に設定する必要があります。 これをルールで行う方法を次に示します。

  1. 訪問者が 問題ありません をクリックしたときにトリガーとなるルールを作成します。 このルールに all pages - click consent banner - set consent "in" という名前を付ける

  2. イベント として、CSS セレクターに一致する要素#klaro .cm-btn-success で クリック を使用します

    ルール条件ユーザーが「OK」をクリックする

  3. In として、Experience PlatformWeb SDKExtension、Action Type の 同意の設定、一般的な同意 を使用してアクションを追加します。

    同意ルールのオプトインアクション

    ここで注意すべきことの 1 つは、この ​ 同意を設定 ​ アクションが、最初に送信されて ID を確立するリクエストになることです。 このため、最初のリクエスト自体で ID を同期することが重要な場合があります。 ID マップは、ID タイプデータ要素を渡すことで、​ 同意を設定 ​ アクションに追加できます。

  4. ライブラリおよびビルドに保存 を選択します。

    同意ルールのオプトアウト

  5. 保存 ルールをライブラリに保存し、再構築します。

このルールを設定したら、訪問者がオプトインしたときにイベントコレクションが開始されます。

同意Post訪問者オプション

Web SDK の同意について詳しくは、 顧客同意環境設定のサポートを参照してください。

​ 同意を設定 ​ アクションについて詳しくは、 同意を設定を参照してください。

次へ：

NOTE
Adobe Experience Platform Web SDK の学習に時間を費やしていただき、ありがとうございます。 ご不明な点がある場合や、一般的なフィードバックを投稿したい場合、または今後のコンテンツに関するご提案がある場合は、この Experience League コミュニティ ディスカッションの投稿でお知らせください
recommendation-more-help
8cbc0fd8-ca1d-433b-9c3d-bc3f113347d4