最新のアナリティクス（gtag.js）でCookieを使って自分のアクセスデータを除く方法

Googleアナリティクスのトラフィックコードが新しくなりました。タグマネージャーベースのコードになっています。管理画面ではユニバーサルアナリティクスのコードは選択できないようになっており、今後は新しい「gtag.js」が標準になるようです。

前回は「ga.js」と「analytics.js」について、自分のアクセスデータを除外する方法をまとめましたが、「gtag.js」の方法も分かりましたので記録しておきます。

アナリティクスの設定とCookie用ファイルの作成
Cookieの保存とテスト用ファイルへアクセス
保存されたCookieを確認する方法

アナリティクスの設定とCookie用ファイルの作成

最新のコードは下のようなものになっています。ドメインが「googletagmanager」となっていますので、タグマネージャーベースであることが一目でわかります。

gtag.jsのコード

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-X"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXXXXX-X');
</script>

自分のアクセスデータを除外する方法は、基本的には『アナリティクスから自分のアクセスデータを除く－「ga.js」と「analytics.js」』に書いたこととほとんど変わりません。

アナリティクス側での設定は、「analytics.js」と同様

カスタムディメンションの設定
「ビュー」タブでフィルタを設定

この手順で行います。
詳しい方法は下のページの「analytics.js」の設定方法を参照して下さい。

アナリティクスから自分のアクセスデータを除く－「ga.js」と「analytics.js」

Googleアナリティクスのデータから自分のアクセスや社内のアクセスデータを除く方法があります。IPアドレスを除外する方法は固定IPアドレスでなければ使えませんので、個人や小規模の事業所ではCookieファイルを作成する方法になりますが、アナリティクスのコードの種類によって方法が違います。

尚、フィルタの設定で間違いやすい部分がありますので、Cookie用のファイルの作成方法を理解してからフィルタ設定を行って下さい。

Cookie用のファイルのコードは以下のようにします。

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-X"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXXXXX-X', {
  'custom_map': {'dimension◯': 'exclusion'},
  'exclusion': 'Yes'
});
</script>

もう少し分かりやすく書くと次のとおりです。

gtag(‘config’, ‘UA-XXXXXXXX-X’この中に以下のコードを追加する);

, { ‘custom_map’: {‘dimension◯’: ‘exclusion’}, ‘exclusion’: ‘Yes’}

「dimension」の◯にはdemension1とかdemension2とか、カスタムディメンションで設定した時に表示されるコードからdemensionの番号を記入します。

「’exclusion’: ‘Yes’」という部分がありますが、アナリティクス側でのフィルタ設定でフィルタパターンには「Yes」を入力します。

Cookie用ファイルの見本が以下のコードです。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="robots" content="noindex">
<title>Cookieで関係者を除外</title>
</head>
<body>
<p>関係者のクッキーを保存しました。</p>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-X"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXXXXX-X', {
  'custom_map': {'dimension◯': 'exclusion'},
  'exclusion': 'Yes'
});
</script>

<p><a href="./">トップへ戻る</a></p>
<p><a href="/jogai-test.html">テストページへ</a></p>

</body>
</html>

ファイル名称は「jogai.html」など分かりやすい名称にします。

Cookieの保存とテスト用ファイルへアクセス

アナリティクスの設定が終わり、上に書いたCookie用ファイルをアップロードしたら、Cookie用ファイルにまずアクセスします。

つづいて、作っておいたテストページにアクセスすると、Cookieの保存とデータの除外が出来たかどうか確認できます。

テストページは次のようなコードです。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="robots" content="noindex">
<title>除外テスト</title>
</head>
<body>
<p>除外テストするページです。</p>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-X"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXXXXX-X');
</script>

<p><a href="./">トップへ戻る</a></p>

</body>
</html>

アクセスデータはリアルタイムでは反映されるので、翌日にデータが除外されたかどうか確認します。