---
title: オプトアウトプライバシーバナーとポップアップの管理
description: この記事では、オプトアウトモデルのプライバシーバナーとポップアップの構成を管理する方法について説明します。
url: https://docs.tealium.com/ja/consent/client-side/consent-management/privacy-banner-and-popup/manage/
---
## はじめに

オプトアウト同意マネージャーの構成を開始するには、以下の手順に従ってください：

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

### ユーザー体験

サイトに合わせてユーザー体験オプションを選択してください：

* **バナーとポップアップ（推奨）** 
このオプションは、ページにクッキーバナーを表示します。メッセージとリンクを構成し、同意マネージャーが構成に基づいてページにバナーを表示します。バナーには、ユーザーが **販売しない** 構成を行うポップアップを開くリンクが含まれています。
    ![](https://docs.tealium.com/images/iq-tag-management/ccpa-banner-popup.png)

* **ポップアップのみ**  
サイトに既にクッキーバナーを表示している場合は、このオプションを選択します。このオプションは、バナー内のリンクに追加するJavaScriptメソッドを使用してポップアップを利用可能にします。
    ![](https://docs.tealium.com/images/iq-tag-management/ccpa-popup.png)

### コンテンツ

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

#### コンテンツパラメータ

同意マネージャーは、サイトに表示される最終テキストを構築するためにパラメータを使用します。カスタムコンテンツを簡単に追加できるようにテンプレートを使用します。パラメータはテンプレート内で `{{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です。

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

パラメータを使用したサンプルHTMLコード：

```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>
```

#### カスタムパラメータ

カスタムパラメータを追加して、同意マネージャーをさらにカスタマイズすることができます。これらのパラメータは、標準パラメータ内やテンプレート内で参照することができます。


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


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

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

#### 言語

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

##### 言語のオーバーライド

必要に応じて、ISO形式でデータレイヤーに提供された値を使用して言語をオーバーライドすることができます。

言語をオーバーライドするには、プリローダー拡張を使用して `gdprDLRef` オーバーライドを構成します：

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

##### 言語の追加

言語を追加するには：

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

##### デフォルト言語の構成

デフォルト言語は、ユーザーの検出されたブラウザ言語に対応する言語が構成されていない場合に同意マネージャーを表示するために使用されます。

デフォルト言語を構成するには、言語タイトルバーにある **デフォルト言語に構成** チェックボックスを選択します。  
    ![](https://docs.tealium.com/images/iq-tag-management/consent-prompt-content-make-default.png)

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

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

JavaScriptコードは、`utag.js` ファイルに公開される前に圧縮されます。圧縮プロセスが何らかの理由（構文エラーなど）で失敗した場合、公開プロセスは停止し、Tealium iQで警告メッセージが返されます。公開が成功すると、`utag.js` がページ上で実行される際に、同意マネージャーのJavaScriptコードがページの `<head>` に注入されます。

### 影響を受けるタグ

**影響を受けるタグ** 画面では、**販売しない** ポリシーによって管理されるタグを選択します。つまり、ユーザーが **販売しない** をオプトアウトした場合にブロックされるタグです。

販売しないポリシーに影響を受けるタグを選択するには：

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

### 施行ルール

**施行ルール** 画面で、同意を施行するタイミングを決定するロードルールを選択します。既存のロードルールを選択するか、法的基準を満たすために新しいものを作成することができます。詳細については、[ロードルール](https://docs.tealium.com/about-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`


<blockquote>
このクッキーは構成または変更されてから13ヶ月のデフォルト有効期限があります。
</blockquote>


## JavaScript関数

オプトアウトバナーとポップアップが有効になり公開された後、`utag` 名前空間にJavaScriptユーティリティ関数が利用可能になり、追加機能を統合することができます。名前空間 `utag.gdpr` にはすべての同意管理ユーティリティ関数が含まれています。

### utag.gdpr.showDoNotSellBanner()

[オプトアウト](https://docs.tealium.com/ja/glossary/#opt-out-model-consent) モデルバナーを表示します。デフォルトでは、表示ルールが `true` と評価されたときにこの関数が呼び出されます。

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

```js
utag.gdpr.showDoNotSellBanner("EN");
```

### utag.gdpr.showDoNotSellPrompt()

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

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

例：

```html
<a href="javascript: utag.gdpr.showDoNotSellPrompt('EN')">同意を変更</a>
```

### utag.gdpr.dns.getDnsState()

`dns` 同意クッキーの値を返します。

例：

```js
utag.gdpr.dns.getDnsState()
true
```

### utag.gdpr.dns.setDnsState()

`dns` 同意クッキーの値を構成します。認識される値：`true`, `false`, `1`, `0`, `"true"`, `"false"`。

例：

```js
utag.gdpr.dns.setDnsState(true);

```

### utag.gdpr.getCookieValues()

`CONSENTMGR` クッキーからキーと値のペアのオブジェクトを返します。これはデータレイヤーオブジェクトの `utag.data['cp.CONSENTMGR']` でアクセス可能です。

同意が拒否された例：

```js
utag.gdpr.getCookieValues()
{
  ts: "1525369619",
  consent: "true",
  dns: "false"
}
```