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

はじめに

以下の手順を使用して、オプトアウトの同意管理の構成を開始します：

左側のサイドバーで、Client-Side Tools > Consent Managementに移動します。
オプトアウトモデルのバナーとポップアップがすでに構成されている場合、この画面からオンまたはオフに切り替えることができます。
Opt-Out Modelセクションで、Get Startedをクリックして構成モーダルを起動します。

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

はじめに、サイトに合ったユーザーエクスペリエンスのオプションを選択します：

バナーとポップアップ（推奨） このオプションは、ページに表示されるクッキーバナーを追加します。メッセージとリンクを構成し、同意管理者が残りを処理し、構成した構成に基づいてページにバナーを表示します。バナーには、ユーザーがDo Not Sellの構成を行うポップアップを開くリンクが含まれています。
ポップアップのみ
すでにサイトにクッキーバナーを表示している場合は、このオプションを選択します。このオプションでは、バナーのリンクに追加するJavaScriptメソッドを使用してポップアップを利用できます。

コンテンツ

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

コンテンツパラメータ

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

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

バナーパラメータ

タイトル {{title}}
バナーやポップアップの主要な見出し。
メッセージ {{message}}
お客様に対するトラッキングの意図やプライバシーポリシーやコンタクトフォームへのリンクなどの他のリソースについてのメッセージ。
Do Not Sell Details Button{{details_button}}
送信ボタンのラベル。
Continue to Site Button {{continue_button}}
表示するロゴのURL。
Privacy Policy URL {{privacy_policy_url}}
Do Not SellページへのURL。
Privacy Policy Text {{privacy_policy_text}}
Do Not Sellページへのリンクのテキスト。
Cookie Statement URL{{cookie_statement_url}}
クッキーポリシーページへのURL。
Cookie Statement Text{{cookie_statement_text}}
クッキーポリシーページへのリンクのテキスト。

ポップアップパラメータ

タイトル {{title}}
ポップアップの主要な見出し。
メッセージ {{message}}
お客様に対するトラッキングの意図についてのメッセージ。
Do Not Sell Description{{do_not_sell_description}}
個人情報の販売のオプトアウトが何を意味するかの説明。
Confirmation Button{{confirmation_button}}
送信ボタンのラベル。
Company Logo URL{{company_logo_url}}
表示するロゴのURL。
Do Not Sell Description{{do_not_sell_description}}
個人情報の販売のオプトアウトが何を意味するかの説明。

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

パラメータを含む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}}でコードを構築し、カスタムパラメータを使用して値を定義します。

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

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

言語

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

言語の上書き

必要に応じて、データレイヤーで提供される値を使用して言語を上書きすることができます。

言語を上書きするには、プリローダー拡張機能を使用してgdprDLRefの上書きを構成します：

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

言語の追加

言語を追加するには：

Languageサイドパネルで、+ Addをクリックします。
Add Languageダイアログが表示されます。
必要な言語を選択し、Applyをクリックします。
新しい言語がサイドパネルに表示されます。
コンテンツを構成するために新しい言語をクリックします。
標準パラメータボックス（Title、Message、Confirmation Button）に翻訳された値を入力します。
Finishをクリックします。

デフォルト言語の構成

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

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

言語タイトルバーにあるMake Default Languageボックスをチェックします。
Previewをクリックして言語構成を表示します。

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

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

JavaScriptコードは、utag.jsファイルに公開する前に最小化されます。最小化プロセスが何らかの理由（例えば、構文エラー）で失敗すると、公開プロセスは停止し、Tealium iQで警告メッセージが返されます。公開が成功すると、utag.jsがページ上で実行されるとき、同意管理者のJavaScriptコードがページの<head>に挿入されます。

影響を受けるタグ

Affected Tags画面では、Do Not Sellポリシーによって管理されるタグを選択します。つまり、ユーザーがDo Not Sellをオプトアウトするとブロックされるタグです。

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

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

実施ルール

Enforcement Rule画面では、同意をいつ強制するかを決定するロードルールを選択します。既存のロードルールを選択するか、法的基準を満たすためのルールを作成することができます。詳細については、Load rulesを参照してください。

同意クッキー

このプロンプトは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"
}