Google Analyticsの同意モード（Consent mode）セットアップ

2022/09/26
GoogleAnalytics

はじめに

この記事は、Google Analyticsの同意モードについて、その概要とセットアップ方法を共有するためのものです。

想定する読者

Webサイトの開発を経験したことがある
html, CSS, JavaScriptに関する知識がある

この記事では開発環境のセットアップやJavaScript自体に関する解説は取り扱いません。あらかじめご承知ください。

対象とする環境

Google Analytics 4
Google Chrome 105.0.5195.125

この記事ではGoogle Analytics 4を前提に解説します。記事を読む前にお手元の環境をご確認ください。

この記事を読まれる方は、EU一般データ保護規則（GDPR）に関する最新の情報を調査してください。

この記事ではEU一般データ保護規則（GDPR）について触れます。しかし、GDPRとGoogle Analyticsの関係については各国の裁判所が評価を続けています。判断が覆る可能性もあるので、各自で最新の情報を必ず調査してください。

Google Analyticsと同意モード（Consent mode）について

Google Analyticsとは

Google Analyticsとは、Googleが提供するWebサイトのアクセス解析ツールです。ユーザーがWebサイトを訪問後、どのように振る舞ったかの分析をレポート形式で出力します。

同意モード（Consent mode）とは

同意モード（Consent mode）とは、Google AnalyticsをEU一般データ保護規則（GDPR）に適合した形で動作させるモードです。

サードパーティークッキーとは

サードパーティークッキーとは、ユーザーとサイト運営者以外の第三者（サードパーティー）に送受信されるクッキーです。サイト運営者自身が送受信するクッキーはファーストパーティークッキーと呼びます。Google Analyticsで利用するクッキーは、Googleのサーバーに送信されるためサードパーティークッキーとなります。

サードパーティークッキーとGDPR

GDPRでは、サードパーティークッキーを個人を識別する情報としてみなします。その上でサードパーティークッキーを以下のような条件で発行するよう求めています。

同意を得るまでサードパーティークッキーを発行しない
同意が明確でない場合、拒否と同じ動作をする
同意した後も、ユーザーが簡単に拒否しなおせる仕組みを用意する

ファーストパーティークッキーはGDPRの規制対象とはなりません。

Google Analyticsのセットアップ

公式ドキュメントの実装例を参考に、Google Analyticsをセットアップします。ユーザーの同意を得るまでサードパーティークッキーを発行しないよう、gtag.jsの読み込み時にデフォルト動作を指定します。

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=あなたのストリームのID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}

  //同意モードの初期化を行う。
  gtag('consent', 'default', {
    'ad_storage': 'denied',
    'analytics_storage': 'denied',
  });
  dataLayer.push({
    'event': 'default_consent'
  });
  gtag('js', new Date());
  //同意モードの初期化後に、gtagのconfigを呼び出す。
  gtag('config', 'あなたのストリームのID');
</script>