Googleタグマネージャー（GTM）にGA4を設定する方法【初心者向け】

Googleタグマネージャーを使う場合、事前にChrome拡張機能「Tag Assistant」を導入しておきましょう。

Tag Assistantは、この後の手順で出てくるタグのプレビュー機能を補完する役割を担っています。GTMを使う上でTag Assistantを単体で使う場面はありませんが、これを導入することでプレビュー画面が同じウィンドウ内で開き、検証を行いやすくなります。

Chromeで以下にアクセスし、「Chromeに追加」ボタンを押してインストールしておきましょう。

GTM管理画面で「新しいタグを追加」をクリックします。

最初にタグの名前をつけておきましょう。ここでは「GA4設定」とします。

名前をつけたら、「タグの設定」エリアの中央部分をクリックします。

2023年9月より「Googleタグ」が導入されました。GA4初期設定の方法についてもGoogleタグに合わせた内容に変更しています。※旧「Google アナリティクス：GA4設定」の設定方法については、本章の最後に記載しております。

「タグタイプを選択」の画面で「Googleタグ」をクリックします。

「Googleアナリティクス」の中にも「Googleタグ」がありますが、どちらを選択しても同様のものになります。

「タグID」の空欄にGoogleタグのID（取得方法は後述）を入力します。

バージョンアップにより、現在ではGoogleタグの設定時のトリガーは「Initialization – All Pages」が自動選択されるようになったため、以下の手順は不要です。ただし、タグが動く仕組みは知っておいた方が良いため、手順自体は残しておきます。

次はトリガーの作成です。

トリガーとは、タグを動かす条件のことを指します。今回は「GA4のタグを全ページで動かす」という条件を設定します。

タグ設定画面「トリガー」エリアの中央付近をクリックします。

「トリガーの選択」画面で、「Initialization – All Pages」を選択します。

「Initialization – All Pages」は、GA4のタグをGTMが設置されたWebサイト内の全ページで最初に動かすという働きをするトリガーです。これを設定することで、すべてのページでGA4のトラッキングコードを動かすことができるようになります。

トリガーを設定したら、「保存」ボタンを押して完了です。

次のパートで、タグが正しく動くかどうか検証します。

GTMのプレビュー機能は、タグが正しく設定されているかどうかを本番公開前に確認するためのものです。タグ設定を行ったら、公開前に必ずプレビュー機能で確認するようにしましょう。

GTM管理画面右上の「プレビュー」ボタンを押します。

新しく「Tag Assistant」というタブが開くので、入力欄に検証したいサイトのURLを記入し「Connect」ボタンを押します。

新しいタブが立ち上がり、検証するWebサイトが表示されたら、Tag Assistantタブに戻り、「Continue」ボタンを押します。

Tag Assistantの画面で、タグが正しく動いているかを確認していきます。

画面内には「Tags Fired」と「Tags Not Fired」という二つのエリアがあり、現在動いているタグは「Tags Fired」側に表示されます（マーケティング界隈では、タグが「発火している」という表現をします）。

以下の画像のように、先ほど設定した「GA4設定」タグがTags Firedのエリアにあれば、正しく動いている証拠です。

念の為、GA4のリアルタイムレポートでも確認しておきましょう。

GTMのプレビューを起動した状態でGA4のリアルタイムレポートにアクセスすると、tagassistant.google.comを経由したアクセスがカウントされているはずです（数秒のタイムラグがあります）。

プレビューしただけでは、タグが本番公開されていません。次のパートで最終段階について解説します。

タグ設定が完了しプレビューで動作確認をしたら、設定内容を本番公開しましょう。

GTM管理画面右上の「公開」ボタンを押します。

開いた画面で「バージョン名」にわかりやすい名前を記入します。後でどんな作業を行ったか確認しやすいよう、バージョン名には作業内容を記入するのがおすすめです。ここでは「GA4初期設定」としておきます。

右上の「公開」ボタンを押して完了です。