GTM（Googleタグマネージャー）でGA4を設定する方法は？画像付きで解説｜Webサイト制作 / CMS・MAツール｜LeadGrid（リードグリッド）

Googleタグマネージャーは、Webサイトやアプリに設置する「タグ」を一元管理できるツールです。

GoogleタグマネージャーとGoogleアナリティクスを連携すると、通常のGoogleアナリティクスでは追跡できないイベント（ユーザーの行動）まで計測できるようになります。

この記事では、Googleタグマネージャーの概要、Googleアナリティクスと連携するメリット、連携方法、連携中によくある質問・疑問について解説します。

Googleタグマネージャー（GTM）とは？

Googleタグマネージャー（GTM）とは、Webサイトに設置したいタグを一元管理できる無料ツールです。

タグとは、解析ツールや広告などをWebサイトに導入する際に設置が必要になる命令文のこと。 Googleタグマネージャーを使用すると、HTML編集を行わずにタグの設置・変更・削除が可能になります。

まずはGoogleタグマネージャーの概要と、Googleアナリティクスとの違いについて簡単に説明します。

Googleタグマネージャーでできること

Webサイトでは、計測ツールや広告などの設置・設定にさまざまなタグ（命令文）を利用します。

通常、タグを設置・削除する際はWebページのHTMLを直接編集する必要があります。しかし、タグ数が多いサイトや大規模サイトになると、1ページずつHTMLを編集するのはたいへんです。

Googleタグマネージャーを使用すると、面倒なタグ設置作業がタグマネージャーの管理画面から簡単に行えるようになります。

より詳しい解説は、こちらの記事をご覧ください。

関連記事：GTM（Googleタグマネージャー）とは？活用メリット・デメリットを解説

Googleタグマネージャー（GTM）とアナリティクス（GA）の違い

Googleアナリティクス（GA）は、Googleが無料で提供している解析ツールです。リアルタイムの訪問者数、よくアクセスされるページ、訪問者の属性などを計測・分析できます。

現在の最新版はGA4（Googleアナリティクス4 プロパティ）です。旧来のUA（ユニバーサルアナリティクス）は2023年7月に計測を終了し、2024年7月にはデータも削除されました。

一方、Googleタグマネージャーはあくまでタグ管理ツールです。Googleタグマネージャーで何かを解析したり、広告などを表示させたりはできません。

ただ、 GoogleタグマネージャーとGoogleアナリティクスを連携すると、次のような細かい計測が行えます。

• ページ内に設置した各ボタンのクリック数を知りたい
• ページがどのくらい読まれているか（スクロールされているか）知りたい

Googleタグマネージャーとアナリティクスを連携するメリット

Googleタグマネージャーを使用しなくても、Googleアナリティクスだけでアクセス解析は可能です。また、GA4の拡張計測機能を使えば「PDFのダウンロード数」や「スクロール数」なども計測できます。

では、 なぜGoogleタグマネージャーとアナリティクスを連携するのかというと、次のようなメリットがあるからです。

• カスタムイベントが設定できる
• 事前テストやバージョン管理ができる

GA4では通常では計測できないイベント（ユーザーの行動）もカスタムイベントとして設定できますが、その際にGTMとの連携が必要となるイベントもあります。

またGoogleタグマネージャーでは、設定したタグのプレビュー機能や、変更前の設定を保存するバージョン管理機能があります。HTMLを直接編集するとなると、必要な記述を削除したり、不要なタグを残したままにしてしまうリスクが否めません。その点、Googleタグマネージャーならタグの設置・改修・削除が安全に行えます。

Googleタグマネージャーでアナリティクスを連携（設定）する方法

Googleタグマネージャーとアナリティクスは、タグマネージャー管理画面からアナリティクスのタグを設置すれば連携できます。

今回は、GA4の測定IDをGoogleタグマネージャーに設定して連携する方法を解説します。

1. （準備）GoogleタグマネージャーをWebサイトに導入する

最初の準備として、GoogleタグマネージャーをWebサイトに導入する必要があります。おおまかな手順は以下の通りです。

1. Googleタグマネージャーアカウントを作成
2. アカウントとコンテナを設定する
3. GoogleタグマネージャーのコードをWebサイトに導入する

詳細な方法はこちらの記事をご覧ください。

関連記事：GTM（Googleタグマネージャー）の設定方法は？画像付きで丁寧に解説

2. GA4の測定IDを取得してGoogleタグマネージャーに設定する

GA4の測定IDを取得し、Googleタグマネージャーに設定する方法を、画像付きで詳しく解説していきます。GA4のプロパティをまだ作成していない場合は、先に下記の記事を参考に作成してください。

関連記事：GA4の設定方法は？導入手順と初期設定を画像付きで解説

①GA4の測定IDを取得する

まずはGA4の測定IDを取得します。

出典：Googleアナリティクス

GA4の管理画面で対象のプロパティを選択し、「データストリーム」＞「（サイト名）」をクリックします。

出典：Googleアナリティクス

「ウェブ ストリームの詳細」が表示されるため、「測定ID」と書かれている「G-xxxx」をコピーしてください。

②Googleタグマネージャーの管理画面を開く

測定IDをコピーしたら、Googleタグマネージャーの管理画面に移動します。GA4を設定したいWebサイトのコンテナを開いてください。

③タグ・トリガーを設定する

出典：Googleタグマネージャー

左メニューから「タグ」を開き、「新規」をクリックします。

出典：Googleタグマネージャー

上の画面が表示されるので、「タグの設定」をクリックして次のように設定します。

出典：Googleタグマネージャー

• タグタイプを選択：「Googleタグ」を選択（2023年9月に「Googleアナリティクス：GA4設定」から名称が変わりました。画像は変更前の画面です）
• タグID：先ほどコピーした測定IDを入力

続いて「トリガー」を開き、「トリガーの選択」で「All Pages」を選びます。

出典：Googleタグマネージャー

左上のタグ名を「GA4設定」のようなわかりやすい名称に変更し、最後に右上の「保存」をクリック。

これでGA4の設定ができました。

「公開」をクリックすればGA4での計測がスタートしますが、その前にプレビューで動作確認を行いましょう。

④プレビューでタグの発火確認をする

出典：Googleタグマネージャー

プレビューで設定したタグがきちんと発火（作動）するか確認します。右上の「プレビュー」をクリックしてください。

出典：Googleタグマネージャー

Google Tag Assistantが立ち上がり、「Connect Tag Assistant to your site」という画面が表示されます。「Your website’s URL」にWebサイトのURLを入力し「Connect」をクリックしてください。

出典：Googleタグマネージャー

URLを入力したWebサイトが立ち上がり、Google Tag Assistant側の表示も「Connected!」になるので、「Continue」をクリック。

出典：Googleタグマネージャー

Google Tag AssistantのSummaryで「Tags Fired」にGA4があることを確認します。

「Tags Fired」のなかにGA4があれば、設定は成功しています。もし見つからない場合は、測定IDが間違っていないか確認してください。

なお、他のタグを一緒に設定している場合も、立ち上がったWebサイト側でトリガーになるアクション（スクロールやクリック）をすると発火するはずです。

⑤タグを「公開」する

出典：Googleタグマネージャー

Googleタグマネージャーの管理画面に戻って「公開」をクリックすると、Webサイトにタグが導入されます。

シークレットモードでWebサイトにアクセスし、GA4のリアルタイムで訪問者数が表示がされるか確認してみましょう。

ただし、GA4のほうでWeb管理者PCを除外する設定になっていると、カウントに反映されない可能性があります。その場合は、スマホやタブレットなどの他デバイスから試してください。

Googleタグマネージャーとアナリティクスの連携でよくある疑問・質問

ここから、設定中によくある次の疑問・質問について回答します。

• 新規でGA4を設定したい場合は？
• プレビューが動作しない・接続できない
• プレビューで発火確認ができない（タグが反映されない）
• 二重計測になっている

新規でGA4を設定したい場合は

新規でGA4プロパティを作成し、測定IDを取得します。その後は上記の手順「②Googleタグマネージャーの管理画面を開く」からはじめてください。

GA4プロパティは、Googleアナリティクスの管理画面で「作成」→「プロパティ」の順に進むと作成できます。

プレビューが動作しない・接続できない

出典：Googleタグマネージャー

「Could not connect to （URL）」と表示されるなど、プレビューがうまく動作しない場合があります。

CMS側の設定やブラウザのプラグインの影響を受けている可能性があるため、次の2つをお試しください。

• シークレットモードでGTMに入り直してみる
• WebサイトのCMSからログアウトしてみる

これでも接続できない場合は、GTMの導入でミスをしている可能性があります。設置場所とコードを確認してみてください。

プレビューで発火確認ができない（タグが反映されない）

設定が成功していれば、Googleアナリティクスの発火はプレビュー画面が立ち上がったタイミングで確認できます。もし「Tags Fired」にならない場合は、次のいずれかの可能性があります。

• タグ設定で入力した測定IDが間違っている
• トリガーを「All Pages」以外にしている
• Googleアナリティクスの計測除外対象になっている

二重計測になっている

すでにGA4の計測タグ（gtag.js）をWebサイトに直接設置している状態で、GTMでも同じ設定をすると二重計測になってしまいます。

Webサイトに直接設置したタグのほうを削除してください。

Googleタグマネージャーでサイト分析を加速しよう

Googleタグマネージャーとアナリティクスを連携して活用すると、通常のアナリティクスでは追跡できないイベントの計測が行えます。

• Googleアナリティクスの計測タグを複数設置したい
• サイト内のユーザーの動きを詳細に分析したい

上記のような場合は、Googleタグマネージャーでサイト分析を加速できます。

とはいえ、Googleタグマネージャーの設定や応用にはやや専門的な知識が必要になるため、初心者向けのツールとは言えません。

もし担当者ベースでGoogleタグマネージャーの設定が難しい場合は、LeadGridチームにご相談ください。

LeadGridは株式会社GIGがWeb制作の際に利用可能なCMSです。「ブログサービスのような使い勝手で使いやすい」と評判のブログ機能や、LPなどのブログページ以外でもプレビュー画面を見ながら編集が可能な「見たまま編集」機能が特徴的です。

またLeadGridはデザイン性の高さにも定評があり、綿密なヒアリングの上自社の価値観やブランディングに沿ったデザインのサイトを制作します。

サービス紹介資料|Webサイト制作・CMS開発｜LeadGrid

goleadgrid.com

LeadGridへのお問合せはこちら