MENU
Webサイト分析ツール「アナトミー」
Googleアナリティクスを利用したサイト分析をやさしく解説。
  1. TOP
  2. GA4の設定
  3. GA4のトラッキングコードとは？発行、確認方法を解説

GA4のトラッキングコードとは？発行、確認方法を解説

GA4の設定

Googleアナリティクスのトラッキングコードは、サイト内に配置しなかったり、誤った配置の仕方をするとアクセスデータの収集が行われなくなるため、アクセス解析を行う上で最も重要なコードです。

この記事では、トラッキングコードの発行方法や設置方法、動作確認の方法を解説します。

GA4の基本を学ぶ！はじめてのアクセス解析セミナー

GA4を使ってアクセス解析の基本を学ぶ入門セミナーです。主要指標の意味を整理、外部流入や回遊の分析方法を分かりやすく解説します。データの変化の理由を考えられるようになりたい方におすすめです。

目次

Googleアナリティクスのトラッキングコードとは

Googleアナリティクスのトラッキングコードとは、Webサイトへアクセスしたユーザーを計測するためのタグ（JavaScriptコード）のことです。

トラッキングコードは、ユーザーがアクセスしたURLや参照元URL、利用しているブラウザといった情報を収集し、Googleアナリティクスの集計サーバーに送信する役割があります。

そのため、Googleアナリティクスを使うには、トラッキングコードを発行し、サイトに設置する作業を行います。

なお、トラッキングコードには、gtag.js（グローバルサイトタグ）、analytics.js、ga.jsといった形式があります。

gtag.js

gtag.jsは、Googleアナリティクスで現在最も利用されているトラッキングコードの形式です。グローバルサイトタグとも呼ばれ、次のような書式をしています。

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

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

グローバルサイトタグは、次世代Googleアナリティクス「GA4プロパティ」にも対応していたり、Google広告との連携に対応しているなどのメリットがあります。基本的には、グローバルサイトタグを利用するようにしてください。

analytics.js

analytics.jsは1世代前のトラッキングコードで、次のような形式のJavaScriptです。

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

4年ほどメンテナンスされていないため、今後は利用しないことをお勧めします。

ga.js

ga.jsは2世代前のトラッキングコードで、次のような形式のタグです。GA4プロパティにも対応しておらず、利用は推奨されていません。

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXXX-X']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

トラッキングコードの発行方法

Googleアナリティクスのトラッキングコード（タグ）を発行するには、Googleアナリティクスに登録します。

なお、プロパティを追加することで、新しいトラッキングコードを発行することもできます。プロパティの作成方法については、以下を参照してください。

トラッキングコードの確認方法

GA4のトラッキングコードは、プロパティ作成後の「データストリーム」設定時に生成されます。設定完了後、管理画面から以下の手順でいつでも確認が可能です。

  1. GA4にログインし、画面左下の「管理」（歯車アイコン）を選択
トラッキングコードの確認方法
  1. プロパティ設定の「データの収集と修正」を選択
  2. 「データストリーム」を選択
  3. 「ウェブ」を選択して詳細画面を開く
  4. URLを選択
  1. 画面内にある「Googleタグ」セクションの「タグの実装手順を表示する」を選択
トラッキングコードの確認方法
  1. 「手動でインストールする」タブを選択すると、サイトに設置するトラッキングコードが表示される
  2. 右上のコピーボタンでコードをコピーする

※画面に表示されている G- から始まる英数字が「測定ID」です。GTMやWix、Shopify などツールによってはコード全体ではなく、この測定IDのみを入力するケースもあります。

トラッキングコードの設置方法

Googleアナリティクスのトラッキングコードは、分析するサイトのすべてのページに設置します。ここでは、トラッキングコードの設置方法を、よくある3パターンに分けて説明します。

HTMLファイルを編集する場合

コーポレートサイトなど、静的なサイトの場合には、各ページのHTMLを直接編集します。

<head>タグの開始直後に、トラッキングコードを記述してください。

トラッキングコードの設置場所

WordPressに設置する場合

WordPressの場合には、全ページで共通で読み込むテンプレート（header.php）にトラッキングコードを記述することで、全ページにまとめてトラッキングコードを設置できます。

また、WordPressには、トラッキングコードを自動で記述するプラグインが用意されている場合があります。この場合、プラグインが記述するトラッキングコードと自分で記述するトラッキングコードで、2重に記述されることがないように気を付けてください。

Wixに設置する場合

Wixにトラッキングコードを設置するには、Wixの管理ツールにログインしてトラッキングコードを直接指定する方法と、Google タグマネージャー経由でトラッキングコードを指定する二通りの方法があります。

詳しい手順については、以下の記事を参照してください。

Googleタグマネージャーを使う場合

Googleタグマネージャーを使用している場合には、タグマネージャーの管理ツール上でトラッキングコードを追加することで、タグマネージャーの導入されている全ページにトラッキングコードを設置することができます。

Googleタグマネージャーの導入方法や設定方法は、以下を参照してください。

トラッキングコードを複数設置する場合

サイトの構成や分析したい内容によっては、1つのサイトに複数のトラッキングコード（グローバルサイトタグ）を設置したいときがあります。

そのようなときは、グローバルサイトタグを複数設置するのではなく、グローバルサイトタグに計測したいトラッキングID（測定ID）を記述します。

たとえば、測定IDが「G-1234567890」のウェブストリーム用のトラッキングコードに、測定ID「G-ABCDEFGHIJ」を追加するには、以下のようにgtag行を追加します。

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

  gtag('config', 'G-1234567890');
  gtag('config', 'G-ABCDEFGHIJ');
</script>

なお、追加するgtag行は、次のような書式となります。

  gtag('config',  【測定ID もしくは トラッキングID】 );

Googleアナリティクスで計測されているかを確認する

トラッキングコードが正しく動作しているかを確認する一番簡単な方法が「リアルタイムレポート」です。

Googleアナリティクスのレポートは、指定した期間内の集計値を表示するものがほとんどですが、リアルタイムレポートは過去30分以内のアクセスデータをリアルタイム表示してくれます。動作確認のときに重宝するレポートですね。

リアルタイムレポートでの確認方法（GA4プロパティ）

  1. Googleアナリティクスのメニューで [リアルタイム] を選びます。
  2. 計測対象のサイトにアクセスし、ユーザー数が1以上かどうかを確認します。
リアルタイムレポートでの確認方法

記録されないときのチェックポイント

リアルタイムレポートに何も表示されないときは、いくつか原因が考えられます。

  1. トラッキングコードがHTMLに配置されていない
  2. オプトアウトアドオンがインストールされている
  3. データフィルタで除外されている（GA4プロパティ）

それぞれ説明していきます。

トラッキングコードの未設置

単純にトラッキングコードが設置されていなかったという理由です。HTMLソースを開き、トラッキングコードのscriptタグが含まれているかを確認してください。

Googleタグマネージャーを使用しているときは、以下の記事を参考にしてください。

WordPressを使用しているときは、以下の記事も参考にしてください。

WordPressのテーマによっては、WordPress管理画面にログインしていると、Googleアナリティクスのトラッキングコードが出力されないことがあります。そのようなときは、WordPressからログアウトするか、別のブラウザからサイトにアクセスしてみてください。

オプトアウトアドオンがインストールされている

Googleアナリティクス オプトアウトアドオンをブラウザにインストールしていると、トラッキングコードが正しくても、Googleアナリティクスにアクセスデータが送信されません。

オプトアウトアドオンがインストールされている場合は、一時的に無効にしてみてください。

データフィルタで除外されている

Googleアナリティクス4プロパティでは、自社からのアクセスなど、内部トラフィックを除外する機能があります。この機能が有効化されていると、会社のPCから対象サイトにアクセスしても計測されません。

スマホなど、内部トラフィックとして除外されていないIPからアクセスするか、一時的に内部トラフィックの除外を停止してみてください。

まとめ

トラッキングコードの動作確認方法と問題の解決方法を紹介しました。

上記で紹介しなかった調査ツールとしては、Chrome拡張機能「Google Analytics Debugger」があります。この拡張機能を使うと、イベントトラッキングやEコマーストラッキングなど、高度なトラッキングコードの調査ができます。もっと詳しく調査したいときに活用してみてください。

ダウンロードをトラッキングする
GA4でPDFダウンロード数を計測する方法 ホワイトペーパーや製品カタログ等のPDFファイルをWebサイト上に掲載した場合、それらのファイルがどれくらいユーザーにダウンロードされているか、確認したいという要…
GA4の設定
トラッキングコード
よかったらシェアしてね！
  • URLをコピーしました！
目次