GA4のトラッキングコード設置方法|サイトへの導入手順と確認ポイント

GA4でコンバージョンを計測するには、まず測定IDを取得してトラッキングコードをサイトに設置することから始まります。Googleタグ(gtag.js)またはGoogleタグマネージャーを使用した設置方法、各プラットフォーム別の実装手順、設置後の動作確認まで、実務で必要な全ステップを解説します。

目次

GA4トラッキングコードとは

GA4のトラッキングコードは、Webサイトのユーザー行動を計測するためのJavaScriptです。Google タグ(gtag.js)または Google タグマネージャー経由で実装し、ページビュー、クリック、フォーム送信などのイベントを自動的に記録します。

GA4は従来のUniversal Analyticsとは異なり、イベントベースの計測体系を採用しています。そのため、トラッキングコードの設置だけでは不十分で、実装後にコンバージョン設定を行う必要があります。

GA4の測定IDを取得する手順

トラッキングコードを設置する前に、GA4管理画面から測定IDを確認する必要があります。

1. Google Analyticsにログイン

管理アカウントで Google Analytics にアクセスし、対象のプロパティを選択します。

2. 管理画面から測定IDを確認

左側メニューから「設定」→「プロパティ」を選択し、表示された画面に「測定ID」が表示されます。測定IDはG-から始まる12文字の英数字です。この ID をトラッキングコードに含める必要があります。

3. データストリームを確認

同じメニューから「データストリーム」を選択すると、ウェブ、アプリなど複数のデータストリームが表示されます。Webサイト用の場合は、Webデータストリームの測定IDを使用します。

Googleタグ(gtag.js)による直接設置方法

最も一般的な設置方法が、Googleタグを直接HTMLに埋め込む方法です。

トラッキングコードの取得

管理画面の「データストリーム」からWebデータストリームをクリックし、「タグ設定手順」または「タグ付けの手順」を選択します。表示されたコードを確認します。

HTMLへのコード埋め込み

以下のコードをサイト全体に設置します。特に重要な点は、

  • <head>セクション内の</head>直前に設置する
  • すべてのページに同じコードを設置する
  • 測定IDを正確に入力する

一般的なコード例:

<!– Google tag (gtag.js) –>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag(‘js’, new Date());
gtag(‘config’, ‘G-XXXXXXXXXX’);
</script>

ここで「G-XXXXXXXXXX」部分が測定IDです。必ず自社サイトの測定IDに置き換えてください。

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

WordPressを使用している場合、複数の設置方法があります。

テーマのカスタマイズで設置

ダッシュボードから「外観」→「テーマファイル編集」を選択し、テーマのheader.phpファイルを開きます。</head>タグの直前にトラッキングコードを貼り付けます。ただしテーマ更新時にコードが失われる可能性があるため、子テーマを使用することが推奨されます。

プラグインを使用した設置

「MonsterInsights」や「GoogleAnalytics Dashboard for WP」などのプラグインを導入することで、管理画面から測定IDを入力するだけで自動的にコードが設置されます。プラグイン側で設定を管理するため、テーマ更新の影響を受けません。

子テーマで設置

テーマ更新に対応するため、子テーマを作成してそのheader.phpにコードを設置することが最も安全です。子テーマを使用していれば、テーマ更新時にコードが削除されることはありません。

Googleタグマネージャー(GTM)経由での設置

複数の計測タグを一元管理する場合、Googleタグマネージャー経由でGA4を実装する方法が便利です。

GTMアカウントの準備

Googleタグマネージャーのアカウントを作成し、コンテナを作成します。その後、GTMの容器IDを確認します。

サイトへのGTMコード設置

GTMのコンテナIDを使用した以下のコードをサイトに設置します:

<!– Google Tag Manager –>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:
new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=
‘https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,’script’,’dataLayer’,’GTM-XXXXXXXX’);</script>
<!– End Google Tag Manager –>

GTM内でGA4を設定

GTM管理画面で新しいタグを作成し、タグのタイプを「Google Analytics:GA4 設定」に指定します。測定IDを入力し、トリガーを「All Pages」に設定してデプロイすると、GTMがGA4のコードを自動的に読み込みます。

トラッキングコード設置後の動作確認

コードを設置したら、実際に計測が機能しているか確認することが重要です。

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

GA4管理画面の「レポート」→「リアルタイム」を開き、サイトにアクセスすると、数秒以内にユーザーセッションが記録されているか確認できます。この段階では一般的に設置から数秒~数分で表示されます。

Chrome拡張機能「Tag Assistant」で確認

Googleが提供する「Tag Assistant」ブラウザ拡張機能をインストールすると、ページ内で動作中のタグを一覧表示できます。GA4のトラッキングコードが正しく読み込まれているか、測定IDが正確かを確認できます。

ブラウザ開発者ツールでの確認

ブラウザのF12キーを押して開発者ツールを開き、「Console」タブでエラーが出ていないか確認します。また「Network」タブでGoogleへのリクエストが送信されているか確認することで、基本的な動作を検証できます。

設置直後に確認すべきポイント

設置後は以下の点を確認してください:

  • 測定IDが正確に入力されているか
  • コードが全ページに設置されているか
  • リアルタイムレポートにセッションが表示されるか
  • JavaScriptエラーが発生していないか
  • 複数回同じコードを設置していないか(重複設置)

よくある質問

Q: トラッキングコードを設置してから、どのくらいで数値が表示されますか?

A: リアルタイムレポートには設置直後から数秒~数分で表示されます。ただし標準レポートに反映されるまでは24時間程度要することもあります。初期段階では最低24時間の期間を確保してから、データ不足の判定をしてください。

Q: 複数のGA4プロパティがある場合、異なる測定IDを同一サイトに設置できますか?

A: テクニカルには可能ですが、推奨されません。異なる測定IDを設置すると、同じユーザー行動が複数のプロパティに記録され、管理が煩雑になります。同一サイトであれば、単一の測定IDを使用してください。

Q: 子ページのみにトラッキングコードを設置した場合、トップページのデータは記録されますか?

A: されません。GA4ではコードが設置されているページのみが計測対象です。トップページを含むすべてのページに同じコードを設置する必要があります。

Q: GoogleタグマネージャーとGoogleタグ(gtag.js)の両方を設置してしまいました。どうしたらいいですか?

A: 重複設置はデータの計測に問題が生じる可能性があります。どちらか一方を削除してください。一般的にはGoogleタグマネージャーで一元管理する方が保守性が高いため、GTM経由のみに統一することが推奨されます。

Q: トラッキングコード設置後、リアルタイムレポートに表示されません。

A: 測定IDの誤入力、コードの設置漏れ、JavaScriptの実行エラーが考えられます。Tag Assistantで計測状況を確認し、ブラウザの開発者ツールでエラーメッセージを確認してください。GA4のイベント設定ができない原因と解決方法も参考になります。

参考情報

トラッキングコード設置について、Google公式の詳細情報は以下から確認できます。

まとめ

GA4のトラッキングコード設置は、コンバージョン計測の基盤となる重要な作業です。測定IDの取得、コードの正確な埋め込み、すべてのページへの設置、設置後の動作確認という流れを確実に実行することで、正確なデータ収集が開始されます。

WordPressを使用している場合はプラグイン導入が便利ですし、複数タグの管理が必要な場合はGoogleタグマネージャー経由の実装が効率的です。設置直後はリアルタイムレポートで必ず計測状況を確認し、データ不足やエラーが発生していないか確認するようにしてください。正しく設置されたトラッキングコードが、その後のコンバージョン設定や分析の精度を大きく左右します。

【PR】非公開求人を無料で探す

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

【PR】

この記事を書いた人

Webマーケティング・転職・JapanNewsといったお役立ち情報を発信する専門メディア編集部です。

目次