同意構成の管理

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

• コンテンツ
  このタブでは、お客様に表示するメッセージを入力し、複数の言語の翻訳を追加し、会社のロゴの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