【2022年5月最新】Googleタグマネージャー(GTM)を使用したGA4の設定方法

Googleアナリティクス

【2022年5月最新】Googleタグマネージャー(GTM)を使用したGA4の設定方法

「Googleタグマネージャー(GTM)」は、Googleが無償提供している「タグ管理ツール」です。GTMを活用する事で複数のタグを一元管理できます。GA4を最大限に活かすためには、GTMの利用を推奨します。本コラムでは、GTMを使用したGA4の設定方法を分かりすく解説します。

【目次】
1.Googleタグマネージャー(GTM)とは?
2.GTMの導入方法
3.GA4の設定方法
4.二重計測に注意
5.終わりに

1.Googleタグマネージャー(GTM)とは?

Googleタグマネージャー(GTM)とは?

『Googleタグマネージャー(通称GTM:ジーティーエム)』とは、Googleが提供する無料の「タグ管理ツール」です。

別のコラムにて、「GAのトラッキングコード(アナリティクスタグ)」を計測サイトの「htmlソースに直貼りする方法」を紹介しました。
※コラム:【2022年5月最新】GA4の初期設定・導入方法を4ステップで解説

しかし、ツールや広告媒体が増えるたびにコードをWebサイトに貼り付けるのは手間ですし、ミスも増えます。
そこで登場するのが、タグを一元管理するツール『タグマネージャー』です。

GAのような「解析ツール」以外にも、リスティング広告やディスプレイ広告などの「広告」や、「MAツール」等、それぞれの管理画面から発行される「コード」をWebサイトに埋め込む必要があります。この「コード」の事を『タグ』と呼びます。

通常は、導入ツールごとに発行されるタグを、対象ページごとにタグを設置し、変更のたびにページのhtmlソースを修正する必要があるのですが、タグマネージャーを利用する事で、「共通のタグ(ワンタグ)」を1つだけ設置・更新すれば済むようになります。(※下図参照)

タグマネージャーの概念図

2.GTMの導入方法

GTMの導入方法

「Googleタグマネージャー(GTM)」の導入方法について、以下の2ステップで解説します。

▼ STEP1)
 アカウントを作成する

▼ STEP2)
 GTMのタグをサイトに設置する

 

【STEP1】アカウントを作成する
以下へアクセスしたのち、「無料で利用する」をクリックします。(※下図参照)
https://marketingplatform.google.com/intl/ja/about/tag-manager/

「無料で利用する」をクリック

 

アカウントの設定画面が表示されたら、以下のように入力を進め、「作成」をクリックします。

● アカウント名:会社名やサイト名など「任意の名称」
● 国:日本企業であれば「日本」を選択
● コンテナ名:対象サイトの「URL(※www以下)」を記載
● ターゲットプラットフォーム:「ウェブ」を選択

※「Googleや他の人と匿名でデータを共有」に関しては任意です。チェックを入れる事で、「機械学習を促進し、精度を向上するメリットがある」とされています。

必要事項を入力したら、「作成」をクリック

 

利用規約が表示されるので、「同意する」をチェックし、「はい」ボタンをクリックします。
※言語は、「日本語」の選択肢が存在しないので「英語」表記のままでOKです。(※下図参照)

利用規約が表示されるので、「同意する」をチェックし、「はい」ボタンをクリック

 

【STEP2】GTMのタグをサイトに設置する
アカウント作成が完了すると、「GTMのタグ(コード)」が2つ表示されます。
この2種類のコードを対象サイトの「全ページ」に貼り付けます。(※下図参照)

コードを対象サイトの「全ページ」に貼り付ける

 

コードの表示が消えた場合は、画面右上の「コンテナID」をクリックすれば再度表示されます。(※下図参照)

「コンテナID」をクリック

3.GA4の設定方法

GA4の設定方法

続いて、「GTMを使用してGA4の設定をする方法」について、解説します。

▼ STEP1)
 測定IDをコピーする(@GA4の管理画面)

▼ STEP2)
 GA4のタグを設定する(@GTMの管理画面)

▼ STEP3)
 動作確認をする(@GTMの管理画面)

GA4の導入方法に関しては、以下のコラムの「1章」「2章」を参照ください。
※コラム:【2022年5月最新】GA4の初期設定・導入方法を4ステップで解説

 

【STEP1】測定IDをコピーする(@GA4の管理画面)
「GA4の管理画面」から、画面左下の「管理(歯車マーク)」>「データストリーム」の順にクリックし、対象のウェブサイトを選択します。(※下図参照)

「GA4の管理画面」から、画面左下の「管理(歯車マーク)」>「データストリーム」の順にクリックし、対象のウェブサイトを選択

 

「ウェブストリームの詳細」画面に遷移したら、「測定ID」をコピーします。(※下図参照)

「測定ID」をコピー

 

【STEP2】GA4のタグを設定する(@GTMの管理画面)
「GTMの管理画面(ワークスペース)」から、「新しいタグを追加」をクリックします。(※下図参照)

「新しいタグを追加」をクリック

 

※補足)
左メニューから「タグ」を選択し、「新規」ボタンをクリックした場合でも同じ操作が行えます。(※下図参照)

左メニューから「タグ」を選択し、「新規」ボタンをクリック

 

すると、次のような画面が表示されるので、タグの名称を「名前のないタグ」から「任意の名称」に変更し、「タグの設定」をクリックします。(※下図参照)

タグの名称を「名前のないタグ」から「任意の名称」に変更し、「タグの設定」をクリック

 

画面右側からリストが出てくるので、「Googleアナリティクス:GA4 設定」を選択します。(※下図参照)

「Googleアナリティクス:GA4 設定」を選択

 

「タグの設定画面」が表示されたら、コピーしておいた「GA4の測定ID」を貼り付け、「トリガー」の白い枠内をクリックします。(※下図参照)

コピーしておいた「GA4の測定ID」を貼り付け、「トリガー」の白い枠内をクリック

 

「トリガーの選択」画面が表示されるので、「All Pages」を選択します。(※下図参照)

「All Pages」を選択

 

設定内容を確認し、問題がなければ「保存」をクリックして、「GA4の計測タグの設定」を完了します。(※下図参照)

「保存」をクリックして、「GA4の計測タグの設定」を完了

 

【STEP3】動作確認をする(@GTMの管理画面)
正常にGTM・GA4の設定・連携ができているかを確認するために、「GTMの管理画面」から、「プレビュー」ボタンをクリックします。(※下図参照)

「プレビュー」ボタンをクリック

 

別タブで『Tag Assistant』という画面に遷移するので、対象サイトのURLを入力し「Connect」ボタンを押します。(※下図参照)

対象サイトのURLを入力し「Connect」ボタンを押す

 

すると、新規ウィンドウにて、入力した対象サイトが現れます。
画面右下の「Tag Assistant Connected」という表示を確認し、「Finish」を押し、ウィンドウを閉じます。(※下図参照)

「Tag Assistant Connected」という表示を確認し、「Finish」を押し、ウィンドウを閉じる

 

その後、元々操作していたウィンドウにて、『Tag Assistant』を開きます。
「Connected!」という表示を確認し、「Continue」をクリックします。(※下図参照)

「Connected!」という表示を確認し、「Continue」をクリック

 

タグが正常に設置・連携できていると、「Tags Fired」に分類されます。
タグが正常に設置・連携できていないと、「Tags Not Fired」に分類されます。

ご自身が設定したGA4のタグが、「Tags fired」に分類されている事を確認できればOKです。(※下図参照)

設定したGA4のタグが、「Tags fired」に分類されている事を確認

 

※補足)
もし、「Not Fired」に分類されている場合、タグが正しく設置・連携できていません。
タグまたはトリガーの設定が間違っている可能性があります。

「GTMのタグを対象Webサイトに設置し忘れている…」
「GTMに貼り付けるGAの測定IDを間違っている…」
「GTMの設定(トリガー等)に問題がある…」
等々、いくつかの原因が考えられますが、該当タグをクリックする事で状況を確認できます。

 

ご自身が設定したタグが「Tags Fired」に分類されている事を確認できたら、「GTMの管理画面」へと戻り、「公開」ボタンをクリックします。(※下図参照)

「GTMの管理画面」へと戻り、「公開」ボタンをクリック

 

すると、「送信設定」という画面が出てきます。

「バージョン名」と「バージョンの説明」を入力して「公開」しましょう。
それぞれ任意ですが、後から履歴を振り返りやすいように入力しておくと便利です。(※下図参照)

「バージョン名」と「バージョンの説明」を入力して「公開」

 

以上で、GTMを使用したGA4の設定は完了です。

4.二重計測に注意

二重計測に注意

「GTM」の導入以前に「GA4」を導入しているケースでは、注意が必要です。
現状のままですと、「直貼りしていたタグ(トラッキングコード)」と「GTMで設置したタグ」が“二重計測”されてしまうからです。(※下図参照)

「直貼りしていたタグ(トラッキングコード)」と「GTMで設置したタグ」が“二重計測”されてしまう

 

GTMでGA4を導入する場合は、既存の「GA4タグ」を「htmlソース」から削除しましょう。
※サイトに直貼りしていたのが「UAタグ(旧型GA)」の場合は、問題ありません。

「htmlソース」からGAのトラッキングコードを削除したのち、GAの管理画面から自分のアクセスが正常にカウントされていれば、GTMの設定・GAとの連携が成功している事になります。

5.終わりに

終わりに

いかがでしたか?
今回はGTMの導入方法から、GTMを使用したGA4の設定方法までを解説しました。

複数のWeb解析ツールを利用したり、広告媒体を出稿したりすると、タグの設置や変更が煩雑になりミスが増えます。
GTMを活用する事で、タグを一元管理し、運用管理の効率が飛躍的に上がります。

まだご利用していない方は、ぜひ本コラムを参考にしてGTMを導入・活用してみてください。

GA4の導入後、設定すべき最低限の項目はこちらをご覧ください。
※【2022年8月最新】GA4でサイト全体の数値を測定するために必要な設定8選<GA4の使い方:基本編>

GA4の設定~運用に使える『必須マニュアル』販売中

「現GA(UA版)」の廃止が決まり、各社で「GA4」への移行を進めているかと思います。

しかし、レポートの見た目だけでなく、設定や指標が変わった事で、現場からは「悲鳴」にも似た「混乱の声」があがっています…

そこで弊社では「広告運用のプロ」の視点から「GA4で見るべき指標・レポート10選」を整理し、『必須マニュアル』として販売する事にしました。

GA4のレポートに不安を感じている方は、詳細をご確認ください。https://www.ecfs.jp/eckaizenlab/202207whitepaper/

【2022年5月最新】GA4の初期設定・導入方法を4ステップで解説【2022年5月最新】GA4の初期設定・導入方法を4ステップで解説前のページ

【2022年5月最新】GA4でパラメータを設定し、流入経路を解析する方法次のページ【2022年8月最新】GA4で「流入経路別の成果」を分析する方法<GA4の使い方:応用編>

売上を最大化する広告効果改善サービス『DATAD(データード)』

関連記事

  1. 【2022年9月最新】GTMを活用!GA4で「イベント」「コンバージョン」「eコマース」の計測設定をする方法<GA4の使い方:応用編>
  2. 【2022年8月最新】GA4で「流入経路別の成果」を分析する方法<GA4の使い方:応用編>

    Googleアナリティクス

    【2022年5月最新】GA4でパラメータを設定し、流入経路を解析する方法

    「Googleアナリティクス4(GA4)」を活用する事で、「訪問者の…

  3. 【2022年5月最新】GA4の初期設定・導入方法を4ステップで解説

    Googleアナリティクス

    【2022年5月最新】GA4の初期設定・導入方法を4ステップで解説

    「Googleアナリティクス(GA4)」は、Googleが無償提供し…

  4. 【2022年9月最新】GTMを活用!GA4で「イベント」「コンバージョン」「eコマース」の計測設定をする方法<GA4の使い方:応用編>
  5. 【2022年8月最新】GA4で「流入経路別の成果」を分析する方法<GA4の使い方:応用編>

【人気ランキング】今月のアクセス数TOP5

  1. 【2022年5月最新】GA4の初期設定・導入方法を4ステップ…
  2. 【2022年5月最新】Googleタグマネージャー(GTM)…
  3. 【2022年5月最新】GA4でパラメータを設定し、流入経路を…
  4. 【2022年7月最新】Cookie規制の衝撃!「ITP問題」…
  5. 【2022年8月最新】GA4で「流入経路別の成果」を分析する…

【話題】Googleアナリティクス4(GA4)

  1. 【完全ガイド】GA4の導入・移行時にマスターすべき「設定」と…
  2. 【2022年9月最新】GTMを活用!GA4で「イベント」「コ…
  3. 【2022年9月最新】「新規購入」「リピート購入」をGA4で…
  4. 【2022年8月最新】GA4で「ランディングページ別の成果」…
  5. 【2022年8月最新】GA4で「流入経路別の成果」を分析する…

【連載】こんな状態の広告主はヤバい

  1. 【第1回】こんな状態の広告事業主は失敗する!?ヤバい理由とあ…
  2. 【第2回】こんな状態の広告事業主は失敗する!?ヤバい理由とあ…
  3. 【第3回】こんな状態の広告事業主は失敗する!?ヤバい理由とあ…
  4. 【第4回】こんな状態の広告事業主は失敗する!?ヤバい理由とあ…

GA4の設定~運用に使える『必須マニュアル』販売中

デジタル人員を育成できる「広告効果改善サービス」

ECサイト総合支援『ECフルポート』

書籍のご案内

PAGE TOP