同意構成の管理
この記事では、Consent Preferences Managerでの構成の管理方法について説明します。
Consent Preferences Managerは、以下のタブを使用して構成します:
- コンテンツ
このタブでは、お客様に表示するメッセージを入力し、複数の言語の翻訳を追加し、会社のロゴのURLとプライバシーポリシーのリンクを提供します。 - カスタマイズ
このタブから、CSS、HTML、JavaScriptを編集してポップアップのデザインとレイアウトをカスタマイズします。 - カテゴリ
このタブでは、タグをその目的や機能に基づいてカテゴリに分類します。 - オプション
このタブでは、DataAccessを使用して同意の変更をログに記録したり、同意管理の対象外である非トラッキングタグ(例:チャットウィジェット)をマークしたりするなど、追加のオプションを調整できます。
セットアップ
Consent Preferences Managerの構成を開始するには、以下の手順を使用します:
- 左側のサイドバーで、Client-Side Tools > Consent Managementに移動します。Consent Preferences Dialogセクションで、Get Startedをクリックして構成モーダルを起動します。
プロンプトがすでに構成されている場合は、この画面からオンまたはオフに切り替えます。
コンテンツ
Content画面を使用して、Preferencesポップアップに表示されるメッセージをカスタマイズし、翻訳されたコンテンツの言語を追加し、カスタムパラメータを定義し、ポップアップのプレビューを表示します。
ポップアップはテンプレート化されているため、コンテンツはコードから分離されています。コードはパラメータを使用してコンテンツを置換します。パラメータは次の形式で参照されます:{{parameter_name}}
。
標準の組み込みコンテンツパラメータは次のとおりです:
- タイトル
{{title}}
同意プロンプトの主要な見出し。 - メッセージ
{{message}}
お客様に対するトラッキングの意図とプライバシーポリシーやコンタクトフォームなどの他のリソースへのリンクについてのメッセージ。 - オプトイン/オプトアウト
{{opt_in}} / {{opt_out}}
利用可能な2つのオプション:opt-in - 同意を与える、opt-out - 同意を拒否する。 - 確認ボタン
{{confirmation_button}}
送信ボタンのラベル。
標準パラメータのコンテンツを編集するには、テキストフィールドを変更し、Finishをクリックします。
パラメータを含む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}}
を使用してコードを構築し、カスタムパラメータを使用して値を定義します。
カスタムパラメータを追加するには:
- + Add Parameterをクリックします。
Custom Parameterダイアログが表示されます。 - パラメータの名前を入力します。
- Applyをクリックします。
新しいカスタムパラメータがリストに表示されます。 - 新しいパラメータの値を入力します。
この値は、パラメータが参照される任意の場所で置換されます。 - Finishをクリックします。
言語
プリファレンスポップアップは、自動言語検出機能を備えています。ブラウザの言語構成(例:ドイツ語の場合はde
)が検出され、ポップアップは対応するコンテンツのバージョンを表示します(その言語が構成されている場合)。プリファレンスポップアップは、デフォルトで英語(en
)で構成されています。
データレイヤーで提供される値(ISO形式であること)を使用して言語を上書きすることができます。このコードをプリローダー拡張として追加します。これにより、同意がどの変数を使用して言語を切り替えるかを指示します。これは、明示的な同意とプリファレンスマネージャーの両方で表示される言語に影響します。
window.utag_cfg_ovrd = window.utag_cfg_ovrd || {};
window.utag_cfg_ovrd.gdprDLRef = "<some data layer var, for example: meta.lang/page_lang>";
言語を追加するには、以下の手順を使用します:
- Languageサイドパネルで、+ Addをクリックします。
Add Languageダイアログが表示されます。 - 希望の言語を選択し、Applyをクリックします。
新しい言語がLanguageサイドパネルに表示されます。 - 新しい言語をクリックして、そのコンテンツを構成します。
- 標準パラメータボックス(Title、Message、Confirmation button)に翻訳された値を入力します。
- Finishをクリックします。
言語タイトルバーにあるMake Default Languageという名前のボックスをチェックしてデフォルトの言語を構成します。デフォルトの言語は、顧客の検出されたブラウザの言語が同意プロンプトマネージャーで構成されている言語と一致しない場合に、プリファレンスポップアップを表示するために使用されます。
プレビュー
言語タイトルバーからPreviewをクリックして、構成をプレビューします。
カスタマイズ(CSS、HTML、JavaScript)
Customization画面では、同意プロンプトの背後にあるコード – プロンプトを実行するCSS、HTML、JavaScriptが表示されます。このコードは、ポップアップの見た目とデザインをあなたのウェブサイトに合わせて調整するために編集可能です。
カテゴリ
ユーザーがカテゴリからオプトアウトすると、そのカテゴリにあるタグは自動的にConsent Preferences Managerによって抑制されます。顧客は、同意構成のJavaScriptを使用して提供するリンクをクリックすることで、自分のプリファレンス選択にアクセスできます。
Categories画面では、タグがグループ化されるカテゴリを調整できます。
タグカテゴリを調整するには、以下の手順を使用します:
- サイドバーからカテゴリを選択します。
タグのリストがメインパネルに表示されます。 - ドロップダウンリストをクリックし、タグの新しいカテゴリを選択します。
- Finishをクリックします。
顧客に表示されるポップアップリストにカテゴリを表示しないようにするには、スイッチをOffに切り替えます。顧客のポップアップ表示にカテゴリを表示するには、スイッチをOnに切り替えます。
オプション
Options画面では、Tealiumクッキーの動作と省略するタグを構成します。
クッキー構成
Tealiumクッキーを保持するかどうかを選択します。この構成は、トラッキングを無効にする他の構成を上書きします。Tealiumクッキーは、訪問、セッション、タイムスタンプ情報のために使用されます。また、Persist Data Values extensionと一緒にカスタム値を保存するために使用されます。
カテゴリのデフォルト状態
この構成は、カテゴリのデフォルト状態が必要な2つのシナリオに適用されます:
-
明示的な同意プロンプトがアクティブであるが、顧客がそれを無視する
同意構成モーダルが表示されると、カテゴリのデフォルト状態が使用されます。- On
顧客が変更を加えるまで、プリファレンスモーダルでカテゴリがデフォルトで有効になりますが、顧客が同意を与えるまでのトラッキングは同意プロンプトポリシーに従います。 - Off
顧客が変更を加えるまで、プリファレンスモーダルでカテゴリがデフォルトで無効になりますが、顧客が同意を与えるまでのトラッキングは同意プロンプトポリシーに従います。
- On
-
明示的な同意プロンプトが非アクティブで、顧客が構成を構成していない
カテゴリのデフォルト状態は、タグが発火するかどうかを決定します。- On
プリファレンスカテゴリが無効になるまでトラッキングが行われます - Off
トラッキングは、プリファレンスカテゴリが有効になるまで抑制されます
- On
省略するタグ
iQタグ管理を通じてデプロイされるすべてのタグがトラッキングやデータ収集のためのものではありません。タグや拡張機能は、ポップアップモーダル、製品フィードバック、サイトサポート、チャットクライアントなどのサイト機能を提供するためにも使用されます。同意プリファレンスポップアップから免除されるタグのリストを作成するために、省略するタグの構成を使用します。
JavaScriptコード
有効化および公開後、同意プリファレンスポップアップは、追加の機能を統合できるようにutag
名前空間にJavaScript関数を導入します。
以下の関数を使用して、同意プリファレンスダイアログを起動します:
utag.gdpr.showConsentPreferences()
同意プリファレンスポップアップを表示します。この関数は、訪問が同意プリファレンスを変更できるように、あなたのサイトに統合するべきです。
例:
<a href="#" onClick="utag.gdpr.showConsentPreferences()">同意の構成</a>
言語を動的に構成するには、関数に言語コード値を渡します。これはwindow.utag_cfg_ovrd.gdprDLRef
構成とブラウザ検出ロジックの両方を上書きします。
例:
utag.gdpr.showConsentPreferences('de-DE'); // ドイツ語/ドイツ
utag.gdpr.showConsentPreferences('fr'); // フランス語
最終更新日 :: 2025年January月10日