バナー文言やデザインをリージョン毎に切り替える方法

各国/リージョンの法的規制に柔軟に対応するため、同一ドメイン内でCookie利用同意バナーを切り替えたいケースがあるかと思います。

Cookiebotでは 指定したリージョンに対して別バージョンの同意バナーを表示する ことが可能です。その方法について記載します。

実装方法

1. プライマリドメイングループの作成

まずはメインのバナーを表示するためのドメイングループ（以下、プライマリドメイングループ）を作成します。

そちらでは通常通り、ドメインの登録やバナーの設定などを行います。ここで設定したバナー内容が基本的に全訪問者に配信され、それ以外のケースを次に設定していくことになります。

2. サブドメイングループの作成

次に、1のプライマリドメイングループとは別のドメイングループ（以下、サブドメイングループ）を新たに作成します。

ここで設定したバナー内容を特定の国/リージョンの訪問者に表示する ことになります。

注意点として、サブドメイングループでは ドメインを登録する必要はなく、空のままにしておきます。（ドメイン設定はプライマリドメイングループで集約する）

サブドメイングループでは、プライマリとは別に表示したいバナーの文言やレイアウトなどのみを設定変更します。

3. スクリプトの埋め込み

1,2で設定したバナーのスクリプトをサイトに埋め込みます。

まず前提として、通常のバナー埋め込みコードは下記になります。

<script
  id="Cookiebot"
  src="https://consent.cookiebot.com/uc.js"
  data-cbid="YOUR_PRIMARY_DOMAIN_GROUP_ID"
  data-blockingmode="auto"
  type="text/javascript"
  ></script>

一方で、複数バナーの切り替えを行う際は、下記のようなスクリプトになります。

下記の例では、

• 基本的にはプライマリドメイングループのバナーを全訪問者に表示
• ドイツ（DE）からの訪問者にのみ、サブドメイングループのバナーを表示

という設定になっています。

<script
  id="Cookiebot"
  src="https://consent.cookiebot.com/uc.js"
  data-cbid="YOUR_PRIMARY_DOMAIN_GROUP_ID"
  data-blockingmode="auto"
  type="text/javascript"
  data-georegions="{'region':'DE','cbid':'YOUR_SUB_DOMAIN_GROUP_ID'}"
  ></script>

data-cbid や cbid は Cookiebot管理画面から確認できる「Domain Group ID」を指します。

以上の設定を行うと バナーの表示はドイツとそれ以外の国で分岐される ことになります。

なお、2つ以上のバナーのバリエーションを指定することも可能です（その分のドメイングループを作成する必要があります）。その場合のコードは下記のように連想配列で格納します。

data-georegions="{'region':'US-06','cbid':'11111111-1111-1111-1111-111111111111'},{'region':'NL','cbid':'22222222-2222-2222-2222-222222222222'}"

単純に複数の国/リージョンをひとまとめにして別バナーを表示することもできます。

data-georegions="{'region':'DE, DK, AT','cbid':'33333333-3333-3333-3333-333333333333'}"

指定する国/リージョンコードは下記の仕様に準拠しています。
https://support.cookiebot.com/hc/en-us/articles/360010819560

GTMでの設定について

記事執筆日（2023年1月11日）現在、Cookiebot 公式のGTMのタグテンプレートでは本設定は対応していません。

Cookiebotテンプレートではなく、GTMの「Custom HTML」タイプのタグを利用するなどして本設定を行う必要があります。