同意構成の管理

同意構成マネージャーは、以下のタブを使用して構成します：

• コンテンツ
  このタブでは、お客様に表示するメッセージを入力し、複数の言語の翻訳を追加し、会社のロゴのURLとプライバシーポリシーのリンクを提供します。
• カスタマイズ
  このタブから、CSS、HTML、JavaScriptを編集してポップアップのデザインとレイアウトをカスタマイズします。
• カテゴリ
  このタブでは、タグをその目的や機能に基づいてカテゴリにグループ化します。
• オプション
  このタブでは、DataAccessを使用して同意の変更をログに記録するなどの追加オプションを調整します。例えば、チャットウィジェットのような同意管理の対象外の非トラッキングタグをマークすることができます。

セットアップ

同意構成マネージャーの構成を開始するには、以下の手順を使用します：

1. 左側のサイドバーで、クライアントサイドツール > 同意管理に移動します。同意構成ダイアログセクションで、開始をクリックして構成モーダルを起動します。
   

   

   
   すでにプロンプトが構成されている場合は、この画面からオンまたはオフに切り替えます。

コンテンツ

コンテンツ画面を使用して、構成ポップアップに表示されるメッセージをカスタマイズし、翻訳されたコンテンツの言語を追加し、カスタムパラメータを定義し、ポップアップのプレビューを表示します。

ポップアップはテンプレート化されているため、コンテンツはコードから分離されています。コードはパラメータを使用してコンテンツを置換します。パラメータは{{parameter_name}}の形式で参照されます。

標準の組み込みコンテンツパラメータは次のとおりです：

• タイトル {{title}}
  同意プロンプトのメインヘッダー。
• メッセージ {{message}}
  お客様に対するトラッキングの意図とプライバシーポリシーや連絡先フォームなどの他のリソースへのリンクについてのメッセージ。
• オプトイン/オプトアウト {{opt_in}} / {{opt_out}}
  利用可能な2つのオプション：オプトイン - 同意を与える、オプトアウト - 同意を拒否する。
• 確認ボタン {{confirmation_button}}
  送信ボタンのラベル。

標準パラメータのコンテンツを編集するには、テキストフィールドを変更し、完了をクリックします。

パラメータ付きのサンプルHTMLコード：

<div class="example_body">
  <div class="privacy_prompt">
    <div class="privacy_prompt_content">
      <h1>{{title}}</h1>
      <p>{{message}}</p>
    </div>
    <div class="privacy_prompt_footer">
      <div class="button right">{{confirmation_button}}</div>
    </div>
    <div class="close_btn_thick"></div>
  </div>
</div>

カスタムパラメータ

カスタムパラメータを追加してポップアップをさらにカスタマイズします。カスタムパラメータは、標準パラメータ内またはCSS/HTML/JavaScriptコード内で参照されます。

ベストプラクティス：翻訳可能なテキストを直接HTMLやJavaScriptに入れるのは避けてください。代わりに、{{parameters}}を使用してコードを構築し、カスタムパラメータを使用して値を定義します。

カスタムパラメータを追加するには：

1. + パラメータを追加をクリックします。
   カスタムパラメータダイアログが表示されます。
2. パラメータの名前を入力します。
3. 適用をクリックします。
   新しいカスタムパラメータがリストに表示されます。
4. 新しいパラメータの値を入力します。
   この値は、パラメータが参照される任意の場所で置換されます。
5. 完了をクリックします。

言語

構成ポップアップは自動言語検出機能を備えています。ブラウザの言語構成（例：ドイツ語の場合はde）が検出され、その言語のコンテンツの対応するバージョンがポップアップで表示されます（その言語が構成されている場合）。構成ポップアップはデフォルトで英語（en）で構成されています。

データレイヤーで提供される値（ISO形式であることが前提）で言語を上書きすることができます。このコードをプリローダー拡張として追加します。これにより、同意がどの変数を使用して言語を切り替えるかを指示します。これは、明示的な同意と構成マネージャーの両方で表示される言語に影響します。

window.utag_cfg_ovrd = window.utag_cfg_ovrd || {};
window.utag_cfg_ovrd.gdprDLRef = "<some data layer var e.g. meta.lang/page_lang>";

言語を追加するには、以下の手順を使用します：

1. 言語サイドパネルで、+ 追加をクリックします。
   言語を追加ダイアログが表示されます。
2. 希望の言語を選択し、適用をクリックします。
   新しい言語が言語サイドパネルに表示されます。
3. 新しい言語をクリックして、そのコンテンツを構成します。
4. 標準パラメータボックス（タイトル、メッセージ、確認ボタン）に翻訳された値を入力します。
5. 完了をクリックします。

言語タイトルバーにあるデフォルト言語にするというボックスをチェックしてデフォルト言語を構成します。デフォルト言語は、顧客の検出されたブラウザ言語が同意プロンプトマネージャーで構成されている言語と一致しない場合に、構成ポップアップを表示するために使用されます。

プレビュー

言語タイトルバーからプレビューをクリックして、構成をプレビューします。

カスタマイズ（CSS、HTML、JavaScript）

カスタマイズ画面では、同意プロンプトの背後にあるコード – プロンプトを実行するCSS、HTML、JavaScriptが表示されます。このコードは、ポップアップの見た目とデザインをあなたのウェブサイトに合わせて調整するために編集可能です。

カテゴリ

ユーザーがカテゴリからオプトアウトすると、そのカテゴリにあるタグは同意構成マネージャーによって自動的に抑制されます。顧客は、同意構成JavaScriptを使用して提供するリンクをクリックすることで、自分の構成選択にアクセスすることができます。

カテゴリ画面では、タグがグループ化されるカテゴリを調整することができます。

タグカテゴリを調整するには、以下の手順を使用します：

1. サイドバーからカテゴリを選択します。
   タグのリストがメインパネルに表示されます。
2. ドロップダウンリストをクリックし、タグの新しいカテゴリを選択します。
3. 完了をクリックします。

顧客に表示されるポップアップリストにカテゴリを表示しないようにするには、スイッチをオフに切り替えます。顧客のポップアップ表示にカテゴリを表示するには、スイッチをオンに切り替えます。

オプション

オプション画面では、Tealiumクッキーの動作と省略するタグを構成します。

クッキー構成

Tealiumクッキーを保持するかどうかを選択します。この構成は、トラッキングを無効にする他の構成を上書きします。Tealiumクッキーは、訪問、セッション、タイムスタンプ情報のために使用されます。また、カスタム値を保存するためにPersist Data Values extensionと一緒に使用されます。

カテゴリのデフォルト状態

この構成は、カテゴリのデフォルト状態が必要な2つのシナリオに適用されます：

• 明示的な同意プロンプトがアクティブであるが、顧客がそれを無視する
  同意構成モーダルが表示されると、カテゴリのデフォルト状態が使用されます。

  • オン
    顧客が変更を加えるまで、構成モーダルでカテゴリがデフォルトで有効になりますが、顧客が同意を与えるまでのトラッキングは同意プロンプトポリシーに従います。
  • オフ
    顧客が変更を加えるまで、構成モーダルでカテゴリがデフォルトで無効になりますが、顧客が同意を与えるまでのトラッキングは同意プロンプトポリシーに従います。

• 明示的な同意プロンプトが非アクティブで、顧客が構成を構成していない
  カテゴリのデフォルト状態は、タグが発火するかどうかを決定します。

  • オン
    構成カテゴリが無効になるまでトラッキングが行われます
  • オフ
    構成カテゴリが有効になるまでトラッキングが抑制されます

省略するタグ

iQタグ管理を介して展開されるすべてのタグがトラッキングやデータ収集のためのものではありません。タグと拡張機能は、ポップアップモーダル、製品フィードバック、サイトサポート、チャットクライアントなどのサイト機能を提供するためにも使用されます。同意構成ポップアップから免除されるタグのリストを作成するために、省略するタグの構成を使用します。

JavaScriptコード

有効化され公開された後、同意構成ポップアップは、追加の機能を統合するためにutag名前空間にJavaScript関数を導入します。

同意構成ダイアログを起動するには、以下の関数を使用します：

utag.gdpr.showConsentPreferences()

同意構成ポップアップを表示します。この関数は、訪問が同意構成を変更する方法を提供するために、あなたのサイトに統合するべきです。

例：

<a href="#" onClick="utag.gdpr.showConsentPreferences()">Consent Preferences</a>

言語を動的に構成するには、言語コード値を関数に渡します。これにより、window.utag_cfg_ovrd.gdprDLRef構成とブラウザ検出ロジックの両方が上書きされます。

例：

utag.gdpr.showConsentPreferences('de-DE'); // German/Germany
utag.gdpr.showConsentPreferences('fr');    // French