オプトアウトプライバシーバナーとポップアップの管理
この記事では、オプトアウトモデルのプライバシーバナーとポップアップの構成を管理する方法について説明します。
はじめに
オプトアウト同意マネージャーの構成を開始するには、以下の手順に従ってください:
- 左サイドバーから クライアントサイドツール > 同意管理 へ移動します。
オプトアウトモデルのバナーとポップアップが既に構成されている場合、この画面からオンまたはオフに切り替えることができます。 - オプトアウトモデル セクションで 開始 をクリックし、構成モーダルを起動します。
ユーザー体験
サイトに合わせてユーザー体験オプションを選択してください:
-
バナーとポップアップ(推奨) このオプションは、ページにクッキーバナーを表示します。メッセージとリンクを構成し、同意マネージャーが残りの構成を行い、構成に基づいてページにバナーを表示します。バナーには、ユーザーが 販売しない の構成を行うポップアップを開くリンクが含まれています。
-
ポップアップのみ
サイトに既にクッキーバナーを表示している場合は、このオプションを選択します。このオプションは、バナー内のリンクに追加するJavaScriptメソッドを使用してポップアップを利用可能にします。
コンテンツ
コンテンツ 画面で、バナーとポップアップに表示されるテキストをカスタマイズし、翻訳されたコンテンツの言語を追加し、カスタムパラメータを定義し、バナーとポップアップのプレビューを表示します。
コンテンツパラメータ
同意マネージャーは、サイトに表示される最終テキストを構築するためにパラメータを使用します。カスタムコンテンツを簡単に追加できるようにテンプレートを使用します。パラメータはテンプレート内で {{parameter_name}}
の形式で参照されます。
標準の組み込みコンテンツパラメータは以下の通りです:
バナーパラメータ
- タイトル
{{title}}
バナーやポップアップのメイン見出しです。 - メッセージ
{{message}}
お客様にトラッキングの意図を伝えるメッセージや、プライバシーポリシーやお問い合わせフォームへのリンクなどのリソースへのリンクです。 - 販売しない詳細ボタン
{{details_button}}
送信ボタンのラベルです。 - サイトへ続けるボタン
{{continue_button}}
表示するロゴのURLです。 - プライバシーポリシーURL
{{privacy_policy_url}}
販売しないページへのURLです。 - プライバシーポリシーテキスト
{{privacy_policy_text}}
販売しないページへのリンクテキストです。 - クッキー声明URL
{{cookie_statement_url}}
クッキーポリシーページへのURLです。 - クッキー声明テキスト
{{cookie_statement_text}}
クッキーポリシーページへのリンクテキストです。
ポップアップパラメータ
- タイトル
{{title}}
ポップアップのメイン見出しです。 - メッセージ
{{message}}
お客様にトラッキングの意図を伝えるメッセージです。 - 販売しない説明
{{do_not_sell_description}}
個人情報の販売オプトアウトの意味についての説明です。 - 確認ボタン
{{confirmation_button}}
送信ボタンのラベルです。 - 会社ロゴURL
{{company_logo_url}}
表示するロゴのURLです。 - 販売しない説明
{{do_not_sell_description}}
個人情報の販売オプトアウトの意味についての説明です。
標準パラメータのコンテンツを編集するには、テキストフィールドを変更し、完了 をクリックします。
パラメータを使用したサンプルHTMLコード:
<div class="privacy_prompt consent_doNotSell">
<div class="privacy_prompt_content">
<h1>{{title}}</h1>
<img src="{{company_logo_url}}" class="logo">
<p>{{message}}</p>
<input id='consent_doNotSell_checkbox' type='checkbox' />
{{do_not_sell_description}}
</div>
<div class="privacy_prompt_footer">
<div class="button right" id="consent_doNotSell_submit">{{confirmation_button}}</div>
</div>
<div class="close_btn_thick"></div>
</div>
カスタムパラメータ
カスタムパラメータを追加して、同意マネージャーをさらにカスタマイズすることができます。これらのパラメータは、標準パラメータまたはテンプレート内で参照することができます。
ベストプラクティス:HTMLまたはJavaScriptに直接翻訳可能なテキストを入れないでください。代わりに {{parameters}}
を使用してコードを構築し、カスタムパラメータを使用して値を定義してください。
カスタムパラメータを追加するには:
- カスタムパラメータセクションまでスクロールダウンし、+ パラメータ追加 をクリックします。
カスタムパラメータ ダイアログが表示されます。 - パラメータの名前を入力します。
- 適用 をクリックします。
新しいカスタムパラメータがリストに表示されます。 - 新しいパラメータの値を入力します。
この値は、パラメータが参照される場所で置き換えられます。 - 完了 をクリックします。
言語
同意マネージャーは自動言語検出機能を備えています。バナーとポップアップはブラウザの言語構成(2文字の言語コード)を検出し、その言語が構成されている場合は対応するバージョンを表示します。プロンプトはデフォルトで英語(en
)で構成されています。
言語のオーバーライド
必要に応じて、ISO形式で提供された値を使用して言語をオーバーライドすることができます。
言語をオーバーライドするには、プリローダー拡張機能を使用して gdprDLRef
オーバーライドを構成します:
window.utag_cfg_ovrd = window.utag_cfg_ovrd || {};
window.utag_cfg_ovrd.gdprDLRef = utag_data.site_language;
言語の追加
言語を追加するには:
- 言語 サイドパネルで + 追加 をクリックします。
言語追加 ダイアログが表示されます。 - 希望の言語を選択し、適用 をクリックします。
新しい言語がサイドパネルに表示されます。 - 新しい言語をクリックしてコンテンツを構成します。
- 標準パラメータボックス(タイトル、メッセージ、確認ボタン)に翻訳された値を入力します。
- 完了 をクリックします。
デフォルト言語の構成
デフォルト言語は、ユーザーの検出されたブラウザ言語に対応する言語が構成されていない場合に同意マネージャーを表示するために使用されます。
デフォルト言語を構成するには:
カスタマイズ(CSS、HTML、JavaScript)
カスタマイズ 画面では、バナーとポップアップの背後にあるコード – CSS、HTML、およびJavaScript – を表示します。このコードは、ウェブサイトと顧客のニーズに合わせてバナーとポップアップの外観とデザインを調整するために編集することができます。
JavaScriptコードは、utag.js
ファイルに公開される前に最小化されます。最小化プロセスが何らかの理由(構文エラーなど)で失敗すると、公開プロセスが停止し、Tealium iQで警告メッセージが返されます。公開が成功すると、utag.js
がページ上で実行される際に、同意マネージャーのJavaScriptコードがページの <head>
に注入されます。
影響を受けるタグ
影響を受けるタグ 画面では、販売しない に同意した場合にブロックされるタグ、つまり販売しないポリシーの対象となるタグを選択します。
販売しないポリシーに影響を受けるタグを選択するには:
- サイドバーからカテゴリを選択します。
メインパネルにタグのリストが表示されます。 - 各影響を受けるタグの横にあるチェックボックスを選択するか、表示されているすべてのタグを選択するために上部のチェックボックスを選択します。
- 完了 をクリックします。
施行ルール
施行ルール 画面で、同意を施行するタイミングを決定するロードルールを選択します。既存のロードルールを選択するか、法的基準を満たすために新しいものを作成することができます。詳細については、ロードルールを参照してください。
同意クッキー
このプロンプトは CONSENTMGR
という名前のクッキーに依存しています。このクッキーの存在とそれが含む値は、プロンプトの振る舞いを決定し、訪問の選択の状態を反映します。キーと値のペアはパイプ ("|") 文字で区切られます。
CONSENTMGR
クッキーは、Do Not Sellプロンプトに関連する以下のキーと値のペアを保存します:
-
dns – 訪問の Do Not Sell の選択を反映するブール値:
true
– 訪問が Do Not Sell を選択false
– 訪問が Do Not Sell を選択しない
-
ts – 最後の状態変更のタイムスタンプ
CONSENTMGR
クッキーの例:ts:1525369619|dns:true
このクッキーは構成または変更された時から13ヶ月のデフォルト有効期限があります。
JavaScript関数
オプトアウトバナーとポップアップが有効になり公開された後、utag
名前空間にJavaScriptユーティリティ関数が利用可能になり、追加機能を統合することができます。名前空間 utag.gdpr
には、すべての同意管理ユーティリティ関数が含まれています。
utag.gdpr.showDoNotSellBanner()
オプトアウトモデルのバナーを表示します。デフォルトでは、表示ルールが true
と評価されたときにこの関数が呼び出されます。
必要に応じて、関数を呼び出す際に言語をパラメータとして構成します。これにより、他の言語検出ロジックがすべて上書きされます。
utag.gdpr.showDoNotSellBanner("EN");
utag.gdpr.showDoNotSellPrompt()
オプトアウトモデルのポップアップを表示します。バナーを使用していない場合は、この関数をサイトバナーに統合して、訪問が同意構成を変更できるようにします。
必要に応じて、関数を呼び出す際に言語をパラメータとして構成します。これにより、他の言語検出ロジックがすべて上書きされます。
例:
<a href="javascript: utag.gdpr.showDoNotSellPrompt('EN')">同意を変更</a>
utag.gdpr.dns.getDnsState()
dns
同意クッキーの値を返します。
例:
utag.gdpr.dns.getDnsState()
true
utag.gdpr.dns.setDnsState()
dns
同意クッキーの値を構成します。認識される値:true
, false
, 1
, 0
, "true"
, "false"
。
例:
utag.gdpr.dns.setDnsState(true);
utag.gdpr.getCookieValues()
CONSENTMGR
クッキーからキーと値のペアのオブジェクトを返します。これはデータレイヤーオブジェクトの utag.data['cp.CONSENTMGR']
でアクセス可能です。
同意が拒否された例:
utag.gdpr.getCookieValues()
{
ts: "1525369619",
consent: "true",
dns: "false"
}
最終更新日 :: 2025年August月20日