Opt-outプライバシーバナーとポップアップの管理 | オプトアウトプライバシーバナーとポップアップ

はじめに

Opt-out Consent Managerの構成を開始するには、次の手順を使用します。

左側のサイドバーで、クライアントサイドツール > コンセント管理に移動します。 Opt-outモデルのバナーとポップアップがすでに構成されている場合、この画面からオンまたはオフに切り替えることができます。
Opt-Outモデルセクションで、開始をクリックして構成モーダルを起動します。

ユーザーエクスペリエンス

開始するには、サイトに一致するユーザーエクスペリエンスオプションを選択します。

バナーとポップアップ（推奨） このオプションは、ページに表示されるクッキーバナーを追加します。メッセージとリンクを構成し、コンセントマネージャーが残りの部分を処理します。構成した条件に基づいてバナーをページに表示します。バナーには、ユーザーが「売らないでください」の構成を行うためのリンクが含まれています。
ポップアップのみ サイトで既にクッキーバナーを表示している場合は、このオプションを選択します。このオプションを使用すると、バナーに追加するJavaScriptメソッドを使用してポップアップを利用できます。

コンテンツ

コンテンツ画面では、バナーとポップアップに表示されるテキストをカスタマイズし、翻訳されたコンテンツの言語を追加し、カスタムパラメータを定義し、バナーとポップアップのプレビューを表示します。

コンテンツパラメータ

コンセントマネージャーは、サイトに表示される最終テキストを構築するためにパラメータを使用します。カスタムコンテンツを簡単に追加できるように、テンプレートを使用します。パラメータは、テンプレート内で{{parameter_name}}の形式で参照されます。

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

バナーパラメータ

タイトル {{title}} バナーまたはポップアップのメイン見出しです。
メッセージ {{message}} お客様にトラッキングの意図やプライバシーポリシーやお問い合わせフォームなどの他のリソースへのリンクについて通知するメッセージです。
Do Not Sellの詳細ボタン {{details_button}} 送信ボタンのラベルです。
サイトに進むボタン {{continue_button}} 表示するロゴのURLです。
プライバシーポリシーのURL {{privacy_policy_url}} Do Not SellページへのURLです。
プライバシーポリシーテキスト {{privacy_policy_text}} Do Not Sellページへのリンクのテキストです。
クッキーステートメントのURL {{cookie_statement_url}} クッキーポリシーページへのURLです。
クッキーステートメントテキスト {{cookie_statement_text}} クッキーポリシーページへのリンクのテキストです。

ポップアップパラメータ

タイトル {{title}} ポップアップのメイン見出しです。
メッセージ {{message}} お客様にトラッキングの意図について通知するメッセージです。
Do Not Sellの説明 {{do_not_sell_description}} 個人情報の売却のオプトアウトの意味についての説明です。
確認ボタン {{confirmation_button}} 送信ボタンのラベルです。
企業ロゴのURL {{company_logo_url}} 表示するロゴのURLです。
Do Not Sellの説明 {{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>

カスタムパラメータ

カスタムパラメータを追加して、Consent Managerをさらにカスタマイズできます。これらのパラメータは、標準パラメータまたはテンプレート内で参照できます。

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

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

カスタムパラメータセクションまでスクロールし、+ パラメータを追加をクリックします。 カスタムパラメータダイアログが表示されます。
パラメータの名前を入力します。
適用をクリックします。新しいカスタムパラメータがリストに表示されます。
新しいパラメータの値を入力します。この値は、パラメータが参照されている場所で置換されます。
完了をクリックします。

言語

Consent Managerは、自動言語検出機能を備えています。バナーとポップアップは、ブラウザの言語構成（2文字の言語コード）を検出し、対応するバージョンを表示します。プロンプトは、デフォルトで英語（en）で構成されています。

言語のオーバーライド

ISO形式で提供される値がデータレイヤーにある場合、言語をオーバーライドすることもできます。

言語をオーバーライドするには、プリローダーエクステンションを使用してgdprDLRefオーバーライドを構成します。

window.utag_cfg_ovrd = window.utag_cfg_ovrd || {};
window.utag_cfg_ovrd.gdprDLRef = utag_data.site_language;

言語の追加

言語を追加するには：

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

デフォルト言語の構成

デフォルト言語は、ユーザーの検出されたブラウザ言語に一致する言語が構成されていない場合に、Consent Managerを表示するために使用されます。

デフォルト言語を構成するには：

言語のタイトルバーにあるデフォルト言語にするボックスをチェックします。
言語の構成をプレビューするには、プレビューをクリックします。

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

カスタマイズ画面には、バナーとポップアップの背後にあるコード（CSS、HTML、JavaScript）が表示されます。このコードを編集して、バナーとポップアップの外観とデザインをウェブサイトと顧客のニーズに合わせて調整することができます。

JavaScriptコードは、utag.jsファイルに公開される前に最小化されます。最小化プロセスが失敗した場合（構文エラーなど）、公開プロセスは停止し、Tealium iQに警告メッセージが返されます。正常に公開された場合、utag.jsがページで実行されると、Consent ManagerのJavaScriptコードがページの<head>に挿入されます。

影響を受けるタグ

影響を受けるタグ画面では、Do Not Sellポリシーによって制御されるタグを選択します。つまり、ユーザーがDo Not Sellを選択した場合にブロックされるタグです。

Do Not Sellポリシーによって影響を受けるタグを選択するには：

サイドバーからカテゴリを選択します。タグの一覧がメインパネルに表示されます。
各影響を受けるタグのチェックボックスをオンにするか、表示されるすべてのタグを選択するためのチェックボックスをオンにします。
完了をクリックします。

施行ルール

施行ルール画面で、コンセントを強制するためのロードルールを選択します。既存のロードルールを選択するか、法的基準を満たすために新しいロードルールを作成することができます。詳細については、ロードルールを参照してください。

コンセントクッキー

プロンプトは、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関数

Opt-outバナーとポップアップが有効になり、公開された後、JavaScriptユーティリティ関数がutag名前空間で使用できるようになります。utag.gdpr名前空間には、すべてのコンセント管理ユーティリティ関数が含まれています。

utag.gdpr.showDoNotSellBanner()

Opt-outモデルバナーを表示します。デフォルトでは、この関数は表示ルールがtrueに評価されたときに呼び出されます。

関数を呼び出す際には、オプションで言語をパラメータとして構成することができます。これにより、他の言語検出ロジックがすべて上書きされます。

utag.gdpr.showDoNotSellBanner("EN");

utag.gdpr.showDoNotSellPrompt()

Opt-outモデルのポップアップを表示します。バナーを使用していない場合は、この関数をサイトのバナーに統合して、訪問がコンセント構成を変更できるようにします。

例：

<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"
}