トラッキングコードとは?設置位置とGA4での確認方法を解説

2026年7月24日

著者: 与謝秀作
トラッキングコードとは?設置位置とGA4での確認方法を解説

Webサイトのアクセス状況を分析するには、まず「トラッキングコード」を正しく設置する必要があります。しかし「トラッキングコードとは何か」「どこに貼ればいいのか」「本当に動いているのか確認したい」といった疑問を持つ方は少なくありません。この記事では、トラッキングコードの基本的な意味から、正しい設置位置、そしてGA4(Googleアナリティクス4)での動作確認方法までをわかりやすく解説します。

トラッキングコードとは

トラッキングコードとは、Webサイトの訪問者数やページビュー、流入経路などのアクセスデータを計測・収集するために、サイトのHTML内に設置する短いプログラム(スクリプト)のことです。GoogleアナリティクスやGoogleタグマネージャーなどの解析ツールが発行するコードを指すのが一般的で、「計測タグ」「解析タグ」と呼ばれることもあります。

このコードをページに埋め込むことで、ユーザーがサイトを訪れた際にブラウザからツール側のサーバーへデータが送信され、管理画面でアクセス状況を確認できるようになります。トラッキングコードが設置されていない、あるいは正しく動作していない場合、そのページのアクセスデータは一切計測されません。

トラッキングコードとトラッキングIDの違い

混同されやすいのが「トラッキングID」との違いです。トラッキングIDは、どの計測対象(プロパティ)にデータを送るかを識別するための固有の番号を指します。一方、トラッキングコードは、そのIDを含んだうえで実際に計測処理を実行するスクリプト全体を指します。つまり、IDは「宛先」、コードは「宛先を含んだ計測の仕組みそのもの」と整理すると理解しやすいでしょう。

なお、GA4では従来のUAで使われていた「UA-」で始まるトラッキングIDに代わり、「G-」で始まる測定ID(Measurement ID)が使われています。

トラッキングコードの主な種類

Webサイトで使われるトラッキングコードには、主に次のような種類があります。

  • gtag.js(グローバルサイトタグ):GA4の計測コードを直接HTMLに設置する方式。手軽に導入できる
  • Googleタグマネージャー(GTM):複数のタグを一元管理できる仕組み。GA4のタグもGTM経由で配信できる
  • 各種広告・ツールの計測タグ:Google広告のコンバージョンタグやSNS広告のピクセルなど、目的別のトラッキングコード

現在のGA4環境では、gtag.jsを直接設置する方法と、GTM経由で設置する方法のいずれかが主流です。管理・拡張性の観点から、複数のタグを扱う場合はGTMの利用が推奨されます。

トラッキングコードの正しい設置位置

トラッキングコードは、設置する場所を誤ると正しく計測できなかったり、ページの表示速度に悪影響を与えたりします。基本的な設置ルールを押さえておきましょう。

原則は<head>内のできるだけ上部

GA4のgtag.jsやGTMのスニペットは、HTMLの<head>タグ内、可能な限り上部に設置するのが基本です。ページの読み込み初期段階でコードが実行されることで、ユーザーがすぐに離脱した場合でも計測漏れを防ぎやすくなります。Googleの公式ガイドでも、コードは<head>の直後に配置することが推奨されています。

GTMを使う場合はheadとbodyの2か所

Googleタグマネージャーを利用する場合は、発行される2種類のスニペットをそれぞれ指定の位置に設置します。

  • 1つ目のコード:<head>内のできるだけ上部に設置する
  • 2つ目のコード(noscript):<body>タグの開始直後に設置する。JavaScriptが無効な環境での補完用

全ページに漏れなく設置する

トラッキングコードは、計測したいすべてのページに設置する必要があります。特定のページだけコードが抜けていると、そのページのデータは計測されず、サイト全体の数値が実態とずれてしまいます。多くのCMSでは共通のヘッダーテンプレートに一度設置すれば全ページへ反映されますが、独立したランディングページなどは設置漏れが起きやすいため注意が必要です。

GA4のトラッキングコードを設置する手順

ここでは、GA4のトラッキングコード(gtag.js)を直接設置する基本的な流れを紹介します。より詳しいGTMを含む設置手順は、別途「GA4のタグ設置方法」の記事もあわせて参考にしてください。

  1. GA4の管理画面で対象のプロパティを開き、「データストリーム」から該当のウェブストリームを選択する
  2. ストリームの詳細画面で「タグの実装手順を表示する」を開き、「手動でインストールする」タブを選ぶ
  3. 表示されたgtag.jsのコード全体をコピーする
  4. サイトの全ページの<head>内、できるだけ上部にコードを貼り付ける
  5. 変更を保存・公開し、実際のページにコードが反映されていることを確認する

GA4でトラッキングコードの動作を確認する方法

設置後は、トラッキングコードが正しく動作しているかを必ず確認します。GA4には、リアルタイムでデータ送信を検証できる機能が用意されています。

リアルタイムレポートで確認する

最も手軽な確認方法が「リアルタイム」レポートです。自分のスマートフォンや別のブラウザで対象サイトにアクセスした状態で、GA4の管理画面から「レポート」→「リアルタイム」を開きます。過去30分以内のアクティブユーザーとして自分のアクセスが表示されれば、トラッキングコードは正しく動作しています。

DebugViewで詳細に検証する

イベント単位で細かく検証したい場合は「DebugView」を使います。ブラウザ拡張機能「Google Analytics Debugger」を有効にする、またはGTMのプレビューモードを利用することで、自分の操作がリアルタイムでイベントとしてGA4に届いているかを確認できます。ページビューやクリックなどが意図どおりに記録されているかをチェックできます。

計測されないときの主なチェックポイント

リアルタイムに自分のアクセスが表示されない場合は、次の点を確認しましょう。

  • 測定ID(G-から始まる)がコード内で正しく設定されているか
  • コードが<head>内に正しく貼り付けられ、タグが途中で切れていないか
  • 計測対象のページにコードが反映されているか(設置漏れがないか)
  • 広告ブロッカーやIP除外設定によって自分のアクセスが除外されていないか

まとめ

トラッキングコードは、Webサイトのアクセスデータを計測するための基盤となる仕組みです。GA4やGTMが発行するコードを、原則として全ページの<head>内・できるだけ上部に設置し、設置後はリアルタイムレポートやDebugViewで動作を必ず確認することが重要です。正しく設置・検証を行うことで、信頼できるデータに基づいたサイト改善が可能になります。まずはリアルタイムレポートで自分のアクセスが計測されているかをチェックすることから始めましょう。

関連記事