詳しくは、同意管理プラットフォームまたはコンテンツ マネジメント システムを使用して同意モードのバナーをセットアップする方法をご覧ください。
ステップ 1: 同意モードのバナーをセットアップする
- CookieScript アカウントにログインして、バナーを設定します。 CookieScript アカウントをお持ちでない場合は、続行する前に登録する必要があります。
- バナーが Google の EU ユーザーの同意ポリシー(EUUCP)の要件を満たしていることを確認してください。
バナーのセットアップについて詳しくは、CookieScript Cookie Banner Set-Up Guide(CookieScript の Cookie バナーセットアップ ガイド)をご覧ください。
ステップ 2: 同意モードをセットアップする
Google タグ マネージャーを使ってセットアップする
- Google タグ マネージャーを開き、コンテナに移動します。
- [タグ] で [新規] をクリックし、タグに名前を付けます。
- [タグの設定] をクリックし、[コミュニティ テンプレート ギャラリーで他のタグタイプを探す] を選択します。ギャラリーから「CookieScript」を検索し、CookieScript による「CookieScript CMP(同意モード)」をインストールします。
- CookieScript で、CookieScript バナーに移動します。
- [設定] をクリックし、[インストール] タブに移動します。
- バナーを世界中のすべてのユーザーに表示するか、特定の国のユーザーのみに表示するかを選択します。
- [コード] の下の [Google タグ マネージャー] タブを選択し、[スクリプト コードをコピー] をクリックします。
- コピーしたコードをタグ マネージャーの [バナーコードの URL] 欄に貼り付けます。
- [デフォルトの同意モードの設定] で、使用するデフォルトの設定を行います。
- 全般設定の行を追加し、[地域] は空白のままにします。地域ごとの設定の行を追加するには、[地域] ボックスで ISO 3166-2 国コードをカンマ区切りで指定します。
- [追加]、[トリガー] の順にクリックします。
- [同意の初期化 - すべてのページ] を選択し、[保存] をクリックします。
- 右上にある [プレビュー] をクリックして、コンテナをテストします。下部に表示されるテストの手順を確認します。
- コンテナを公開します。
別のプラットフォームを使用してセットアップするか、ウェブサイトのコードから直接セットアップする
- CookieScript を開き、CookieScript バナーに移動します。
- [設定] をクリックし、[インストール] タブに移動します。
- バナーを世界中のすべてのユーザーに表示するか、特定の国のユーザーのみに表示するかを選択します。
- [コード] の下の [スクリプトタグ] タブを選択し、[スクリプト コードをコピー] をクリックします。
- ウェブサイト作成ツールを使用する場合は、各ページの
<head>
タグにコードを実装する方法について、ウェブサイト作成ツールのドキュメントをご確認ください。それ以外の場合は、手順 6 に進みます。 - 各ページの
<head>
タグ(ウェブサイト作成ツールをご利用の場合は上記の手順をご確認ください)で、次のコード、続いて前のステップでコピーした CMP スクリプトを、<head>
タグの一番上に貼り付けます。これは、CMP が適切に機能するうえで非常に重要です。
<script>
// dataLayer と gtag 関数を定義します。
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
// 重要 - 地域リストを変更せずにコピー&ペーストを使わないでください。
// 要件に応じて特定の地域に対するデフォルトの同意を設定します
gtag('consent', 'default', {
'ad_storage': 'denied',
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'analytics_storage': 'denied',
'regions':[<list of ISO 3166-2 region codes>]
});
// 要件に応じて他のすべての地域に対するデフォルトの同意を設定します
gtag('consent', 'default', {
'ad_storage': 'denied',
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'analytics_storage': 'denied'
});
</script>
<!-- バナー スクリプトをここに挿入します-->
Tag Assistant を使用したテスト
詳しくは、Google タグ マネージャーで同意モードに関するトラブルシューティングを行う方法をご覧ください。