Googleタグマネージャー(GTM)の基本から導入方法、タグ・トリガー・変数の設定、GA4連携、動作確認、公開手順まで初心者向けにわかりやすく解説します。
- Googleタグマネージャー(GTM)とは?
- Googleタグマネージャーを使うメリット
- Googleタグマネージャーを使う前に覚えておきたい基本用語
- Googleタグマネージャーを導入する前に準備するもの
- Googleタグマネージャーのアカウントを作成する方法
- GoogleタグマネージャーをWordPressに設置する方法
- Googleタグマネージャーが正しく設置されたか確認する方法
- Googleタグマネージャーでタグを設定する基本手順
- Googleタグマネージャーのトリガーとは?
- Googleタグマネージャーの変数とは?
- GoogleタグマネージャーでGA4を設定する方法
- GTMでGA4イベントを設定する方法
- Googleタグマネージャーのプレビュー・デバッグ方法
- Googleタグマネージャーでコンテナを公開する方法
- Googleタグマネージャーでよく使うタグ
- Googleタグマネージャーでよくある失敗と注意点
- Googleタグマネージャーのおすすめ管理方法
- GTM・GA4・Search Consoleの違いと使い分け
- Googleタグマネージャーについてよくある質問
- Googleタグマネージャーを使えば計測タグを効率よく管理できる
「Googleタグマネージャーという名前は聞いたことがあるけれど、何ができるのか分からない」「GA4との違いや設定方法が難しそう」と感じていませんか?Googleタグマネージャー(GTM)は、アクセス解析や広告計測に使うさまざまなタグをまとめて管理できる無料ツールです。この記事では、GTMの基本的な仕組みからアカウント作成、WordPressへの導入、タグ・トリガー・変数の設定、GA4との連携、プレビュー確認、公開方法まで初心者向けに順番に解説します。初めてGTMを使う方でも、ひとつずつ進められる内容です。

Googleタグマネージャー(GTM)とは?
Googleタグマネージャー(Google Tag Manager、略してGTM)は、Webサイトに設置するさまざまな「タグ」をまとめて管理するためのツールです。
ここでいうタグとは、Google Analytics(GA4)へアクセスデータを送ったり、広告の成果を計測したりするために使うコードのことです。
通常、このような計測コードを追加するにはWebサイトのHTMLを編集する必要があります。しかし、GTMを導入しておけば、その後はGTMの管理画面からタグを追加・変更できるため、サイト運営者にとって管理しやすくなります。
Google公式では、GTMの基本要素として「タグ」「トリガー」「変数」「データレイヤー」が案内されています。タグはデータを送信するコード、トリガーはタグを動かす条件、変数はURLや商品価格など変化する値を扱う仕組みです。
Googleタグマネージャーとは何をするツール?
GTMを簡単にいうと、**「Webサイトに設置する計測タグを一か所で管理するための管理ツール」**です。
たとえば、ブログを運営していると、次のような計測をしたくなることがあります。
- GA4でアクセス数を調べる
- ボタンが何回クリックされたか調べる
- 外部リンクが何回クリックされたか調べる
- 広告から申し込みがあったか確認する
- 問い合わせフォームの送信を計測する
これらを個別にサイトへ直接設置していくと、どのコードが何のために使われているのか分かりにくくなることがあります。
GTMを使えば、タグを管理画面にまとめて登録し、「いつタグを動かすのか」という条件も設定できます。
たとえば、
「お問い合わせボタンがクリックされたときだけ、計測タグを動かす」
といった設定も可能です。
Google公式では、トリガーはページビュー、ボタンクリック、フォーム送信などのイベントを検知し、条件に合ったときにタグを配信する仕組みと説明されています。
GTMの基本的な仕組み
| 項目 | 役割 | 具体例 |
|---|---|---|
| タグ | データを送る | GA4へアクセス情報を送信 |
| トリガー | タグを動かす条件 | ボタンをクリックしたとき |
| 変数 | 条件や値を保存する | Page URL、Click URLなど |
| データレイヤー | データを一時的に保持する | 商品名、価格、購入情報など |
初心者の方は、まず、
タグ=何をするか
トリガー=いつ動かすか
変数=どんな値を使うか
と覚えておくと分かりやすいでしょう。
GTMを使うと何ができる?
GTMでは、アクセス解析だけでなく、クリックやフォーム送信など、さまざまなユーザー行動を計測するためのタグを管理できます。
代表的な活用例は次のとおりです。
- GA4の計測タグを管理する
- ボタンクリックを計測する
- 外部リンククリックを計測する
- 資料ダウンロードを計測する
- フォーム送信を計測する
- Google広告のコンバージョンを計測する
- 複数の計測タグをまとめて管理する
たとえば、アフィリエイトブログであれば、
「商品を見る」
「公式サイトはこちら」
といったボタンが何回クリックされたかを計測することもできます。
アクセス数だけでは「読者が記事を読んだあとに何をしたのか」までは分からないことがあります。そこでGTMを活用してイベント計測を設定すると、サイト改善に役立つ詳しいデータを集めやすくなります。
ただし、GTMそのものがアクセス解析を行うわけではありません。GTMはタグを管理・実行する役割であり、集めたデータを分析するのはGA4などのツールです。
Googleタグとは何が違う?
「Googleタグ」と「Googleタグマネージャー」は名前が似ているため、初心者の方が混同しやすいポイントです。
両者は同じものではありません。
Googleタグは、Google AnalyticsやGoogle広告などのGoogleサービスへデータを送信するためのタグです。
一方、Googleタグマネージャーは、そのGoogleタグを含むさまざまなタグを管理するための仕組みです。
| 項目 | 主な役割 |
|---|---|
| Googleタグ | Googleサービスへデータを送信する |
| Googleタグマネージャー | 複数のタグをまとめて管理する |
たとえば、
Webサイト → Googleタグ → GA4
という設置方法もありますが、
Webサイト → GTM → Googleタグ → GA4
という形で管理することもできます。
現在のGTMでは、GA4の基本設定に「Googleタグ」を利用する仕組みになっています。従来使われていた「Google Analytics: GA4設定タグ」はGoogleタグへ置き換えられています。
古い解説記事では「GA4設定タグ」と書かれている場合がありますので、実際の管理画面と名称が違っていても慌てないようにしましょう。
Google Analytics(GA4)との違い
GTMとGoogle Analytics(GA4)は一緒に使うことが多いため、同じようなツールだと思われがちですが、役割は異なります。
GTMは「計測するためのタグを管理するツール」、
**GA4は「集めたデータを分析するツール」**です。
たとえば、ブログに100人が訪れたとします。
GA4では、
- ユーザー数
- セッション
- ページビュー
- 流入経路
- 人気ページ
- イベント
などを確認できます。
一方、GTMでは、
「このボタンが押されたときにGA4へイベントを送る」
といった設定を行います。
つまり、
GTMで計測条件を設定する → GA4で結果を見る
という関係になります。
GTMとGA4の違い
| ツール | 主な役割 | 具体例 |
|---|---|---|
| GTM | タグの管理・実行 | クリック時にイベントを送信 |
| GA4 | データの収集・分析 | クリック数やアクセス数を見る |
アクセス数やユーザー行動そのものを分析したい場合は、Google Analyticsを利用します。詳しくは**「Google Analytics完全ガイド|GA4の導入からアクセス解析まで初心者向けに徹底解説」**もあわせて確認してみてください。
Google Search Consoleとの違い
Google Search Consoleも、GTMやGA4とは役割が異なります。
Search Consoleは、Google検索におけるサイトの状態や検索パフォーマンスを確認するためのツールです。
Google公式では、Search Consoleを使うことで、
- Googleがページをクロールできるか確認する
- インデックス登録状況を確認する
- 検索クエリを確認する
- クリック数を確認する
- インプレッション数を確認する
- CTRを確認する
- 平均掲載順位を確認する
といったことができます。
一方、GTMは検索順位やインデックス登録を調べるためのツールではありません。
GTM・GA4・Search Consoleの違い
| ツール | 主な目的 | 代表的に分かること |
|---|---|---|
| GTM | タグ管理 | どの条件でタグを動かすか |
| GA4 | アクセス解析 | ユーザー数、行動、流入経路 |
| Search Console | Google検索分析 | 検索順位、クリック、表示回数、インデックス |
たとえば、
「Google検索から何回クリックされたか」
を確認するならSearch Console、
「サイトに入ったあと、どの記事を読んだか」
を見るならGA4、
「特定のボタンをクリックしたら計測する」
という設定をするならGTM、
という使い分けになります。
3つは競合するツールではなく、役割を分けて組み合わせて使うものと考えると分かりやすいでしょう。
GTMを使った方がよいサイト・使わなくてもよいサイト
GTMは便利なツールですが、すべてのサイトで必ず導入しなければならないわけではありません。
GTMを使うメリットが大きいサイト
次のようなサイトでは、GTMを導入するメリットが大きくなります。
- GA4以外にも複数のタグを利用している
- ボタンクリックを計測したい
- 外部リンクを計測したい
- 問い合わせ完了を計測したい
- Google広告を利用している
- コンバージョン計測を行いたい
- 今後さまざまなイベント計測を追加する予定がある
たとえば、ブログで、
「楽天の商品リンク」
「Amazonの商品リンク」
「広告ページへのリンク」
などのクリック状況を詳しく調べたい場合は、GTMを使うと管理しやすくなります。
GTMを急いで導入しなくてもよいサイト
一方、次のような場合は、最初から無理にGTMを導入しなくてもよいでしょう。
- 小規模な個人ブログ
- GA4の基本アクセス解析だけで十分
- クリックやコンバージョン計測を行わない
- 現在のアクセス解析設定で困っていない
- タグを追加する予定がほとんどない
特に初心者の方は、「便利そうだから」という理由だけでGTMを導入すると、GA4との二重設定などで混乱する場合があります。
必要な計測が増えてきた時点で導入する方法でも問題ありません。
Googleタグマネージャーを使うメリット
GTMの大きなメリットは、複数の計測タグを一か所で管理しやすくなることです。
Webサイトを長く運営していると、GA4、広告、クリック計測、コンバージョン計測など、使用するタグが増える場合があります。
それらをサイトへ直接追加し続けると、どのコードが何のためのものか分からなくなることがあります。
GTMを利用すると、管理画面からタグを整理しながら設定できるため、サイト運営やアクセス解析を効率化しやすくなります。
サイトのHTMLを毎回編集しなくてもタグを管理できる
GTMを導入する大きなメリットのひとつが、タグを追加するたびにサイトのHTMLを直接編集する必要が少なくなることです。
通常、新しい計測タグを設置する場合は、
Webサイト
↓
HTMLを編集
↓
計測コードを貼り付け
↓
保存
という作業が必要になることがあります。
一方、GTMを設置したあとは、
Webサイト
↓
GTM
↓
タグを追加・変更
という形で管理できます。
たとえば、あとから「お問い合わせボタンのクリックを計測したい」と思った場合でも、GTM側でタグやトリガーを設定できます。
ただし、GTMを最初に導入するときには、WebサイトへGTMのコンテナコードを正しく設置する必要があります。
複数の計測タグを一か所で管理できる
サイト運営を続けていると、使用するタグが徐々に増えることがあります。
たとえば、
- GA4
- Google広告
- コンバージョン計測
- リマーケティング
- 外部サービスの計測タグ
などです。
これらを個別にサイトへ設置していると、「このコードは何のために入れたのか」が分からなくなる場合があります。
GTMなら、管理画面にタグをまとめて表示できるため、用途ごとに整理しやすくなります。
たとえば、タグ名を、
- GA4|Googleタグ
- GA4|お問い合わせクリック
- GA4|外部リンククリック
- Ads|コンバージョン
のように分けておけば、後から見ても目的が分かりやすくなります。
タグの追加・変更・削除がしやすくなる
GTMでは、管理画面から既存タグを編集したり、不要になったタグを整理したりできます。
たとえば、
「これまで資料請求ボタンを計測していたが、新しいボタンへ変更した」
という場合、トリガー条件を変更することで対応できるケースがあります。
タグを直接HTMLへ書き込んでいる場合は、該当コードを探して修正しなければならないことがありますが、GTMなら管理画面から確認できます。
ただし、タグを削除・変更する場合も、何のためのタグなのかを確認してから作業しましょう。
誤って必要なタグを削除すると、アクセス解析や広告計測が止まる可能性があります。
プレビュー機能で公開前に確認できる
GTMには、設定したタグが正しく動くかを公開前に確認できるプレビュー機能があります。
現在は、プレビューを実行するとTag Assistantを利用して動作確認できます。
Google公式でも、GTMのワークスペースから「プレビュー」を選び、Webサイトへ接続してタグの動作を確認してから公開する手順が案内されています。
たとえば、
「お問い合わせボタンをクリックしたときだけタグを動かしたい」
場合は、
- GTMでタグとトリガーを作る
- プレビューを開始する
- 実際にお問い合わせボタンをクリックする
- タグが発火したか確認する
- 問題がなければ公開する
という流れで確認できます。
この機能を使うことで、設定直後にいきなり本番サイトへ反映するリスクを減らせます。
タグ管理のミスを減らしやすい
GTMを利用すると、タグ、トリガー、変数を管理画面で確認できるため、整理の仕方を決めておけば設定ミスを減らしやすくなります。
特に大切なのが、分かりやすい名前を付けることです。
たとえば、
「タグ1」
「タグ2」
のような名前では、後から何の設定なのか分かりません。
そこで、
「GA4|資料請求クリック」
「GA4|外部リンククリック」
のように目的が分かる名前にしておくと管理しやすくなります。
また、変更内容を公開する前にプレビューで確認する習慣を付けることも重要です。
タグ管理で確認したいポイント
- タグ名から目的が分かるか
- トリガー条件が正しいか
- 同じタグが重複していないか
- プレビューで正常に発火するか
- 不要なタグが残っていないか
- 公開前に変更内容を確認したか
GTMを使えば自動的にミスがなくなるわけではありませんが、管理方法を統一することで確認しやすくなります。
GA4やGoogle広告との連携がしやすい
GTMは、Google Analytics(GA4)やGoogle広告などのGoogleサービスと組み合わせて利用できます。
たとえばGA4では、
- ボタンクリック
- 問い合わせ
- 資料請求
- 商品クリック
- 外部リンク
- 購入完了
などをイベントとして計測する際にGTMを活用できます。
Google公式でも、GTMからGoogleタグを設定し、GA4へのデータ送信を確認して公開する方法が案内されています。
サイト運営を続けていくと、単純な「アクセス数」だけでなく、
「読者が記事を読んだあと、どのような行動をしたか」
を知りたくなることがあります。
そのような段階になると、GTMとGA4を組み合わせるメリットが大きくなります。
GTMを利用するメリット早見表
| メリット | 内容 | 具体例 |
|---|---|---|
| HTML編集を減らせる | 管理画面からタグを設定 | クリック計測を追加 |
| 一元管理できる | 複数タグをまとめる | GA4・広告タグ |
| 修正しやすい | 設定を管理画面で変更 | トリガー条件変更 |
| 公開前に確認できる | プレビューを利用 | ボタン発火確認 |
| 整理しやすい | タグ名などを統一 | 用途別に分類 |
| Googleサービスと連携 | GA4・広告などを設定 | コンバージョン計測 |
GTMは、導入しただけでアクセス解析の精度が自動的に上がるツールではありません。
何を計測したいのかを決め、その目的に合わせてタグ・トリガー・変数を設定することが重要です。
最初はGA4との連携など基本的な使い方から始め、必要になった段階でクリック計測やコンバージョン計測へ広げていくとよいでしょう。
Googleタグマネージャーを使う前に覚えておきたい基本用語
Googleタグマネージャー(GTM)を使い始めると、「アカウント」「コンテナ」「タグ」「トリガー」「変数」など、初めて見る言葉がたくさん出てきます。
最初は難しく感じるかもしれませんが、それぞれの役割を理解するとGTMの仕組みはかなり分かりやすくなります。
Google公式では、GTMの中心となる仕組みとして、主に次の4つが説明されています。
- タグ
- トリガー
- 変数
- データレイヤー
タグはデータを送信するコード、トリガーはタグを動かす条件、変数はURLや商品価格など変化する値、データレイヤーは必要な情報を一時的に保持する仕組みです。
まずは、それぞれの意味を順番に見ていきましょう。
アカウントとは
GTMの「アカウント」は、Googleタグマネージャー全体を管理する最上位の単位です。
Google公式では、まずGTMアカウントを作成し、その下にWebサイトやアプリごとのコンテナを作成する仕組みになっています。
イメージすると、次のようになります。
GTMアカウント
├─ WebサイトAのコンテナ
├─ WebサイトBのコンテナ
└─ アプリのコンテナ
たとえば、1つの会社で、
- 会社公式サイト
- ネットショップ
- 採用サイト
を運営している場合、1つのGTMアカウントの中に、それぞれのサイト用コンテナを作成できます。
個人ブログの場合は、
1つのGTMアカウント → 1つのWebサイト用コンテナ
というシンプルな構成になることが多いでしょう。
アカウントで覚えておきたいポイント
- GTM管理の最上位単位
- Googleアカウントとは別の概念
- その下にコンテナを作成する
- 複数のWebサイトを管理できる
- ユーザー権限も設定できる
Googleタグマネージャーでは、アカウント単位・コンテナ単位でユーザーへのアクセス権を設定できます。
コンテナとは
コンテナは、特定のWebサイトやアプリで使うタグ・トリガー・変数などをまとめて入れておく入れ物です。
Google公式でも、基本的にはWebサイトやアプリごとにコンテナを作成するよう案内されています。
たとえば、
GTMアカウント
↓
anything-site.com用コンテナ
↓
・GA4用タグ
・クリック計測タグ
・問い合わせ計測タグ
・トリガー
・変数
というイメージです。
コンテナの中には、そのサイトで使用するさまざまな計測設定をまとめて保存できます。
コンテナに入る主なもの
- タグ
- トリガー
- 変数
- ワークスペース
- バージョン
- 各種設定
初心者の方は、
アカウント=大きな管理箱
コンテナ=Webサイトごとの管理箱
と覚えておくと分かりやすいでしょう。
コンテナID(GTM-XXXXXXX)とは
コンテナIDは、GTMのコンテナを識別するための番号です。
一般的なWeb用GTMコンテナでは、
GTM-ABCDEFG
のように、「GTM-」から始まる英数字で表示されます。
Google公式でも、「GTM-」から始まるIDはGTMコンテナを示し、さまざまなタグタイプやスクリプトを実行できるコンテナとして説明されています。
このコンテナIDは、WebサイトへGTMを設置するときに重要になります。
たとえば、
GTM-ABC1234
というIDが表示されている場合、そのIDを含むGTMコードを自分のWebサイトへ設置します。
コンテナIDのポイント
- 「GTM-」から始まる
- コンテナごとに割り当てられる
- WebサイトへのGTM設置時に使う
- GA4の測定IDとは別物
- GoogleタグIDとも区別する
ここは初心者が特に混同しやすいところです。
| 種類 | 例 | 主な用途 |
|---|---|---|
| GTMコンテナID | GTM-ABCDEFG | GTMコンテナの識別 |
| GoogleタグID | GT-XXXXXXXXXなど | Googleタグの識別 |
| GA4測定ID | G-XXXXXXXXXX | GA4データストリームの識別 |
Google公式では、GoogleタグIDとして「GT-」「G-」「AW-」などの形式が使われることがあると説明されています。
タグとは
タグとは、Webサイト上で何らかの処理を行ったり、外部サービスへデータを送ったりするコードのことです。
Google公式では、タグを「Google Analyticsなどのシステムへデータを送信するコード」と説明しています。
たとえば、
- GA4へページ閲覧データを送る
- ボタンクリックをGA4へ送る
- Google広告の成果を計測する
- 購入完了を記録する
といった役割があります。
たとえば、読者が「商品を見る」というボタンをクリックしたとします。
GTMを使えば、
ボタンをクリック
↓
タグが動く
↓
GA4へクリック情報を送る
という設定ができます。
つまり、タグは実際にデータを送る担当と考えると分かりやすいでしょう。
トリガーとは
トリガーとは、タグをいつ動かすかを決める条件です。
Google公式では、トリガーはページビュー、ボタンクリック、フォーム送信などのイベントを監視し、条件に合った場合にタグを発火させる仕組みと説明されています。タグを動かすには、少なくとも1つのトリガーが必要です。
たとえば、
すべてのページが表示されたとき
というトリガーを設定すれば、サイト内のページが表示された際にタグが動きます。
ほかにも、
- 特定のボタンをクリックしたとき
- 外部リンクをクリックしたとき
- 問い合わせフォームを送信したとき
- 特定のページを表示したとき
といった条件を設定できます。
タグとトリガーの関係
トリガー
「お問い合わせボタンがクリックされた」
↓
タグ
「GA4へ問い合わせクリックを送信」
↓
GA4
「イベントとして記録」
初心者の方は、
タグ=何をするか
トリガー=いつするか
と覚えておきましょう。
変数とは
変数とは、状況によって変わる値を保存して利用するための仕組みです。
Google公式では、変数を「値が入る名前付きのプレースホルダ」と説明しています。たとえば「Page URL」という変数には、現在表示しているページのURLが入ります。
代表的な変数には次のようなものがあります。
- Page URL
- Page Hostname
- Page Path
- Click URL
- Click Text
- Click ID
- Click Classes
たとえば、
「特定の商品リンクだけを計測したい」
場合に、Click URLという変数を使って、
Click URL
に
example.com/product/
が含まれる
といった条件を作れます。
Google公式でも、Click URLやClick Text、Click IDなどの組み込み変数が用意されています。
変数の使い方のイメージ
| 変数 | 入る情報 | 使用例 |
|---|---|---|
| Page URL | ページURL | 特定ページを判別 |
| Click URL | クリック先URL | 外部リンクを判別 |
| Click Text | クリック文字 | ボタン名を判別 |
| Click ID | HTMLのID | 特定ボタンを判別 |
変数は、トリガーの条件に使ったり、タグへ値を渡したりするときに利用します。
データレイヤーとは
データレイヤーとは、WebサイトからGTMへ渡したい情報を一時的に保存するための仕組みです。
Google公式では、データレイヤーを、タグ・トリガー・変数から利用できる値を一時的に保持する構造化された仕組みと説明しています。
たとえばネットショップでは、
- 商品名
- 商品ID
- 商品価格
- 購入金額
- 注文番号
などをデータレイヤーへ入れ、その情報をGA4へ送ることができます。
イメージすると、
Webサイト
↓
データレイヤー
「商品A・3,000円」
↓
GTM
↓
GA4
という流れです。
データレイヤーが特に役立つ場面
- ECサイト
- 購入計測
- 商品情報の送信
- 会員情報の分類
- 複雑なイベント計測
ただし、一般的な個人ブログでGA4の基本計測や簡単なクリック計測をするだけであれば、最初からデータレイヤーを深く理解する必要はありません。
まずは、
「必要なデータをGTMへ受け渡すための場所」
と覚えておけば十分です。
ワークスペースとは
ワークスペースは、タグやトリガーなどの変更作業を行うための作業場所です。
GTMでは、コンテナの設定を直接いきなり本番へ反映するのではなく、ワークスペース内で変更し、確認してから公開します。
Google公式では、ワークスペースを使うことで変更内容をまとめたり、複数人が別々の設定作業を行ったりできると説明しています。すべてのコンテナにはデフォルトのワークスペースが用意されます。
たとえば、
ワークスペース
↓
新しいタグを作成
↓
トリガーを設定
↓
プレビュー確認
↓
公開
という流れです。
個人ブログを一人で管理している場合は、通常はデフォルトのワークスペースを使用すれば十分です。
GTM基本用語早見表
| 用語 | 意味 | 初心者向けイメージ |
|---|---|---|
| アカウント | GTM全体の管理単位 | 大きな管理箱 |
| コンテナ | サイトごとの設定箱 | サイト専用の箱 |
| コンテナID | コンテナ識別番号 | GTM-XXXXXXX |
| タグ | データを送る処理 | 実行担当 |
| トリガー | タグを動かす条件 | スイッチ |
| 変数 | 変化する値 | 情報を入れる箱 |
| データレイヤー | データの受け渡し場所 | 情報の中継地点 |
| ワークスペース | 設定変更する場所 | 作業机 |
まずは、
タグ・トリガー・変数
の3つを理解しておけば、このあとの実際の設定がかなり分かりやすくなります。
Googleタグマネージャーを導入する前に準備するもの
GTMは、すぐにタグを作り始めるのではなく、事前に必要なものを確認してから導入した方が安全です。
特に、すでにGA4を利用しているサイトでは、
「現在どの方法でGA4を設置しているのか」
を確認しておくことが重要です。
何も確認せずにGTMから同じGoogleタグを追加すると、データが重複して送信される可能性があります。
導入前に次の項目を確認しておきましょう。
- Googleアカウント
- Webサイト
- WordPress管理画面
- GA4のID
- 現在設置済みのタグ
- GTMを設置できる環境
Googleアカウントを用意する
GTMを利用するにはGoogleアカウントが必要です。
Google公式のGTM作成手順でも、最初にGoogleアカウントへログインし、その後GTMアカウントとコンテナを作成します。
すでに、
- Gmail
- Google Analytics
- Search Console
- Google広告
などを利用している場合は、そのGoogleアカウントを使用できます。
できれば、GA4やSearch Consoleを管理しているGoogleアカウントと統一しておくと、後から管理しやすくなります。
確認すること
- Googleアカウントにログインできる
- パスワードを確認している
- GA4と同じアカウントか確認する
- サイト管理用アカウントを決めておく
複数人でサイトを管理する場合は、個人のアカウントだけに依存しないよう権限管理も検討しましょう。
自分のWebサイトを準備する
GTMを利用するには、計測対象となるWebサイトが必要です。
さらに、GTMのコンテナコードを設置できる権限が必要になります。
Google公式でも、Web用コンテナを設置する前提として、Webサイトのコードへアクセスできることが必要とされています。
WordPressの場合は、テーマ設定やプラグインなどを使ってGTMコードを設置できる場合があります。
事前に、
- サイトURL
- WordPressログイン情報
- 使用テーマ
- GTMコードを設置する場所
を確認しておきましょう。
WordPressの管理画面を確認する
WordPressサイトの場合は、GTM導入前に管理画面へログインできることを確認しておきます。
GTMを設置する方法は、サイト環境によって異なります。
主な方法としては、
- WordPressテーマの機能を利用
- 専用プラグインを利用
- HTMLへ直接設置
などがあります。
特にテーマによっては、アクセス解析やタグ管理専用の入力欄が用意されている場合があります。
そのため、最初からテーマファイルを直接編集するのではなく、
現在使用しているテーマにGTM設置機能がないか確認する
ことをおすすめします。
テーマファイルを直接編集すると、テーマ更新によって変更内容が消えたり、記述ミスでサイト表示に影響したりする可能性があります。
なお、この記事の後半でWordPressへの具体的な設置方法を説明するため、ここでは「管理画面に入れるか」「現在どの方法でタグを設置しているか」を確認しておけば十分です。
GA4を利用する場合は測定ID・タグIDを確認する
すでにGoogle Analytics(GA4)を利用している場合は、GTM設定前にGA4側のIDを確認します。
ここで注意したいのが、
測定IDとGoogleタグIDは同じ意味で使われるとは限らない
という点です。
GA4では、Webデータストリームに、
G-XXXXXXXXXX
のような測定IDがあります。
一方、現在のGoogleタグでは、
GT-XXXXXXXXX
G-XXXXXXXXXX
AW-XXXXXXXXX
などのタグIDが表示される場合があります。Google公式でも、1つのGoogleタグに複数のタグIDが存在することがあると説明されています。
また、GTMでGA4を設定するときは、Googleタグを作成し、タグIDを指定する手順がGoogle公式で案内されています。
IDの違いを整理
| ID | 例 | 主な用途 |
|---|---|---|
| GTMコンテナID | GTM-ABCDEFG | GTMの識別 |
| GA4測定ID | G-XXXXXXXXXX | GA4 Webデータストリーム |
| GoogleタグID | GT-XXXXXXXXXなど | Googleタグの識別 |
IDをコピーするときは、
「GTM-なのか」「G-なのか」「GT-なのか」
をよく確認しましょう。
似ていますが、用途が異なります。
現在設置しているタグを確認する
GTMを導入する前に、現在Webサイトにどのようなタグが設置されているか確認しましょう。
特に確認したいのは、
- GA4
- Googleタグ
- Google広告
- Search Console確認用コード
- その他のアクセス解析タグ
などです。
たとえば、WordPressテーマの設定欄にすでにGA4測定IDを入力している状態で、GTMから同じGA4計測を追加すると、設定が重複する可能性があります。
そのため、
現在
WordPressテーマ → GA4
となっているのか、
現在
GTM → GA4
となっているのかを先に確認することが大切です。
導入前チェック
- WordPressテーマにGA4 IDが入っていないか
- プラグインでGA4を設置していないか
- HTMLへ直接Googleタグを貼っていないか
- すでにGTMが設置されていないか
- Google広告タグがないか
「どこからGA4が動いているか分からない」という場合は、いきなり既存設定を削除せず、まず現在の設置方法を確認しましょう。
既存タグの二重計測に注意する
GTM導入時に最も注意したいのが、タグの二重設置です。
Google公式でも、同じGoogleタグが同じページで複数回設定されると、データが重複したり設定が混在したりする可能性があると説明されています。
たとえば、
WordPressテーマ
↓
GA4へ送信
+
GTM
↓
同じGA4へ送信
という状態になっていると、同じデータが複数回送られる可能性があります。
その結果、
- ページビューが不自然に増える
- イベント数が増える
- コンバージョン数が正確でなくなる
- GA4レポートの信頼性が下がる
といった問題につながります。
二重計測を防ぐための基本
- 現在のGA4設置方法を確認する
- 既存タグを確認する
- GTMを設置する
- GTM側でGA4を設定する
- プレビューで動作確認する
- 二重送信がないか確認する
- 問題がなければ公開する
GTMでは、設定した内容を公開する前にプレビューで確認できます。Google公式でも、Tag Assistantを使ってタグの動作を確認した後に公開する手順が案内されています。
GTM導入前チェックリスト
| 確認項目 | 確認内容 |
|---|---|
| Googleアカウント | ログインできるか |
| Webサイト | 管理権限があるか |
| WordPress | 管理画面へ入れるか |
| GTM | すでに設置済みでないか |
| GA4 | 測定ID・タグIDを確認 |
| 既存タグ | GA4や広告タグを確認 |
| 二重計測 | 同じタグが重複しないか |
GTM導入では、新しいタグを追加することより、現在のタグ環境を把握することの方が重要な場合があります。
特にすでにGA4を利用しているサイトでは、現在の設定を消さずに確認し、そのうえでGTMへ移行するかどうかを判断しましょう。
Googleタグマネージャーのアカウントを作成する方法
Googleタグマネージャー(GTM)を使い始めるには、最初にGTMアカウントとコンテナを作成します。
Google公式では、
Googleアカウントでログイン → GTMアカウント作成 → コンテナ作成
という流れで設定します。
Webサイトの場合、通常は1つのWebサイトにつき1つのコンテナを作成します。ページごとにコンテナを作る必要はありません。
初めてでも順番どおり進めれば難しくありませんので、ひとつずつ確認していきましょう。
Googleタグマネージャーにアクセスする
まず、Googleタグマネージャーの管理画面へアクセスします。
Google公式のタグマネージャーへアクセスし、使用するGoogleアカウントでログインします。
すでに、
- Google Analytics
- Google Search Console
- Gmail
- Google広告
などを利用している場合は、同じGoogleアカウントを利用できます。
サイト運営用としてGA4やSearch Consoleと同じGoogleアカウントに統一しておくと、後から権限や設定を確認するときに管理しやすくなります。
最初に確認すること
- Googleアカウントへログインできる
- 管理したいWebサイトが決まっている
- GA4などと同じアカウントか確認する
- 自分がサイト管理者であることを確認する
「アカウントを作成」をクリックする
Googleタグマネージャーへログインしたら、管理画面から**「アカウントを作成」**をクリックします。
Google公式では、画面左上の「アカウント」タブを開き、右上にある「アカウントを作成」を選択する手順になっています。
ここで作るGTMアカウントは、Googleアカウントそのものとは別です。
イメージとしては、
Googleアカウント
↓
Googleタグマネージャー
↓
GTMアカウント
↓
コンテナ
という関係になります。
初心者の方は、GoogleアカウントとGTMアカウントを混同しないようにしましょう。
アカウント名を入力する
次に「アカウント名」を入力します。
アカウント名には、サイト名や会社名など、後から見て分かりやすい名前を付けるとよいでしょう。
たとえば個人ブログなら、
anything-site
会社で複数サイトを運営しているなら、
株式会社〇〇
のように設定できます。
Google公式では、GTMアカウントは会社や組織の最上位管理単位として説明されています。
アカウント名の例
| 運営形態 | アカウント名の例 |
|---|---|
| 個人ブログ | anything-site |
| 法人サイト | 株式会社〇〇 |
| ネットショップ | ○○ショップ |
| 複数サイト運営 | 運営会社名 |
後から変更することもできますが、最初から分かりやすい名前にしておくのがおすすめです。
国を選択する
次に、アカウントの国を選択します。
日本国内でサイトを運営している場合は、通常は**「日本」**を選択します。
画面には、「Googleや他の人と匿名でデータを共有」といった項目が表示される場合もあります。
Google公式では、この設定は任意で、匿名化したデータをベンチマークなどに利用するためのものと説明されています。
初心者の方は、
- アカウント名
- 国
を間違えず入力できていれば、まずは問題ありません。
コンテナ名を入力する
次に「コンテナ名」を入力します。
コンテナは、Webサイトごとのタグやトリガー、変数などをまとめて管理する場所です。
Google公式では、Webサイト用のコンテナ名には、サイトの最上位URLを使用することが推奨されています。
たとえば、
https://example.com
というサイトであれば、
example.com
のようにしておくと分かりやすいでしょう。
コンテナ名を付けるときのポイント
- サイト名またはドメイン名にする
- 後から見てもサイトが分かる名前にする
- ページごとにコンテナを作らない
- 基本的に1サイトにつき1コンテナ
たとえば記事が500ページあるブログでも、通常はコンテナを500個作る必要はありません。
サイト全体で1つのWebコンテナ
と考えておけば大丈夫です。
ターゲットプラットフォームで「ウェブ」を選ぶ
コンテナ名を入力したら、ターゲットプラットフォームを選択します。
一般的なWordPressサイトやブログの場合は、
「ウェブ」
を選択します。
Google公式では、主なコンテナタイプとして、
- ウェブ
- iOS
- Android
- AMP
- サーバー
などが案内されています。WebサイトやWebアプリでは「ウェブ」が最も一般的です。
今回のようにWordPressブログへGTMを導入する場合は、基本的に**「ウェブ」**を選べばよいでしょう。
利用規約に同意する
設定内容を確認したら「作成」をクリックします。
その後、Googleタグマネージャー利用規約が表示されるため、内容を確認して同意します。
Google公式でも、アカウント名・国・コンテナ名・コンテナタイプを設定した後、「作成」をクリックして利用規約に同意する流れとなっています。
規約への同意が完了すると、GTMアカウントとコンテナが作成されます。
GTMコンテナIDを確認する
コンテナを作成すると、
GTM-XXXXXXX
のようなコンテナIDが表示されます。
このIDは、WordPressへGTMを設置するときに使用する重要な情報です。
たとえば、
GTM-ABC1234
のような形式です。
GTM管理画面では、ワークスペース上部などからコンテナIDを確認できます。Google公式でも「GTM」で始まるコンテナIDを選択すると、インストール用コードが表示される仕組みになっています。
GTMコンテナIDの確認ポイント
- 「GTM-」で始まっているか
- GA4測定ID「G-XXXX」と間違えていないか
- コピーするときに文字が欠けていないか
- 別サイト用コンテナIDと間違えていないか
アカウント作成の流れ早見表
| 手順 | 内容 |
|---|---|
| 1 | GTMへアクセス |
| 2 | 「アカウントを作成」 |
| 3 | アカウント名入力 |
| 4 | 国を選択 |
| 5 | コンテナ名入力 |
| 6 | 「ウェブ」を選択 |
| 7 | 利用規約に同意 |
| 8 | GTMコンテナID確認 |
ここまで完了したら、次はWordPressへGTMを設置します。
GoogleタグマネージャーをWordPressに設置する方法
GTMのアカウントとコンテナを作成しただけでは、まだWebサイト上でタグを動かすことはできません。
次に、GTMコンテナをWordPressへ設置します。
Google公式では、Webコンテナを設置するときに2つのコードスニペットをWebサイトへ挿入する方法が案内されています。
ただし、WordPressの場合はテーマやプラグインによって、コードを直接編集せずに設置できる場合があります。
特にCocoonでは、GTMコンテナIDを専用欄へ入力する方法が用意されています。
GTMのコードが2つ表示される理由
GTMコンテナを作成すると、通常は2つのコードが表示されます。
1つ目は<head>内へ設置するJavaScriptコードです。
2つ目は<body>開始タグの直後へ設置するnoscriptコードです。
Google公式も、この2つのコードスニペットを各ページへ設置するよう案内しています。
イメージすると、
<html>
<head>
GTMコード①
</head>
<body>
GTMコード②
サイト本文
</body>
</html>
という形になります。
2つのコードの役割
| コード | 設置場所 | 主な役割 |
|---|---|---|
| 1つ目 | <head>内 | 通常のGTM処理を読み込む |
| 2つ目 | <body>直後 | JavaScriptが使えない場合の補助 |
初心者の場合、このコードを自分で直接貼るより、テーマ側にGTM専用機能があれば、それを利用した方が安全です。
head内に設置するコード
1つ目のコードは、ページの<head>開始タグの直後、できるだけ上の位置へ設置します。
Google公式でも、最初のコードブロックはできるだけ<head>タグの上の方に貼り付けるよう案内しています。
このコードが、GTMコンテナを読み込む中心的な役割を持ちます。
イメージは次のようになります。
<head>
GTMの1つ目のコード
<title>ページタイトル</title>
</head>
ただし、WordPressではページごとにコードを貼る必要はありません。
テーマやプラグインを使えば、全ページへ自動的に出力できます。
body直後に設置するコード
2つ目のコードは、<body>開始タグの直後へ設置します。
Google公式でも、2つ目のコードは開始<body>タグの直後に配置するよう案内されています。
イメージすると、
<body>
GTMの2つ目のコード
サイト本文
という配置です。
2つ目のコードにはnoscriptが使われており、JavaScriptが無効になっている環境を補助する役割があります。
通常のサイト訪問では1つ目のJavaScriptコードが中心に動きますが、Googleの推奨どおり設置する場合は2つとも正しい位置へ配置します。
WordPressテーマを使って設置する方法
WordPressテーマによっては、GTM専用の設定欄が用意されています。
この場合は、テーマファイルへコードを直接貼り付ける必要がありません。
一般的な流れは、
WordPress管理画面
↓
テーマ設定
↓
アクセス解析・タグ設定
↓
GTMコンテナIDを入力
↓
保存
となります。
この方法のメリットは、
- HTMLコードを直接触らなくてよい
- 入力するのはGTMコンテナIDだけ
- テーマ側が適切な位置にコードを出力してくれる
- 初心者でも設定しやすい
という点です。
ただし、テーマによってGTM対応状況や設定場所は異なるため、必ず使用しているテーマの公式マニュアルを確認しましょう。
プラグインを使って設置する方法
テーマ側にGTM専用機能がない場合は、WordPressプラグインを利用する方法もあります。
プラグインを利用すると、テーマファイルを編集せずにGTMコードを設置できる場合があります。
ただし、プラグインを選ぶときは、
- 現在も更新されているか
- WordPress最新版に対応しているか
- GTMの2つのコードに対応しているか
- 評価や利用実績が十分か
を確認しましょう。
また、テーマ側ですでにGTMを設定しているのに、さらにプラグインでも設定すると二重設置になる可能性があります。
そのため、
テーマ方式かプラグイン方式のどちらか1つに統一する
ことが重要です。
CocoonでGTMを設定する場合の考え方
Cocoonを使用している場合は、テーマ側にGoogleタグマネージャー専用の設定項目があります。
Cocoon公式では、
WordPress管理画面 → Cocoon設定 → アクセス解析・認証 → Googleタグマネージャ設定
の「タグマネージャID」欄へ、
GTM-XXXXXXX
を入力して保存する方法が案内されています。
つまり、CocoonではGTMから表示された2つのコードを自分で直接貼り付けるのではなく、GTMコンテナIDだけを入力する方法が基本です。
Cocoonでの設定手順
- WordPress管理画面へログイン
- 「Cocoon設定」を開く
- 「アクセス解析・認証」タブを開く
- 「Googleタグマネージャ設定」を探す
- 「タグマネージャID」へGTMコンテナIDを入力
- 「変更をまとめて保存」をクリック
入力するのは、
GTM-XXXXXXX
です。
次のIDと間違えないようにしましょう。
| ID | 例 | CocoonのGTM欄へ入力? |
|---|---|---|
| GTMコンテナID | GTM-ABCDEFG | ○ |
| GA4測定ID | G-XXXXXXXXXX | × |
| GoogleタグID | GT-XXXXXXXX | × |
またCocoon公式では、GTMのタグマネージャIDが設定されている場合、二重計測を防ぐためGTM側が優先され、CocoonのGA4測定ID欄からは計測されない仕様と案内されています。
これはCocoon利用者にとって非常に重要なポイントです。
つまり、
Cocoon
↓
GTMコンテナ
↓
Googleタグ
↓
GA4
という形で運用するなら、GA4の設定はGTM側で行います。
テーマファイルを直接編集するときの注意点
テーマやプラグインを利用せず、WordPressテーマファイルへ直接GTMコードを書く方法もあります。
しかし、初心者にはあまりおすすめできません。
理由は、
- コードの貼り付け位置を間違える可能性がある
- PHP記述を壊す可能性がある
- サイト表示に不具合が出る可能性がある
- 親テーマ更新で変更内容が消える場合がある
- 二重設置に気づきにくい
ためです。
特に、
header.php
などを直接編集するときは注意が必要です。
どうしても手動で設置する場合は、作業前にバックアップを取り、子テーマを利用するなど慎重に作業しましょう。
Google公式でも、WordPressなどのCMSでは、コードを1ページずつ手作業で更新せず、CMS側の統合機能を利用できる場合があると案内しています。
Cocoonを利用している場合は、専用設定欄があるため、通常はテーマファイルを直接編集する必要はありません。
GTMコードを二重に設置しないよう注意する
GTM導入時に特に注意したいのが二重設置です。
たとえば、
Cocoon設定
↓
GTM-ABC1234
+
プラグイン
↓
GTM-ABC1234
という状態にすると、同じGTMコンテナが複数回読み込まれる可能性があります。
また、
Cocoon
↓
GTM
+
header.php
↓
GTM
という設定も避けましょう。
二重設置が起こりやすい例
- Cocoon+GTMプラグイン
- Cocoon+header.php直接記述
- プラグイン+header.php直接記述
- 過去に入れたGTMコードを忘れている
GTMを導入する前には、
- Cocoon設定
- 使用プラグイン
- header.php
- カスタムHTML・ヘッダーコード
- 過去のアクセス解析設定
を確認しましょう。
WordPressへのGTM設置方法比較表
| 方法 | 難易度 | 初心者向け | 特徴 |
|---|---|---|---|
| Cocoon専用設定 | 低い | ◎ | ID入力だけで設定可能 |
| テーマ専用機能 | 低い | ◎ | テーマによって異なる |
| プラグイン | 普通 | ○ | テーマに機能がない場合 |
| テーマファイル直接編集 | 高い | △ | コード知識が必要 |
Cocoonを利用している場合は、まず「Cocoon設定 → アクセス解析・認証」からGTMコンテナIDを設定する方法を優先するのがおすすめです。
設定後は、まだ「入れただけ」で終わりではありません。
次の段階では、
GTMが正常にWebサイトへ設置されているか
をプレビューやTag Assistantなどで確認してから、実際のタグ設定へ進みます。
Googleタグマネージャーが正しく設置されたか確認する方法
Googleタグマネージャー(GTM)をWordPressへ設置したら、次に正しく読み込まれているか確認します。
GTMは、コンテナIDを入力しただけでは設定完了とはいえません。実際にサイトと接続し、タグが正常に動くか確認してから公開することが大切です。
Google公式では、GTMの「プレビュー」機能を使ってTag Assistantへ接続し、タグの配信状況を確認する方法が案内されています。
確認の基本的な流れは次のとおりです。
- GTM管理画面を開く
- 「プレビュー」をクリックする
- サイトURLを入力する
- Tag Assistantへ接続する
- 接続済みか確認する
- タグが発火しているか確認する
- 問題がなければ公開する
GTMの「プレビュー」を使って確認する
GTMには、設定したタグを本番公開する前に確認できる「プレビュー」機能があります。
Google公式では、ワークスペース右上の**「プレビュー」**をクリックすると、Google Tag Assistantが新しいタブで起動する仕組みになっています。
プレビューを使うと、
- GTMがサイトへ接続できているか
- どのタグが動いたか
- どのタグが動かなかったか
- どのイベントでタグが発火したか
- トリガー条件が正しいか
を確認できます。
たとえば、
「お問い合わせボタンをクリックしたときだけタグを動かしたい」
という設定を作った場合、プレビューを使って実際にボタンをクリックし、そのタグが動いたか確認できます。
プレビュー確認のイメージ
GTM管理画面
↓
プレビュー
↓
Tag Assistant
↓
自分のWebサイト
↓
タグの動作確認
初心者の方は、新しいタグを作ったら必ずプレビューすると覚えておくとよいでしょう。
Tag Assistantとは?
Tag Assistantは、GoogleタグやGTMの設定が正しく動いているか確認するためのGoogle公式ツールです。
Google公式では、Tag Assistantを使うことで、
- ページ上のGoogleタグを確認する
- タグが発火しているか確認する
- イベントを確認する
- タグの重複を見つける
- 設定ミスを調べる
- トラブルシューティングを行う
ことができると説明されています。
つまり、Tag Assistantは、
「GTMやGoogleタグが本当に動いているか確認する検査ツール」
と考えると分かりやすいでしょう。
なお、古い解説記事では「Tag Assistant Legacy」や「Tag Assistant Companion」という名称が出てくる場合があります。
現在は、Google公式で統合されたTag Assistant拡張機能への移行が案内されています。
そのため、記事を参考にするときは、古い画面と現在の画面が異なる場合がある点に注意しましょう。
サイトURLを入力して接続する
GTM管理画面で「プレビュー」をクリックすると、Tag Assistantが開きます。
そこへ確認したいWebサイトのURLを入力します。
たとえば、
https://example.com/
のように、確認したいサイトのURLを入力します。
その後、**「接続」**をクリックします。
Google公式では、次の手順が案内されています。
- GTMのコンテナを開く
- 「プレビュー」をクリックする
- サイトURLを入力する
- 「接続」をクリックする
- Webサイトが別ウィンドウまたはタブで開く
- Tag Assistantで確認する
URL入力時の確認ポイント
https://から正しく入力する- 自分のサイトURLを入力する
- 別サイトのURLを入れない
- テストしたいページがある場合は、そのページURLを入力する
たとえば、特定のお問い合わせページだけ確認したい場合は、そのページのURLを直接入力しても構いません。
「Connected」が表示されるか確認する
Tag AssistantとWebサイトの接続が成功すると、サイト側に**「Connected」または「接続済み」**と表示されます。
Google公式でも、接続が成功するとサイト画面の右下に「接続済み」と表示されると案内されています。
この表示が出れば、
「GTMのプレビュー環境とWebサイトが接続できている」
と判断できます。
接続成功の確認ポイント
- サイトが開く
- 「Connected」または「接続済み」が表示される
- Tag Assistant側に対象サイトが表示される
- イベント一覧が表示される
接続できない場合は、GTMコンテナ自体が正しく設置されていない可能性があります。
タグが発火しているか確認する
接続できたら、次にタグが正常に動いているか確認します。
GTMでは、タグが動くことを一般に**「発火する」**と表現します。
Tag Assistantのデバッグ画面では、イベントごとにどのタグが発火したか確認できます。Google公式でも、プレビュー画面からタグの配信状態や処理中のデータを確認できると説明されています。
たとえば、Googleタグをすべてのページで動かす設定にしている場合は、
ページ表示
↓
Googleタグ
↓
発火
という状態になっているか確認します。
ボタンクリックタグなら、
ボタンをクリック
↓
クリックイベント
↓
対象タグ
↓
発火
となっているかを確認します。
確認するポイント
- 想定したタグが発火しているか
- 想定していないタグが発火していないか
- 同じタグが二重に発火していないか
- 正しいイベントで発火しているか
- トリガー条件が合っているか
Googleタグについては、Tag Assistantの「概要」などからイベントが送信されているか確認することもできます。
タグが発火しない場合に確認するポイント
タグが発火しない場合でも、すぐに設定を削除する必要はありません。
まずは原因を一つずつ確認しましょう。
特に多いのが、
- トリガー条件が間違っている
- URL条件が一致していない
- クリック条件が正しくない
- タグIDが間違っている
- 保存し忘れている
- GTM自体が正しく設置されていない
といったケースです。
タグが発火しないときの確認表
| 確認項目 | チェック内容 |
|---|---|
| GTM設置 | コンテナが読み込まれているか |
| タグ | 保存されているか |
| トリガー | 条件が正しいか |
| URL | 指定条件と一致しているか |
| Click Text | 実際の文字と一致しているか |
| Click URL | リンク先が正しいか |
| タグID | 入力ミスがないか |
| プレビュー | 正しいページで確認しているか |
たとえば、
Click Text
=
「資料請求」
という条件を設定したのに、実際のボタンが、
無料で資料請求する
となっている場合、条件によっては発火しないことがあります。
その場合は、
Click Text
含む
資料請求
のように設定する方法があります。
Google公式でも、ボタンクリックイベントの例として、Click Textなどを使ったトリガー条件の設定方法が紹介されています。
確認後にコンテナを公開する
プレビューで問題がないことを確認したら、最後にコンテナを公開します。
ここは非常に重要です。
プレビューで正常に動いていても、「公開」しなければ一般の訪問者には反映されません。
Google公式では、
- ワークスペース右上の「送信」をクリック
- 「バージョンの公開と作成」を選択
- バージョン名と説明を入力
- 「公開」をクリック
という手順が案内されています。
バージョン名の例
GA4 Googleタグ追加
説明には、
GA4基本計測用Googleタグを追加
のように書いておくと、後から変更履歴を確認しやすくなります。
設置確認から公開までの流れ
| 手順 | 内容 |
|---|---|
| 1 | プレビューを開く |
| 2 | URLを入力 |
| 3 | Tag Assistantへ接続 |
| 4 | Connectedを確認 |
| 5 | タグ発火を確認 |
| 6 | 問題があれば修正 |
| 7 | 「送信」をクリック |
| 8 | コンテナを公開 |
Googleタグマネージャーでタグを設定する基本手順
GTMが正しくWebサイトへ設置できたら、実際にタグを作成します。
GTMの基本的な設定は、
タグ作成 → トリガー設定 → 保存 → プレビュー確認 → 公開
という流れです。
Google公式でも、タグには少なくとも1つのトリガーを設定し、条件に一致したときにタグが配信される仕組みとなっています。
最初は項目が多く見えますが、基本手順は毎回ほぼ同じです。
「タグ」→「新規」をクリックする
まず、GTMの管理画面を開きます。
左側メニューにある**「タグ」をクリックし、その後「新規」**を選択します。
新しいタグ作成画面が開いたら、
- タグ名
- タグの設定
- トリガー
を設定していきます。
イメージすると、
GTM
↓
タグ
↓
新規
↓
タグ設定画面
という流れです。
タグの名前を決める
最初に、タグへ分かりやすい名前を付けます。
ここは意外と重要です。
タグが増えてくると、
タグ1
タグ2
新しいタグ
のような名前では、何の設定なのか分からなくなります。
おすすめは、
サービス名|計測内容
という形式です。
タグ名の例
- GA4|Googleタグ
- GA4|お問い合わせクリック
- GA4|資料請求クリック
- GA4|外部リンククリック
- Ads|コンバージョン
こうしておけば、後から見ても目的がすぐに分かります。
タグタイプを選択する
次に、「タグの設定」をクリックしてタグタイプを選びます。
どのタグタイプを選ぶかは、何を計測したいかによって変わります。
たとえば、
- Googleタグ
- Google Analytics:GA4イベント
- Google広告コンバージョン
- コンバージョンリンカー
- カスタムHTML
などがあります。
初心者の方がGA4の基本計測を行う場合は、まずGoogleタグを使うケースが多いでしょう。
一方、クリックイベントなどをGA4へ送る場合は、Google Analytics:GA4イベントを使います。
タグタイプの例
| 目的 | タグタイプの例 |
|---|---|
| GA4基本計測 | Googleタグ |
| GA4イベント | Google Analytics:GA4イベント |
| Google広告成果計測 | Google広告コンバージョン |
| 独自コード | カスタムHTML |
目的に合わないタグタイプを選ぶと正しく計測できないため、ここは慎重に選びましょう。
タグIDなど必要な情報を入力する
タグタイプを選択したら、必要なIDや設定値を入力します。
たとえばGoogleタグの場合は、
G-XXXXXXXXXX
や、
GT-XXXXXXXXXX
などのタグIDを指定する場合があります。
Google公式では、GTMでGoogleタグを設定する際、タグIDを入力して保存する手順が案内されています。
ここで注意したいのは、
GTM-XXXXXXX
というコンテナIDを入力する場所ではないということです。
IDの違い
| ID | 用途 |
|---|---|
| GTM-XXXXXXX | GTMコンテナ |
| G-XXXXXXXXXX | GA4測定ID |
| GT-XXXXXXXXX | GoogleタグID |
入力時は、先頭の文字まで確認しましょう。
トリガーを設定する
タグを作成したら、次にトリガーを設定します。
トリガーは、
「いつタグを動かすか」
を決める条件です。
Google公式では、すべてのタグに少なくとも1つのトリガーが必要とされています。
たとえば、GA4のGoogleタグをすべてのページで動かしたい場合は、
ページ表示
↓
すべてのページ
といったトリガーを設定します。
ボタンクリックを計測する場合は、
クリック
↓
一部のクリック
↓
条件を設定
といった形になります。
トリガー例
| 計測内容 | トリガー例 |
|---|---|
| 全ページ計測 | すべてのページ |
| 特定ページ | Page URL条件 |
| ボタンクリック | クリック |
| 外部リンク | Click URL条件 |
| フォーム送信 | フォーム送信 |
「何を計測したいか」を先に決めてからトリガーを選ぶと、設定しやすくなります。
タグを保存する
タグとトリガーの設定が完了したら、「保存」をクリックします。
保存すると、作成したタグがGTMのタグ一覧へ表示されます。
ここで注意したいのは、
保存=公開ではない
という点です。
保存した段階では、ワークスペース内に設定が記録されただけです。
実際のWebサイトへ反映するには、このあとプレビューで確認し、最後に公開する必要があります。
プレビューで動作確認する
タグを保存したら、すぐに公開せずプレビューで確認します。
Google公式でも、タグを公開する前にプレビューとTag Assistantを使って動作確認する流れが案内されています。
たとえば、外部リンククリックタグを作成した場合は、
- プレビューを開始する
- サイトへ接続する
- 対象リンクをクリックする
- Tag Assistantを見る
- 対象タグが発火したか確認する
という流れになります。
確認したい項目
- 正しいタグが発火する
- 不要なページでは発火しない
- 二重発火していない
- 正しいイベントで動いている
- エラーが出ていない
問題がある場合は、公開せず設定を修正しましょう。
「公開」してサイトへ反映する
動作確認が終わったら、最後に公開します。
GTMのワークスペース右上にある**「送信」**をクリックします。
その後、
「バージョンの公開と作成」
を選択し、バージョン名と説明を入力して「公開」をクリックします。
公開すると、設定したタグが一般の訪問者にも適用されます。
タグ設定の基本手順早見表
| 手順 | 作業内容 |
|---|---|
| 1 | 「タグ」→「新規」 |
| 2 | タグ名を決める |
| 3 | タグタイプを選ぶ |
| 4 | IDなどを入力する |
| 5 | トリガーを設定する |
| 6 | 保存する |
| 7 | プレビューで確認する |
| 8 | 「送信」→「公開」 |
初心者の方は、
作る → 保存 → 確認 → 公開
の順番を守ることが大切です。
特に、
「保存したから反映された」
「プレビューで動いたから公開済み」
と勘違いしないようにしましょう。
GTMでは、最終的に「公開」まで行って初めて本番環境へ反映されます。
Googleタグマネージャーのトリガーとは?
Googleタグマネージャー(GTM)の「トリガー」とは、タグをいつ動かすのかを決める条件です。
GTMでは、タグを作成しただけでは基本的に動きません。
「ページが表示されたとき」「ボタンがクリックされたとき」「フォームが送信されたとき」など、タグを動かすきっかけをトリガーとして設定します。
Google公式でも、トリガーはページビュー・クリック・フォーム送信などのイベントを検知し、条件に一致したときにタグを配信する仕組みと説明されています。タグを動かすには、少なくとも1つのトリガーが必要です。
初心者の方は、
タグ=何をするか
トリガー=いつするか
と覚えておくと分かりやすいでしょう。
トリガーは「いつタグを動かすか」を決める設定
トリガーは、Webサイト上で起きた出来事をきっかけにタグを発火させます。
たとえば、
「商品を見る」というボタンがクリックされた回数をGA4へ送りたい場合は、
読者がボタンをクリック
↓
クリックトリガーが反応
↓
GA4イベントタグが発火
↓
GA4へデータを送信
という流れになります。
代表的なトリガーには、
- ページビュー
- クリック
- リンククリック
- フォーム送信
- スクロール距離
- 要素の表示
- YouTube動画
- タイマー
などがあります。
Google公式でも、ページビュー・クリック・要素の表示・フォーム送信・スクロール距離など、複数のトリガータイプが用意されています。
最初からすべて覚える必要はありません。
個人ブログであれば、まずは、
- ページビュー
- クリック
- リンククリック
- スクロール距離
あたりから覚えるとよいでしょう。
ページビューとは
ページビューは、Webページが読み込まれたことをきっかけにタグを動かすトリガーです。
たとえば、GA4の基本的な計測タグをすべてのページで動かしたい場合に利用できます。
イメージは次のとおりです。
読者が記事を開く
↓
ページが読み込まれる
↓
ページビュートリガー
↓
タグが発火
Google公式では、ページ読み込みに関連するトリガーとして、
- 同意の初期化
- 初期化
- ページビュー
- DOM Ready
- Window Loaded
などが用意されています。
初心者の場合は、まず通常の「ページビュー」を理解すれば十分です。
すべてのページとは
「すべてのページ」は、サイト内のどのページが表示されてもタグを動かす設定です。
たとえば、GA4のGoogleタグをサイト全体で利用したい場合には、
ページビュー
↓
すべてのページ
という設定を使うケースがあります。
対象になるページの例は、
- トップページ
- ブログ記事
- 固定ページ
- カテゴリーページ
- お問い合わせページ
などです。
「すべてのページ」を使う例
| 計測内容 | 適しているか |
|---|---|
| GA4の基本計測 | ○ |
| 特定ボタンのクリック | × |
| 特定ページだけの計測 | × |
| サイト全体で必要なタグ | ○ |
「どのページでも必要なのか」を考えてから設定しましょう。
一部のページとは
「一部のページ」は、指定した条件に合うページだけでタグを動かす設定です。
たとえば、
Page URL
含む
/contact/
という条件にすると、「/contact/」を含むページだけを対象にできます。
Google公式でも、ページURLに特定の文字列が含まれる場合だけタグを配信する例が紹介されています。
たとえば、
Page URL
含む
/thanks/
と設定すれば、問い合わせ完了ページだけでタグを発火させることもできます。
一部のページが向いている例
- 問い合わせ完了ページ
- 購入完了ページ
- 特定の商品ページ
- キャンペーンページ
- 会員登録完了ページ
「サイト全体ではなく、特定ページだけで動かしたい」という場合に利用します。
クリックトリガーとは
クリックトリガーは、読者がページ内の要素をクリックしたときにタグを動かす設定です。
Google公式では、クリックトリガーには主に、
- すべての要素
- リンクのみ
の2種類があります。
「すべての要素」では、
- ボタン
- 画像
- リンク
- メニュー
- その他の要素
などのクリックを対象にできます。
たとえば、ブログ記事の中にある、
「無料資料を申し込む」
というボタンだけを計測することもできます。
ボタンをクリック
↓
クリックトリガー
↓
GA4イベントタグ
↓
クリックとして計測
クリック計測は、読者が記事を読んだあとにどのような行動をしたか調べるときに便利です。
リンククリックとは
「リンクのみ」のクリックトリガーは、HTMLの<a>要素として設定されているリンクのクリックを対象にします。
Google公式でも、「リンクのみ」は<a>要素のクリックを計測するトリガーとして説明されています。
たとえば、
- Amazonの商品リンク
- 楽天市場の商品リンク
- 公式サイトへのリンク
- 関連記事への内部リンク
- 外部サイトへのリンク
などのクリック計測に利用できます。
たとえば、外部サイトへのリンクだけを計測したい場合、
Click URL
含む
example-shop.com
といった条件を設定できます。
リンククリックの活用例
| 計測対象 | 用途 |
|---|---|
| アフィリエイトリンク | 商品への関心を確認 |
| 公式サイトへのリンク | 誘導数を確認 |
| 内部リンク | 関連記事への移動を確認 |
| 資料ダウンロード | 資料利用状況を確認 |
アフィリエイトサイトでは、特に便利なトリガーです。
フォーム送信とは
フォーム送信トリガーは、問い合わせフォームなどが送信されたときにタグを動かす設定です。
Google公式でも、フォーム送信時にタグを配信するための専用トリガーが用意されています。
たとえば、
読者が問い合わせフォームを送信
↓
フォーム送信トリガー
↓
GA4イベントタグ
↓
問い合わせとして計測
という使い方ができます。
フォーム送信トリガーでは、
- Form ID
- Form Classes
- Form URL
- Form Text
などの組み込み変数も利用できます。
ただし、WordPressのフォームプラグインによっては、送信方法の違いなどにより標準のフォーム送信トリガーだけでは正しく計測できない場合があります。
その場合は、送信完了ページやカスタムイベントなど別の方法を検討します。
スクロール距離とは
スクロール距離トリガーは、読者がページをどこまで読んだかを計測するときに利用します。
たとえば、
- 25%
- 50%
- 75%
- 90%
までスクロールしたときにタグを動かすことができます。
イメージすると、
記事を表示
↓
50%まで読む
↓
スクロールトリガー
↓
GA4イベントタグ発火
という流れです。
Google公式では、スクロール距離トリガーに関連する組み込み変数として、
- Scroll Depth Threshold
- Scroll Depth Units
- Scroll Direction
などが用意されています。
スクロール計測で分かること
- 記事の途中で離脱していないか
- 長文記事を最後まで読んでいるか
- CTAまで読者が到達しているか
- 記事改善の参考になるか
ただしGA4には拡張計測機能によるスクロール計測もあるため、GTMで同じ内容を追加するときは、重複計測にならないか確認することが大切です。
初心者が最初に覚えたいトリガー
GTMには多くのトリガーがありますが、初心者が最初から全部覚える必要はありません。
まずは次の4つを覚えておくとよいでしょう。
- すべてのページ
- サイト全体でタグを動かす
- 一部のページ
- 特定ページだけでタグを動かす
- クリック
- ボタンや画像などの操作を計測する
- リンクのみ
- 外部リンクや商品リンクを計測する
余裕が出てきたら、
- フォーム送信
- スクロール距離
- 要素の表示
などへ広げていきましょう。
初心者向けトリガー早見表
| トリガー | 使用例 | 難易度 |
|---|---|---|
| すべてのページ | GA4基本計測 | 低い |
| 一部のページ | 完了ページ | 低い |
| クリック | ボタン計測 | 普通 |
| リンクのみ | 外部リンク | 普通 |
| フォーム送信 | 問い合わせ | 普通 |
| スクロール距離 | 読了率確認 | 普通 |
まずは、**「何が起きたらタグを動かしたいのか」**を考えることが、トリガー設定の基本です。
Googleタグマネージャーの変数とは?
GTMの「変数」とは、ページURLやクリック先URLなど、状況によって変わる情報を保存して利用する仕組みです。
Google公式では、変数はトリガーの条件として使ったり、タグへ情報を渡したりするために利用すると説明されています。
たとえば、
Click URL
含む
amazon.co.jp
という条件を作る場合、
Click URLが変数
「含む」が条件
amazon.co.jpが比較する値
になります。
初心者の方は、
トリガー=判断する仕組み
変数=判断材料
と覚えると分かりやすいでしょう。
変数は「変化する情報」を保存する仕組み
変数には、その時々のページや操作によって異なる値が入ります。
たとえば、
Page URL
には、現在表示されているページの完全なURLが入ります。
また、
Click URL
には、クリックされたリンク先URLが入ります。
Google公式でも、Page URL・Click URL・Click Textなど多数の組み込み変数が用意されています。
変数のイメージ
| 状況 | 変数 | 値の例 |
|---|---|---|
| 記事を表示 | Page URL | https://example.com/article/ |
| Amazonリンクをクリック | Click URL | https://amazon.co.jp/… |
| 「購入する」をクリック | Click Text | 購入する |
同じ変数でも、読者の行動によって中身が変わります。
組み込み変数とは
組み込み変数とは、GTMが最初から用意している変数です。
Web用コンテナでは、たとえば次のような変数があります。
- Page URL
- Page Hostname
- Page Path
- Referrer
- Click URL
- Click Text
- Click ID
- Click Classes
- Scroll Depth Threshold
すべての組み込み変数が最初から有効になっているわけではありません。
クリック関連の変数などを使う場合は、
「変数」→「組み込み変数」→「設定」
から必要な項目を有効にすることがあります。
初心者の場合は、必要になったものだけ有効にすれば十分です。
ユーザー定義変数とは
ユーザー定義変数とは、自分で目的に合わせて作成する変数です。
組み込み変数だけでは足りない場合に利用します。
Google公式では、ユーザー定義変数として、
- 定数
- URL
- データレイヤー変数
- Lookup Table
- 正規表現テーブル
- DOM要素
など、多くの種類が用意されています。
たとえば、同じGA4のIDを複数タグで使用する場合、一定の値を保存するための変数を利用するケースがあります。
ただし、初心者の場合は最初から複雑なユーザー定義変数を作る必要はありません。
まずは組み込み変数を理解してから、必要に応じて利用するとよいでしょう。
Page URLとは
Page URLは、現在表示されているページの完全なURLを取得する組み込み変数です。
Google公式でも、Page URLは現在のページの完全なURLを返す変数として案内されています。
たとえば、
https://example.com/contact/
というページを表示している場合、Page URLにはこのURLが入ります。
Page URLは、
- 特定ページだけ計測する
- カテゴリーページを判別する
- 完了ページを判別する
といった用途に利用できます。
たとえば、
Page URL
含む
/contact/
とすれば、お問い合わせページを条件にできます。
Click URLとは
Click URLは、クリックしたリンク先URLを取得する組み込み変数です。
Google公式では、クリックトリガーが成立したときに、クリックされた要素のURLをClick URLへ取得する仕組みになっています。
たとえば、記事内のAmazonリンクをクリックすると、
https://www.amazon.co.jp/...
という値がClick URLに入る可能性があります。
そのため、
Click URL
含む
amazon.co.jp
という条件を作れば、Amazonへのリンククリックだけを対象にできます。
Click URLの活用例
- Amazonリンク
- 楽天市場リンク
- 公式サイト
- 外部リンク
- PDFダウンロード
アフィリエイトリンクのクリック計測にも役立ちます。
Click Textとは
Click Textは、クリックされた要素に表示されている文字を取得する組み込み変数です。
Google公式でも、Click Textにはクリックされた要素のテキストが入ると説明されています。
たとえば、
「公式サイトを見る」
というボタンをクリックした場合、
Click Text
=
公式サイトを見る
となることがあります。
そのため、
Click Text
含む
公式サイト
という条件でタグを動かすこともできます。
ただし、同じ文字のボタンが複数ある場合は、Click Textだけでは区別しにくいことがあります。
その場合は、
- Click URL
- Click ID
- Click Classes
- Page URL
などと組み合わせると判別しやすくなります。
変数をトリガー条件に使う方法
変数は、トリガーの発火条件を細かく指定するときに使います。
Google公式では、トリガーフィルタを、
変数 + 演算子 + 値
の組み合わせで作成する仕組みになっています。
たとえば、
Page URL
含む
/products/
という条件なら、
| 項目 | 内容 |
|---|---|
| 変数 | Page URL |
| 条件 | 含む |
| 値 | /products/ |
となります。
外部リンククリックの例
Click URL
含む
example-shop.com
この場合、
- 読者がリンクをクリック
- Click URLにリンク先URLが入る
example-shop.comが含まれるか確認- 条件に一致
- タグが発火
という流れです。
つまり変数があることで、**「どのページか」「どのリンクか」「どの文字をクリックしたか」**などを細かく判定できます。
初心者が最初に覚えたい変数
初心者が最初に覚えておきたいのは、次の3つです。
1.Page URL
現在表示しているページを判定します。
利用例:
Page URL
含む
/contact/
2.Click URL
クリックされたリンク先を判定します。
利用例:
Click URL
含む
amazon.co.jp
3.Click Text
クリックされた文字を判定します。
利用例:
Click Text
含む
資料請求
この3つを理解すると、個人ブログでよく使うクリック計測や特定ページ計測の基本をかなりカバーできます。
初心者向け変数早見表
| 変数 | 何が分かる? | 主な用途 |
|---|---|---|
| Page URL | 現在のURL | 特定ページ判定 |
| Page Path | URLのパス | ページ分類 |
| Click URL | クリック先 | 外部リンク計測 |
| Click Text | クリック文字 | ボタン判定 |
| Click ID | 要素のID | 特定ボタン判定 |
| Click Classes | CSSクラス | 要素判定 |
最後に、トリガーと変数の関係を整理しておきましょう。
読者がリンクをクリック
↓
Click URLにリンク先が入る
↓
トリガーが条件を判定
↓
条件一致
↓
タグが発火
↓
GA4へイベント送信
トリガーだけ、変数だけを別々に覚えるより、「変数を見てトリガーが判断する」と理解するとGTMの仕組みが分かりやすくなります。
最初はPage URL・Click URL・Click Textの3つから使い始め、必要になった段階でClick IDやデータレイヤー変数などへ広げていくとよいでしょう。
GoogleタグマネージャーでGA4を設定する方法
Googleタグマネージャー(GTM)を使うと、Google Analytics 4(GA4)の基本的な計測をGTM側から管理できます。
基本的な流れは、
Webサイト → GTM → Googleタグ → GA4
です。
GTMがデータそのものを分析するわけではありません。GTMはタグを管理・実行し、Googleタグを通してGA4へデータを送ります。GA4は受け取ったデータをレポートとして表示する役割を持っています。
現在のGoogle公式手順では、GA4をGTMで設定する際に**「Googleタグ」**を作成します。古い解説記事で見かける「GA4設定タグ」とは現在の画面が異なる場合があるため注意しましょう。
注意
古い記事では「Google Analytics:GA4設定」というタグタイプが紹介されている場合がありますが、現在はGA4の基本設定に「Googleタグ」を使用します。
GTMとGA4を連携する仕組み
GTMとGA4は、それぞれ役割が違います。
GTMは、Webサイト上でタグを実行するタイミングや条件を管理するツールです。
一方、GA4は、
- ユーザー数
- ページ閲覧
- 流入経路
- イベント
- コンバージョン
- ユーザー行動
などを分析するツールです。
たとえば、読者がブログ記事を開いた場合、
Webサイトを表示
↓
GTMが読み込まれる
↓
Googleタグが発火
↓
GA4へデータを送信
↓
GA4のレポートに反映
という流れになります。
Google公式でも、GTMでGoogleタグを設定することで、WebサイトからGoogle Analyticsなどの送信先へデータを送信できると説明されています。
GTMとGA4の役割
| ツール | 主な役割 |
|---|---|
| GTM | タグの管理・実行 |
| Googleタグ | GA4などへデータを送る |
| GA4 | データを集計・分析する |
GA4そのものの仕組みがまだよく分からない方は、**「Google Analytics(GA4)とは?」**を先に確認しておくと、GTMとの役割の違いが理解しやすくなります。
GA4のタグIDを確認する
GTMでGoogleタグを設定する前に、GA4側で使用するタグIDを確認します。
Google公式では、GA4の管理画面から、
管理 → データの収集と修正 → データストリーム → 対象のWebストリーム → Googleタグ
と進み、Googleタグの詳細からタグIDを確認する方法が案内されています。
タグIDには、
GT-XXXXXXXXXX
などが表示される場合があります。
また、GA4のWebデータストリームには、
G-XXXXXXXXXX
という測定IDもあります。
初心者の方は、GTMコンテナIDと混同しないようにしましょう。
| IDの種類 | 例 | 用途 |
|---|---|---|
| GTMコンテナID | GTM-XXXXXXX | GTMコンテナの識別 |
| GoogleタグID | GT-XXXXXXXXXなど | Googleタグの識別 |
| GA4測定ID | G-XXXXXXXXXX | GA4データストリーム |
GTMへ入力するときは、対象のGA4プロパティ・データストリームのIDであることを必ず確認しましょう。
GTMで「Googleタグ」を作成する
次に、GTM側でGoogleタグを作成します。
基本的な操作は次のとおりです。
- GTMへログインする
- 対象のコンテナを開く
- 「タグ」をクリックする
- 「新規」をクリックする
- 「タグの設定」をクリックする
- 「Googleタグ」を選択する
タグ名は、後から目的が分かるように付けましょう。
たとえば、
GA4|Googleタグ
のような名前がおすすめです。
タグが増えた場合でも、何の設定なのか判断しやすくなります。
GoogleタグにタグIDを入力する
「Googleタグ」を選択すると、タグIDを入力する項目が表示されます。
先ほどGA4側で確認したタグIDを入力します。
たとえば、
GT-XXXXXXXXXX
などです。
Google公式でも、GTMのGoogleタグ設定画面へGoogleタグIDを入力して設定する手順が案内されています。
入力するときは、
- 別のGA4プロパティのIDでないか
- 文字が欠けていないか
- GTMコンテナIDを入れていないか
- GA4側の対象サイトが正しいか
を確認しましょう。
IDを間違えると、別のGA4プロパティへデータが送信される可能性があります。
トリガーを設定する
次に、Googleタグをいつ動かすか決めるトリガーを設定します。
GA4の基本計測では、通常はサイト全体でGoogleタグを動かすため、すべてのページで発火する設定を使用します。
イメージすると、
ページを表示
↓
トリガーが反応
↓
Googleタグが発火
↓
GA4へ送信
という流れです。
トリガーを設定するときは、
- サイト全体で必要なタグか
- 一部のページだけでよいか
- 他のタグと重複していないか
を確認しましょう。
GA4の基本計測であれば、原則としてサイト内の通常ページでGoogleタグが動くように設定します。
Googleタグを保存する
タグIDとトリガーを設定したら、「保存」をクリックします。
ただし、ここで注意したいのは、
保存しただけでは本番サイトへ公開されない
という点です。
保存した段階では、GTMのワークスペース内に設定が残っている状態です。
そのため、
Googleタグ作成
↓
保存
↓
プレビュー
↓
動作確認
↓
公開
という順番で進めましょう。
プレビューでGA4タグの発火を確認する
Googleタグを保存したら、GTMの「プレビュー」を使って動作確認します。
Tag Assistantへ接続し、対象サイトを開いてGoogleタグが正常に発火しているか確認します。
確認したいポイントは次のとおりです。
- Googleタグが発火している
- ページ表示時に動いている
- 同じタグが二重発火していない
- エラーが表示されていない
- 正しいタグIDが使われている
たとえば、
ページ表示
↓
Googleタグ
↓
Fired
となっていれば、タグが発火していることを確認できます。
プレビューで動かなければ、公開せずにトリガーやタグIDなどを見直しましょう。
GA4のリアルタイムレポートで確認する
GTM側だけでなく、GA4側でもデータが届いているか確認します。
GA4では、**「レポート」→「リアルタイム」**から現在のアクセス状況を確認できます。
Google公式によると、リアルタイムレポートでは、
- 直近5分・30分のアクティブユーザー
- 表示しているページ
- イベント
- 流入元
- キーイベント
などを確認できます。
自分でサイトを開いてからGA4のリアルタイムレポートを見ると、正常にデータが届いているか判断しやすくなります。
確認の流れ
自分のサイトを開く
↓
ページを閲覧する
↓
GA4を開く
↓
レポート
↓
リアルタイム
↓
アクセスを確認
ただし、広告ブロッカー、ブラウザ設定、同意管理などの影響で、自分のアクセスが表示されない場合もあります。
そのため、GTMのプレビューとGA4のリアルタイムの両方で確認すると安心です。
確認後にコンテナを公開する
GTMとGA4の両方で問題がないことを確認したら、最後にコンテナを公開します。
基本的な流れは、
- GTM右上の「送信」をクリック
- 公開内容を確認
- バージョン名を入力
- 必要に応じて説明を書く
- 「公開」をクリック
です。
バージョン名は、
GA4 Googleタグ設定
説明には、
GA4基本計測用のGoogleタグを追加
などと書いておくとよいでしょう。
GA4設定の流れ早見表
| 手順 | 内容 |
|---|---|
| 1 | GA4でタグIDを確認 |
| 2 | GTMでGoogleタグを作成 |
| 3 | タグIDを入力 |
| 4 | トリガー設定 |
| 5 | 保存 |
| 6 | プレビュー |
| 7 | GA4リアルタイム確認 |
| 8 | 公開 |
これで、GTMを経由したGA4の基本計測ができる状態になります。
GTMでGA4イベントを設定する方法
GA4の基本計測ができたら、次はイベントを設定してみましょう。
イベントを使うと、
- ボタンがクリックされた
- 外部リンクがクリックされた
- フォームが送信された
- 資料がダウンロードされた
- 特定のページが表示された
といったユーザー行動を計測できます。
Google公式では、GTMでGA4イベントを設定する場合、
「Google アナリティクス: GA4 イベント」タグ+トリガー
を組み合わせる方法が案内されています。
基本的な流れは、
ユーザー行動
↓
トリガー
↓
GA4イベントタグ
↓
GA4へ送信
です。
GA4のイベントとは?
GA4では、Webサイトやアプリ上で発生したユーザー行動を「イベント」として記録します。
たとえば、
- ページを見る
- リンクをクリックする
- ボタンを押す
- 動画を再生する
- ファイルをダウンロードする
- 商品を購入する
などです。
GA4では、従来のUniversal Analyticsよりもイベントを中心にユーザー行動を計測する仕組みになっています。
たとえば、
affiliate_click
というイベントを設定すれば、アフィリエイトリンクがクリックされた回数をGA4で確認できます。
ただし、GA4には自動収集イベントや拡張計測イベントもあります。
そのため、すでにGA4が自動計測しているイベントをGTMで重ねて設定しないよう注意しましょう。
GTMでイベントを計測する仕組み
GTMでGA4イベントを計測するときは、
イベントタグ+トリガー
を組み合わせます。
たとえば、「公式サイトを見る」というボタンのクリックを計測する場合、
読者がボタンをクリック
↓
クリックトリガー
↓
GA4イベントタグ
↓
GA4
↓
イベントとして記録
となります。
ここで、
イベントタグ=GA4へ何を送るか
トリガー=いつ送るか
という関係になります。
GA4イベントタグを作成する
GTMでGA4イベントタグを作成します。
基本的な手順は次のとおりです。
- GTMを開く
- 「タグ」をクリック
- 「新規」をクリック
- タグ名を入力
- 「タグの設定」をクリック
- 「Google アナリティクス: GA4 イベント」を選択
タグ名は、
GA4|外部リンククリック
や、
GA4|資料請求クリック
など、目的が分かる名前にすると管理しやすくなります。
Google公式でも、GA4イベントタグを作成してから、イベントを送るタイミングを指定するトリガーを設定する手順になっています。
イベント名を設定する
次に、GA4へ送信するイベント名を入力します。
たとえば、
affiliate_click
contact_click
download_catalog
などです。
イベント名は後からGA4のレポートに表示されるため、意味が分かる名前にしましょう。
イベント名を付けるときのポイント
- 半角英数字を中心にする
- 意味が分かる名前にする
- 命名ルールを統一する
- Googleの推奨イベントがある場合は推奨名を検討する
- 不必要に似たイベント名を増やさない
たとえば、
button1
event2
test_event
では後から何を計測したのか分かりにくくなります。
affiliate_click
contact_submit
download_pdf
のように目的を表す方が管理しやすいでしょう。
トリガーを設定する
イベントタグを作成したら、イベントを送るタイミングを決めます。
たとえば、資料請求ボタンをクリックしたときにイベントを送る場合は、
Click Text
含む
資料請求
という条件を設定できます。
Google公式でも、ニュースレター登録ボタンを例に、
Click Text → 含む → ボタンの文字
という条件でGA4イベントを送信する方法が案内されています。
ただし、同じ文字のボタンが複数ある場合は、Click Textだけでは正確に判別できないことがあります。
その場合は、
- Click URL
- Click ID
- Click Classes
- Page URL
などを組み合わせます。
ボタンクリックを計測する例
たとえば、ブログ記事内に、
「無料で資料請求する」
というボタンがあるとします。
これをGA4で計測する場合は、次のように設定できます。
タグ
タグタイプ:
Google アナリティクス: GA4 イベント
イベント名:
request_document_click
トリガー
クリック
↓
すべての要素
↓
一部のクリック
Click Text
含む
資料請求
すると、
読者が資料請求ボタンをクリック
↓
条件一致
↓
GA4イベントタグ発火
↓
GA4へ送信
となります。
Google公式でも、ボタンなどのクリックを測定する場合、「すべての要素」タイプのクリックトリガーを利用できます。
外部リンククリックを計測する例
次に、外部サイトへのリンククリックを計測してみましょう。
たとえばAmazonへのリンクだけを計測したい場合、
イベント名
affiliate_click
トリガー条件
Click URL
含む
amazon.co.jp
といった設定が考えられます。
流れは、
Amazonリンクをクリック
↓
Click URLを確認
↓
amazon.co.jpが含まれる
↓
トリガー成立
↓
affiliate_clickをGA4へ送信
となります。
同じ方法で、
- 楽天市場
- 公式販売サイト
- サービス申込ページ
- 外部予約サイト
などのリンククリックも計測できます。
ただし、GA4の拡張計測では外部リンククリックを自動計測できる場合があります。
そのため、GTMで独自イベントを追加する前に、GA4側で同じクリックがすでに計測されていないか確認しましょう。
プレビューでイベント発火を確認する
イベントタグを保存したら、公開前にプレビューで確認します。
たとえば、
affiliate_click
を作った場合は、
- GTMのプレビューを開始
- サイトへ接続
- 対象の外部リンクをクリック
- Tag Assistantへ戻る
- GA4イベントタグが発火したか確認
という流れです。
確認ポイント
- 正しいクリックで発火する
- 関係ないクリックでは発火しない
- 同じクリックで2回発火しない
- イベント名が正しい
- トリガー条件が正しい
想定していない場所でもタグが動く場合は、公開前にトリガー条件を修正しましょう。
GA4側でイベントを確認する
GTMでタグが発火したら、GA4側でもイベントが届いているか確認します。
まずはGA4のリアルタイムレポートを使うと分かりやすいでしょう。
リアルタイムレポートでは「イベント数(イベント名)」を確認できます。
たとえば、
affiliate_click
を実行したあと、そのイベント名がリアルタイムに表示されるか確認します。
通常のイベントレポートでは反映まで時間がかかることがあるため、設定直後の確認はリアルタイムやデバッグ用の確認機能を利用するのが便利です。
GA4イベント設定の基本手順
| 手順 | 内容 |
|---|---|
| 1 | 計測したい行動を決める |
| 2 | GA4イベントタグを作成 |
| 3 | イベント名を設定 |
| 4 | トリガーを作成 |
| 5 | タグを保存 |
| 6 | プレビュー |
| 7 | 実際にクリック |
| 8 | 発火を確認 |
| 9 | GA4でイベント確認 |
| 10 | 問題なければ公開 |
初心者の方は、最初からたくさんのイベントを作る必要はありません。
まずは、
- 問い合わせ
- 資料請求
- 重要な外部リンク
- アフィリエイトリンク
など、サイト運営で本当に知りたい行動だけを計測するところから始めるとよいでしょう。
イベントを増やしすぎると、GA4のレポートが分かりにくくなります。
「このイベントを計測することで、サイト改善に役立つか」を考えてから設定することが大切です。
Googleタグマネージャーのプレビュー・デバッグ方法
Googleタグマネージャー(GTM)でタグやトリガーを設定したら、すぐに公開するのではなく、まずプレビューとデバッグを行います。
プレビューを使うと、まだ本番公開していない現在のワークスペースの設定を一時的に反映した状態でWebサイトを確認できます。
Google公式でも、プレビューとデバッグモードを使うことで、タグがどの順番で配信されたか、どのデータが処理されたかなどを公開前に確認できると説明されています。
基本的な確認の流れは次のとおりです。
- プレビューを開始する
- Tag Assistantへ接続する
- Webサイトで実際に操作する
- 発火したタグを確認する
- 発火しなかったタグを確認する
- トリガー条件を確認する
- 変数の値を確認する
- 問題がなければ公開する
プレビュー機能とは
GTMのプレビュー機能とは、現在作成中のタグやトリガーを本番公開する前に試せる機能です。
たとえば、
「AmazonリンクがクリックされたときにGA4イベントを送る」
というタグを作ったとします。
そのまま公開するのではなく、
タグを作成
↓
プレビュー
↓
Amazonリンクをクリック
↓
タグが正しく発火するか確認
↓
問題なければ公開
という順番で確認します。
Google公式では、プレビュー中の設定は同じブラウザ上のデバッグ環境で確認でき、通常のサイト訪問者にはそのプレビュー状態は表示されません。
プレビューを使うメリット
- 公開前に設定ミスを発見できる
- 誤ったタグ発火を防ぎやすい
- トリガー条件を確認できる
- 変数に入っている値を確認できる
- 本番データへの影響を抑えられる
GTMでは、**「作ったら公開」ではなく「作ったらプレビュー」**と覚えておくとよいでしょう。
Tag Assistantを起動する
プレビューを開始すると、GoogleのTag Assistantが起動します。
基本的な手順は次のとおりです。
- GTM管理画面を開く
- 対象のコンテナを開く
- 「ワークスペース」を表示する
- 右上の「プレビュー」をクリックする
- Tag Assistantが新しいタブで開く
- 確認したいサイトURLを入力する
- 「接続」をクリックする
Google公式でも、この手順でTag Assistantを起動してWebサイトへ接続する方法が案内されています。
接続が成功すると、対象サイトが別ウィンドウまたはタブで開き、画面右下などに**「接続済み」**と表示されます。
その後、Tag Assistant側へ戻ってデバッグ画面を確認します。
発火したタグを確認する
Tag Assistantでは、どのタグが実際に発火したかを確認できます。
たとえば、GA4のGoogleタグをすべてのページで発火する設定にしている場合、ページを表示したときに対象タグが実行されているか確認します。
イメージは次のとおりです。
ページ表示
↓
イベント発生
↓
トリガー条件に一致
↓
Googleタグ発火
また、ボタンクリック用イベントなら、
資料請求ボタンをクリック
↓
Clickイベント発生
↓
GA4イベントタグ発火
となっているか確認します。
発火したタグで確認したいこと
- 想定したタグが発火しているか
- 正しいイベントで発火しているか
- 同じタグが複数回動いていないか
- 不要なタグまで発火していないか
「発火した」というだけではなく、正しいタイミングで発火しているかまで確認することが大切です。
発火しなかったタグを確認する
Tag Assistantでは、発火したタグだけでなく、発火しなかったタグも確認することが重要です。
たとえば、
「資料請求ボタンをクリックしたのにイベントタグが発火しなかった」
場合は、設定に問題がある可能性があります。
発火しなかった原因には、
- トリガー条件が一致していない
- Click Textが想定と違う
- Click URLが違う
- 対象ページが条件外になっている
- 変数が有効になっていない
- タグそのものの設定が不完全
などがあります。
具体例
設定:
Click Text
等しい
資料請求
実際のボタン:
無料で資料請求する
この場合、完全一致を条件にしていると発火しない可能性があります。
その場合は、
Click Text
含む
資料請求
のように条件を見直します。
発火しなかったタグを見ることで、**「なぜ動かなかったのか」**を調べやすくなります。
トリガー条件を確認する
タグが正しく動かない場合は、まずトリガーを確認しましょう。
トリガーは、
変数 + 条件 + 値
の組み合わせで判定することがあります。
たとえば、
Click URL
含む
amazon.co.jp
なら、
- 変数:Click URL
- 条件:含む
- 値:amazon.co.jp
となります。
トリガーでよく確認する項目
| 項目 | 確認内容 |
|---|---|
| Page URL | 正しいページか |
| Click URL | 正しいリンク先か |
| Click Text | 実際の文字と一致するか |
| Click ID | 対象要素のIDが正しいか |
| Click Classes | CSSクラスが一致するか |
たとえば外部リンク計測で、
Click URL
含む
rakuten.co.jp
としているのに、実際のリンクが別のリダイレクトURLを経由している場合、条件が一致しないことがあります。
その場合は、Tag Assistantで実際の変数値を確認してから条件を決める方が確実です。
変数の値を確認する
Tag Assistantでは、そのイベント発生時に変数へどのような値が入っていたか確認できます。
たとえば、リンククリック時には、
- Click URL
- Click Text
- Click ID
- Click Classes
- Page URL
などを確認できます。
具体例として、「公式サイトを見る」というリンクをクリックした場合、
Click Text
=
公式サイトを見る
Click URL
=
https://example.com/
といった値が入っているか確認します。
この確認は非常に重要です。
なぜなら、GTMの設定時に自分が想像した値と、実際に取得される値が異なることがあるからです。
変数確認が役立つ場面
- クリックタグが発火しない
- 同じボタンが複数ある
- 外部リンクを区別したい
- 特定ページだけ計測したい
- トリガー条件を細かく設定したい
初心者の方は、**「うまく動かないときは変数を見る」**と覚えておくとよいでしょう。
エラーがある状態で公開しない
プレビューで想定外の動きがあった場合は、そのまま公開しないようにしましょう。
たとえば、
- 必要なタグが発火しない
- 関係ないページでも発火する
- 同じイベントが2回発火する
- トリガー条件が広すぎる
- 間違ったGA4タグIDを使っている
といった状態です。
誤った設定を公開すると、
- GA4イベント数が水増しされる
- コンバージョン数が不正確になる
- 広告計測に影響する
- アクセス解析データの信頼性が下がる
可能性があります。
公開前チェック
- 必要なタグだけ発火している
- 発火回数が正しい
- トリガー条件が正しい
- 変数に想定した値が入っている
- タグIDが正しい
- 二重計測がない
問題がある場合は、タグやトリガーを修正してから再度プレビューしましょう。
確認後に本番公開する
プレビューで問題がないことを確認したら、本番公開へ進みます。
Google公式でも、まずタグを検証し、その後に公開する流れが案内されています。
流れは、
タグ設定
↓
保存
↓
プレビュー
↓
デバッグ
↓
問題なし
↓
送信
↓
公開
です。
ここまで確認して初めて、一般の訪問者にも新しいGTM設定が反映されます。
Googleタグマネージャーでコンテナを公開する方法
GTMでは、タグやトリガーを作って「保存」しただけでは本番サイトに反映されません。
最後にコンテナを公開する作業が必要です。
Google公式では、ワークスペース右上の「送信」から「バージョンの公開と作成」を選び、名前と説明を入力して公開する手順が案内されています。
「公開」と「保存」の違い
GTM初心者が特に間違えやすいのが、「保存」と「公開」の違いです。
保存
タグやトリガーなどの設定を、現在のワークスペースに保存します。
公開
保存した変更内容を、実際のWebサイトで動く本番コンテナへ反映します。
つまり、
保存
=
作業内容を残す
公開
=
本番サイトへ反映
という違いです。
Google公式でも、公開せずにバージョンだけ保存する「バージョンを作成」と、サイトへ反映する「バージョンの公開と作成」は分けられています。
保存と公開の違い
| 操作 | 本番反映 | 用途 |
|---|---|---|
| タグを保存 | × | 編集内容を保存 |
| バージョンを作成 | × | 現在の状態を記録 |
| バージョンの公開と作成 | ○ | 本番へ反映 |
「送信」をクリックする
プレビューで問題がないことを確認したら、GTM管理画面へ戻ります。
ワークスペース右上にある**「送信」**をクリックします。
Google公式でも、公開手順の最初に「送信」をクリックするよう案内されています。
その後、
「バージョンの公開と作成」
が選択されていることを確認します。
もし、
「バージョンを作成」
だけを選んだ場合は、履歴として保存されるだけで、サイトには公開されません。
バージョン名を入力する
次に、バージョン名を入力します。
バージョン名は、後から見たときに「何を変更したのか」が分かる名前にします。
たとえば、
GA4 Googleタグ初回設定
Amazonリンククリック計測追加
お問い合わせイベント修正
などがおすすめです。
Google公式でも、バージョン名と説明には変更内容が分かる名称を付けることが推奨されています。
避けたい名前は、
修正
テスト
最新版
などです。
これでは数か月後に見ても何を変更したのか分かりません。
変更内容を記録する
バージョン名だけでなく、「説明」に具体的な変更内容を書いておくと便利です。
たとえば、
バージョン名
外部リンク計測追加
説明
Amazon・楽天への外部リンククリックをGA4イベントとして計測するタグとトリガーを追加
と記録します。
また、Google公式では「アクティビティ履歴」を確認することで、前のバージョン以降にどのような変更を行ったか確認できます。
記録しておきたい内容
- 追加したタグ
- 修正したトリガー
- 削除したタグ
- GA4イベント名
- 計測対象
- 修正理由
この習慣を付けておくと、後で問題が発生したときに原因を調べやすくなります。
「公開」をクリックする
バージョン名・説明・変更内容を確認したら、最後に**「公開」**をクリックします。
これで現在のワークスペースの変更が本番サイトへ反映されます。
Google公式では、公開するとそのコンテナのバージョンが記録され、後からバージョン履歴を確認できます。
公開前にもう一度、
- 正しいコンテナか
- 不要なタグが含まれていないか
- プレビュー確認済みか
- バージョン名を書いたか
を確認すると安心です。
公開後にサイトを確認する
公開したら、それで完全に終了ではありません。
本番サイトでも正しく動いているか確認しましょう。
特に、
- GA4のリアルタイムレポート
- Tag Assistant
- 対象イベント
- コンバージョン計測
などを確認します。
たとえばAmazonリンククリックを追加した場合は、
本番サイトを開く
↓
Amazonリンクをクリック
↓
GA4リアルタイムを確認
↓
affiliate_clickを確認
という方法があります。
公開直後に本番環境を確認することで、プレビューでは気づかなかった問題を早めに発見できます。
バージョン履歴を残すメリット
GTMでは、コンテナを公開するたびにバージョンが記録されます。
Google公式では、バージョン画面から、
- いつ公開されたか
- 誰が公開したか
- どのバージョンが公開済みか
を確認できます。
さらに、過去に保存したバージョンを確認したり、以前の状態を元に新しいドラフトへ戻したりすることもできます。
バージョン履歴のメリット
- 変更内容を後から確認できる
- 問題発生時に原因を探しやすい
- 過去の設定と比較できる
- 複数人で管理しやすい
- 以前の状態を参考に復旧しやすい
たとえば、
バージョン10
正常
↓変更
バージョン11
イベントが二重計測
となった場合、バージョン10と11の違いを確認することで、どの変更が原因だったのか調べやすくなります。
プレビューから公開までの最終チェック表
| 手順 | 確認内容 |
|---|---|
| 1 | タグを保存 |
| 2 | プレビュー開始 |
| 3 | Tag Assistant接続 |
| 4 | 発火タグを確認 |
| 5 | 未発火タグを確認 |
| 6 | トリガー条件確認 |
| 7 | 変数確認 |
| 8 | 「送信」をクリック |
| 9 | バージョン名・説明入力 |
| 10 | 「公開」 |
| 11 | 本番サイトで再確認 |
GTMでは、タグを作ることよりも「確認してから公開すること」が重要です。
設定を変更するたびに、
保存 → プレビュー → デバッグ → 公開 → 本番確認
という流れを習慣にすると、誤計測や設定ミスを防ぎやすくなります。
Googleタグマネージャーでよく使うタグ
Googleタグマネージャー(GTM)では、目的に応じてさまざまなタグを利用できます。
初心者の方がよく使うのは、主に次のようなタグです。
- Googleタグ
- Google Analytics:GA4イベントタグ
- Google広告コンバージョンタグ
- コンバージョンリンカー
- カスタムHTMLタグ
- 第三者サービスのタグ
すべてを最初から使う必要はありません。
まずは、**「何を計測したいのか」**を決め、その目的に必要なタグだけを設定することが大切です。
Google公式でも、GTMではGoogleサービス用タグだけでなく、第三者サービスのタグやカスタムタグも管理できると説明されています。
Googleタグ
Googleタグは、Google AnalyticsやGoogle広告など、Googleの計測サービスへデータを送信するための基本となるタグです。
GA4をGTM経由で設定する場合にも利用します。
たとえば、
Webサイト
↓
GTM
↓
Googleタグ
↓
GA4
という流れでアクセスデータを送信できます。
Googleタグは、サイト全体で動かす基本的な計測タグとして使われることが多く、GA4のページ表示や各種イベント計測の土台になります。
Googleタグの主な用途
- GA4の基本計測
- Google広告との連携
- Googleサービスへのデータ送信
- イベント計測の基礎設定
初心者の場合は、まずこのGoogleタグを正しく設定できることが重要です。
Google Analytics GA4イベントタグ
「Google Analytics:GA4イベント」タグは、Webサイト上で発生した特定の行動をGA4へ送信するときに使います。
たとえば、
- ボタンクリック
- 資料請求
- 外部リンククリック
- フォーム送信
- PDFダウンロード
などです。
Google公式でも、GTMでGA4イベントを設定する場合は、GA4イベントタグを作成し、イベントを送信するタイミングをトリガーで指定する方法が案内されています。
たとえば、
イベント名
affiliate_click
トリガー
Click URL に amazon.co.jp を含む
と設定すると、
Amazonリンクをクリック
↓
トリガー成立
↓
GA4イベントタグ発火
↓
GA4へ affiliate_click を送信
という流れになります。
GA4イベントタグで計測できる例
| 計測内容 | イベント名の例 |
|---|---|
| 問い合わせ | contact_submit |
| 資料請求 | document_request |
| 外部リンク | outbound_click |
| 商品リンク | affiliate_click |
| PDF取得 | file_download |
イベント名は、後から見ても意味が分かるように統一しておきましょう。
Google広告コンバージョンタグ
Google広告コンバージョンタグは、Google広告をクリックしたユーザーが、その後Webサイト上で成果につながる行動をしたか計測するためのタグです。
たとえば、
- 商品購入
- 問い合わせ
- 資料請求
- 会員登録
- 電話発信
などをコンバージョンとして計測できます。
イメージすると、
Google広告をクリック
↓
Webサイトへ訪問
↓
問い合わせ完了
↓
コンバージョンタグ発火
↓
Google広告へ成果を送信
となります。
Google広告を利用していない場合は、無理に設定する必要はありません。
初心者の方は、まずGA4の基本計測を理解してから、広告運用を始めた段階で設定するとよいでしょう。
コンバージョンリンカータグ
コンバージョンリンカーは、広告クリックの情報と、その後に発生したコンバージョンを正しく関連付けるために使われるタグです。
たとえば、ユーザーがGoogle広告をクリックすると、ランディングページURLに広告クリックに関する情報が含まれる場合があります。
コンバージョンリンカーは、その情報をファーストパーティCookieなどに保存し、後からコンバージョンが発生したときに関連付ける役割を持ちます。
ただし、現在のGoogle公式では、すべてのページでGoogleタグを読み込んでいるコンテナでは、別途コンバージョンリンカータグが不要な場合があります。 また、Google広告タグやFloodlightタグを使う場合も、Googleタグが自動的に先に読み込まれる仕組みがあります。
そのため、古い記事を見て「必ずコンバージョンリンカーを追加しなければならない」と考えないようにしましょう。
コンバージョンリンカーの確認ポイント
- Google広告を利用しているか
- Googleタグが全ページで動いているか
- 既存設定と重複しないか
- Google公式の最新手順を確認したか
カスタムHTMLタグ
カスタムHTMLタグは、GTMに標準テンプレートが用意されていないHTMLやJavaScriptコードを設置するときに使います。
たとえば、外部サービスから、
このJavaScriptコードをサイトに設置してください
と指定された場合に利用することがあります。
Google公式では、カスタムHTMLタグを使うことで、GTMで標準サポートされていないタグを実装できると説明されています。
ただし、自由度が高い分、注意も必要です。
カスタムHTMLでは、
- JavaScript
- 外部サービスのスクリプト
- 独自のHTML
- 計測コード
などを実行できます。
つまり、間違ったコードを入れると、サイト表示や計測に影響する可能性があります。
第三者サービスのタグ
GTMでは、Google以外のサービスが提供するタグも管理できます。
Google公式でも、多くの第三者タグがテンプレートとしてサポートされており、さらにコミュニティテンプレートギャラリーも用意されています。
たとえば、
- 広告サービス
- ヒートマップ
- マーケティングツール
- CRM関連サービス
- アクセス解析サービス
などがあります。
第三者タグを使う場合は、
- 公式テンプレートがあるか
- コミュニティテンプレートがあるか
- 信頼できる提供元か
- どのデータを送信するか
を確認しましょう。
特に個人情報やユーザーデータを扱うサービスでは、プライバシーポリシーや同意管理も重要になります。
初心者がむやみにカスタムHTMLを使わない方がよい理由
カスタムHTMLタグは便利ですが、初心者の方が最初から多用するのはおすすめできません。
Google公式でも、パフォーマンスやマルウェアなどの問題を避けるため、GTMに組み込まれているタグテンプレートを優先することが推奨されています。
理由は主に次のとおりです。
- JavaScriptの知識が必要になる
- コードミスで不具合が起こる可能性がある
- ページ表示速度に影響する場合がある
- 悪意のあるコードを実行する危険がある
- 管理が複雑になりやすい
たとえばGA4を設定したいだけなら、カスタムHTMLで独自コードを書くより、
「Googleタグ」
を使った方が管理しやすく、安全です。
第三者サービスでも専用テンプレートが用意されている場合は、まずそちらを優先しましょう。
よく使うタグ早見表
| タグ | 主な用途 | 初心者向け |
|---|---|---|
| Googleタグ | GA4などの基本計測 | ◎ |
| GA4イベントタグ | クリックなどの計測 | ◎ |
| Google広告コンバージョン | 広告成果計測 | ○ |
| コンバージョンリンカー | 広告クリック情報の連携 | △ |
| カスタムHTML | 独自コード | △ |
| 第三者タグ | 外部サービス連携 | ○ |
初心者の方は、まずGoogleタグとGA4イベントタグから覚えるとよいでしょう。
Googleタグマネージャーでよくある失敗と注意点
GTMは便利なツールですが、設定方法を間違えると、GA4のアクセス数やイベント数が正しく計測されないことがあります。
特に初心者が注意したいのは、
- 二重設置
- 公開忘れ
- トリガー設定ミス
- ID間違い
- 不要タグの放置
などです。
一つずつ確認していきましょう。
GTMコードを二重に設置している
GTMでよくある失敗のひとつが、同じコンテナコードを複数の方法で設置してしまうことです。
たとえば、
Cocoon設定
↓
GTM-ABCDEFG
+
GTM用プラグイン
↓
GTM-ABCDEFG
という状態です。
また、
Cocoon
+
header.phpへ直接記述
という二重設置も避けましょう。
二重設置を防ぐために確認する場所
- WordPressテーマ設定
- GTM用プラグイン
- header.php
- カスタムコード
- 過去に追加したスクリプト
GTMは1つの方法に統一して設置することが基本です。
GA4を直接設置しながらGTMでも設定している
GTMそのものが1つしかなくても、GA4を二重に設定してしまうことがあります。
たとえば、
WordPressテーマ
↓
GA4
+
GTM
↓
Googleタグ
↓
同じGA4
という状態です。
この場合、ページ表示やイベントが重複して送信される可能性があります。
その結果、
- ページビューが多く見える
- イベント数が増える
- コンバージョンが重複する
- 分析データが信用しにくくなる
ことがあります。
GTMへGA4を移行する場合は、現在どこからGA4を読み込んでいるか確認してから設定しましょう。
タグを保存しただけで公開していない
GTMでは、タグを「保存」しても本番サイトには反映されません。
Google公式でも、ワークスペースで変更したタグ・トリガー・変数を実際のサイトで有効にするには、コンテナを公開する必要があると説明されています。
つまり、
保存
=
GTM内に記録
公開
=
Webサイトへ反映
です。
よくある失敗は、
タグ作成
↓
保存
↓
終わったと思う
というケースです。
正しくは、
タグ作成
↓
保存
↓
プレビュー
↓
確認
↓
送信
↓
公開
まで行います。
トリガーを設定していない
タグを作成しても、トリガーがなければ「いつ発火するのか」が決まりません。
Google公式でも、タグにはイベント送信の条件となるトリガーを設定する必要があります。GA4イベントタグでも、イベントを送るタイミングをトリガーで指定します。
たとえば、
GA4|資料請求クリック
というタグを作っただけでは不十分です。
Click Text
含む
資料請求
といったトリガーを設定して、初めて対象クリック時にタグが動きます。
確認すること
- トリガーが設定されているか
- 発火条件が正しいか
- 条件が狭すぎないか
- 条件が広すぎないか
タグID・測定IDを間違えている
GTMでは似た形式のIDが複数登場するため、入力ミスにも注意が必要です。
たとえば、
| ID | 例 | 用途 |
|---|---|---|
| GTMコンテナID | GTM-ABCDEFG | GTM |
| GoogleタグID | GT-XXXXXXXX | Googleタグ |
| GA4測定ID | G-XXXXXXXXXX | GA4 |
Google公式でも、GTM-から始まるコンテナIDでは幅広いタグタイプを実行できる一方、G-やAW-などはGoogleサービス向けのコンテナとして扱われると説明されています。
コピーするときは、
先頭の「GTM-」「GT-」「G-」まで確認する
習慣を付けましょう。
プレビューせずに公開している
タグを作ってすぐ公開してしまうのも、よくある失敗です。
プレビューを行わずに公開すると、
- タグが発火しない
- 関係ないページでも発火する
- 二重発火する
- イベント名が間違っている
- トリガー条件が間違っている
といった問題に気づかないまま本番へ反映される可能性があります。
Google公式でも、GA4イベントの設定手順では、公開前にプレビューとTag Assistantで確認する流れが案内されています。
そのため、
保存 → プレビュー → 発火確認 → 公開
を基本ルールにしましょう。
不要になったタグを残している
サイト運営を続けていると、過去に使っていたタグが不要になることがあります。
たとえば、
- 終了した広告キャンペーン
- 利用をやめた解析サービス
- 古いイベント計測
- テスト用タグ
などです。
不要なタグをそのまま残しておくと、
- 管理画面が見づらくなる
- 何のタグか分からなくなる
- 誤って再利用する
- 不要な外部通信が残る
可能性があります。
ただし、意味が分からないタグをむやみに削除するのも危険です。
まず、
- 何のためのタグか
- 現在発火しているか
- 他のタグから依存されていないか
を確認してから整理しましょう。
タグ名が分かりにくく管理できなくなる
タグが少ないうちは問題ありませんが、数が増えると名前の付け方が重要になります。
たとえば、
タグ1
タグ2
テスト
新しいタグ
では、後から見ても目的が分かりません。
おすすめは、
サービス名|計測内容
という形式です。
分かりやすい例
GA4|Googleタグ
GA4|お問い合わせクリック
GA4|Amazonリンククリック
Ads|購入コンバージョン
分かりにくい例
タグA
タグB
修正版
最新版
タグ名だけでなく、トリガーや変数にも一定の命名ルールを作ると管理しやすくなります。
WordPressテーマ変更で設定が消える場合がある
WordPressテーマの機能を使ってGTMを設置している場合は、テーマ変更時に注意が必要です。
たとえば、
Cocoon設定
↓
GTMコンテナIDを入力
という方法で設置していた場合、別テーマへ変更すると、Cocoon側の設定から出力されていたGTMコードがサイト上に出なくなる可能性があります。
また、親テーマのheader.phpなどへ直接GTMコードを書いていた場合も、テーマ変更や更新によってコードがなくなる可能性があります。
そのため、テーマ変更前には、
- 現在どこにGTMを設置しているか
- GTMコンテナID
- GA4設定方法
- 使用中のプラグイン
- タグの発火状況
を記録しておきましょう。
テーマ変更後は、Tag Assistantなどを利用してGTMが正しく読み込まれているか再確認することが大切です。
GTMでよくある失敗早見表
| 失敗 | 起こる問題 | 対策 |
|---|---|---|
| GTM二重設置 | 重複処理 | 設置方法を1つに統一 |
| GA4二重設置 | データ重複 | 既存設定を確認 |
| 公開忘れ | 本番反映されない | 「送信」→「公開」 |
| トリガーなし | タグが動かない | 発火条件を設定 |
| ID間違い | 別プロパティへ送信 | ID先頭まで確認 |
| プレビューなし | ミスを見逃す | 公開前に確認 |
| 不要タグ放置 | 管理が複雑 | 定期的に整理 |
| 名前が不明確 | 判別できない | 命名ルールを統一 |
| テーマ変更 | GTMが消える | 変更後に再確認 |
GTMでは、設定を増やすことよりも、現在のタグ構成を把握して整理することが重要です。
特に初心者の方は、
1つ設定する → プレビューする → 公開する → 本番で確認する
という流れを繰り返し、少しずつタグを増やしていくとよいでしょう。
Googleタグマネージャーのおすすめ管理方法
Googleタグマネージャー(GTM)は、タグが少ないうちは簡単に管理できますが、運用期間が長くなると、タグ・トリガー・変数が増えて複雑になりやすくなります。
そのため、最初から一定の管理ルールを決めておくことが大切です。
特に意識したいのは、
- タグ名を統一する
- トリガー名を統一する
- 公開前に必ず確認する
- バージョン名を記録する
- 不要なタグを整理する
- ユーザー権限を管理する
- 設定目的を記録する
という点です。
Google公式でも、ワークスペースやバージョンを使う際には、変更内容が分かる一貫した名前や説明を付けることが推奨されています。
タグ名に一定のルールを作る
タグが増えてくると、名前だけで何を計測しているのか分かるようにしておくことが重要です。
たとえば、
タグ1
タグ2
テスト
新規タグ
のような名前では、数か月後に見ても用途が分かりません。
おすすめは、
サービス名|計測内容
という形です。
タグ名の例
GA4|Googleタグ
GA4|お問い合わせクリック
GA4|Amazonリンククリック
Ads|購入コンバージョン
さらに細かく管理する場合は、
GA4|Click|資料請求
GA4|Click|外部リンク
のように種類まで入れてもよいでしょう。
タグ名で意識したいこと
- 目的がすぐ分かる
- 表記方法を統一する
- 「最新版」「修正版」など曖昧な名前を避ける
- サービス名を先頭に付ける
タグが10個、20個と増えても一覧から目的を判断しやすくなります。
トリガー名にもルールを作る
タグだけでなく、トリガーにも分かりやすい名前を付けましょう。
たとえば、
クリック1
リンク2
テスト
では、どのタグで使用するトリガーなのか分かりにくくなります。
おすすめは、
トリガー種類|条件
という形式です。
トリガー名の例
Click|Amazonリンク
Click|資料請求ボタン
PageView|お問い合わせ完了
PageView|全ページ
このようにすると、
「どの操作をきっかけに発火するのか」
が名前だけで判断できます。
命名ルール例
| 種類 | 名前の例 |
|---|---|
| 全ページ | PageView|All Pages |
| 特定ページ | PageView|Contact |
| ボタン | Click|資料請求 |
| 外部リンク | Click|Amazon |
| フォーム | Form|お問い合わせ |
タグ・トリガー・変数で同じルールを使うと、さらに管理しやすくなります。
変更前にプレビューする
GTMでは、タグやトリガーを変更したら、公開前にプレビューで動作確認する習慣を付けましょう。
たとえば、
「Amazonリンククリックの条件を変更した」
場合は、
トリガー修正
↓
保存
↓
プレビュー
↓
実際にリンクをクリック
↓
タグ発火確認
↓
公開
という流れにします。
確認したいポイントは、
- 必要なタグが発火する
- 関係ない操作では発火しない
- 二重発火していない
- トリガー条件が正しい
- 変数に正しい値が入っている
ことです。
GTMのワークスペースは、変更内容をテストしてから公開するための作業場所として利用できるとGoogle公式でも説明されています。
公開時にバージョン名を記録する
GTMでは、公開するたびにバージョンが作成されます。
このとき、
バージョン12
だけでは、後から何を変更したのか分かりません。
そこで、公開時には具体的なバージョン名を入力しましょう。
良い例
GA4外部リンククリック追加
お問い合わせイベント条件修正
Googleタグ初期設定
さらに説明欄には、
Amazon・楽天の外部リンククリック計測を追加
など、変更内容を具体的に記録します。
Google公式でも、バージョン名と説明には変更内容が分かる名称を付けることが推奨されています。
不要なタグを定期的に整理する
サイトを長期間運営していると、不要になったタグが増えることがあります。
たとえば、
- 終了したキャンペーン
- 使わなくなった広告タグ
- テスト用タグ
- 古いアクセス解析タグ
- 廃止したサービスのタグ
などです。
不要なタグを残し続けると、
- 一覧が見づらくなる
- 誤って編集する
- 何のタグか分からなくなる
- 不要な通信が残る
可能性があります。
ただし、意味が分からないタグをすぐ削除するのは避けましょう。
削除前に確認すること
- 現在発火しているか
- 何のサービスに使っているか
- 他の設定と関係していないか
- 過去のバージョンで確認できるか
必要なら、一度停止・整理してから削除する方法もあります。
複数人で管理するときは権限を確認する
会社やチームでGTMを管理する場合は、ユーザー権限の設定が重要です。
GTMでは、アカウントやコンテナごとに、
- 読み取り
- 編集
- 承認
- 公開
などの権限を設定できます。
たとえば、
| 担当者 | 権限例 |
|---|---|
| サイト管理者 | 公開 |
| マーケティング担当 | 編集 |
| 外部確認担当 | 読み取り |
という形で分けることができます。
全員に「公開」権限を与えると、誤操作で本番環境へ反映されるリスクが高くなります。
またGoogle公式では、管理者が1人だけの場合、その人が利用できなくなるとアカウントへアクセスできなくなる可能性があるため、複数の管理者を用意することも案内されています。
どのタグを何のために設定したか記録する
GTM内の名前だけでなく、別途簡単な管理表を作っておくと便利です。
たとえば、スプレッドシートなどに次の内容を記録します。
| タグ名 | 目的 | トリガー | 送信先 |
|---|---|---|---|
| GA4|Googleタグ | 基本計測 | 全ページ | GA4 |
| GA4|Amazonクリック | 商品リンク計測 | Click URL | GA4 |
| GA4|お問い合わせ | 問い合わせ計測 | 送信完了 | GA4 |
さらに、
- 作成日
- 更新日
- 担当者
- イベント名
- 使用中・停止中
などを記録してもよいでしょう。
こうしておくと、
「このタグは削除してよいのか?」
と迷ったときに判断しやすくなります。
GTM管理ルール早見表
| 管理項目 | おすすめ方法 |
|---|---|
| タグ名 | サービス名+目的 |
| トリガー名 | 種類+条件 |
| 公開前 | 必ずプレビュー |
| 公開時 | バージョン名・説明 |
| 不要タグ | 定期的に整理 |
| 権限 | 必要最小限 |
| 設定内容 | 管理表に記録 |
GTMは、**設定そのものよりも「後から分かる状態を維持すること」**が長期運用では重要です。
GTM・GA4・Search Consoleの違いと使い分け
GTM、Google Analytics 4(GA4)、Google Search Consoleは、いずれもWebサイト運営でよく使われるGoogleのツールですが、役割はそれぞれ異なります。
簡単に整理すると、
GTM=計測を設定する
GA4=サイト内の行動を分析する
Search Console=Google検索からの流入を分析する
という違いがあります。
3つを組み合わせると、
検索前 → サイト流入 → サイト内行動
まで幅広く把握できるようになります。
GTMはタグを管理するツール
GTMは、GA4やGoogle広告などの計測タグを管理するためのツールです。
主な役割は、
- タグを作成する
- タグを管理する
- 発火条件を設定する
- クリックを計測する
- イベントをGA4へ送る
ことです。
たとえば、
資料請求ボタンをクリック
↓
GTMが検知
↓
GA4イベントタグ発火
↓
GA4へデータ送信
という仕組みを作ります。
つまり、GTM自身がアクセス数や検索順位を分析するわけではありません。
「どのデータを、いつ送るかを管理するツール」
と理解すると分かりやすいでしょう。
GA4はユーザー行動を分析するツール
GA4は、Webサイトやアプリへ訪れたユーザーの行動を分析するツールです。
たとえば、
- ユーザー数
- セッション
- ページ閲覧
- 流入経路
- イベント
- エンゲージメント
- コンバージョン
などを確認できます。
GA4にはユーザーやオーディエンスを分析するレポートも用意されており、Webサイト内でどのように利用されているかを把握できます。
たとえば、
「Google検索から来た人が、どの記事を読み、その後どのボタンを押したか」
といったサイト内行動を分析するのがGA4の役割です。
Search ConsoleはGoogle検索を分析するツール
Google Search Consoleは、Google検索で自分のサイトがどのように表示されているかを確認するためのツールです。
主に確認できるのは、
- 検索クエリ
- クリック数
- インプレッション数
- CTR
- 平均掲載順位
- インデックス状況
- クロール状況
などです。
たとえば、
「Googleタグマネージャー 初心者」
という検索キーワードで、
- 何回表示されたか
- 何回クリックされたか
- 平均順位は何位か
を確認できます。
GA4がサイトに入った後を見るのに対し、Search Consoleは主にGoogle検索からサイトへ入る前後を分析するツールと考えると分かりやすいでしょう。
3つを組み合わせると何が分かる?
GTM・GA4・Search Consoleを組み合わせると、検索からサイト内行動まで一連の流れを分析できます。
たとえば、
Google検索
↓
Search Console
「どんなキーワードから来た?」
↓
Webサイト
↓
GA4
「どの記事を読んだ?」
↓
GTM
「商品リンクをクリックした?」
という形で確認できます。
具体例
ある記事が、
「オクラ 固い 食べ方」
という検索キーワードで多く表示されているとします。
Search Consoleを見ると、
- 表示回数が多い
- クリック率が低い
ことが分かりました。
そこでタイトルを改善するとクリック数が増えます。
次にGA4を見ると、
- 記事へのアクセスは増えた
- 滞在や閲覧状況も良い
ことが分かります。
さらにGTMで、
- 関連記事リンク
- 商品リンク
- レシピボタン
などのクリックを計測すると、読者が記事を読んだあと何をしたのかまで分かります。
3ツールの役割比較表
| ツール | 主な役割 | 分かること |
|---|---|---|
| GTM | タグ管理 | いつ何を計測するか |
| GA4 | サイト内分析 | ユーザー行動・アクセス |
| Search Console | 検索分析 | 検索語・順位・クリック |
3つは競合するツールではなく、役割を分担して使うツールです。
GA4とSearch Consoleの役割についてさらに詳しく知りたい方は、**「Search ConsoleとGoogle Analyticsの違いとは?使い分けをわかりやすく解説」**もあわせて確認してみてください。
初心者はどの順番で導入すればいい?
初心者の場合、3つを同時に完璧に設定する必要はありません。
おすすめの順番は、
① Search Console
② GA4
③ GTM
です。
① Search Console
まず、Google検索からの流入状況を確認できるようにします。
確認する内容:
- インデックス状況
- 検索キーワード
- クリック数
- 表示回数
- 掲載順位
② GA4
次に、サイトへ来たユーザーの行動を分析できるようにします。
確認する内容:
- ユーザー数
- ページ閲覧
- 流入元
- 人気ページ
- イベント
③ GTM
その後、
「商品リンクのクリックを調べたい」
「お問い合わせを計測したい」
など、より細かい行動計測が必要になった段階でGTMを導入すると分かりやすいでしょう。
初心者向け導入順
Search Console
↓
検索状況を把握
GA4
↓
サイト内行動を把握
GTM
↓
より細かい行動計測
ただし、サイト制作時点から広告やコンバージョン計測が必要な場合は、最初からGTMを導入しても問題ありません。
重要なのは、「すべて使わなければならない」と考えず、必要なものから段階的に導入することです。
初心者向け3ツール使い分けチェック
- 検索順位を知りたい → Search Console
- 検索キーワードを知りたい → Search Console
- アクセス数を知りたい → GA4
- 人気ページを知りたい → GA4
- ユーザー行動を分析したい → GA4
- ボタンクリックを細かく計測したい → GTM+GA4
- 広告コンバージョンを管理したい → GTM+Google広告
この違いが分かれば、GTM・GA4・Search Consoleを無理なく使い分けられるようになります。
Googleタグマネージャーについてよくある質問
ここまでGoogleタグマネージャー(GTM)の導入方法やタグ設定について説明してきましたが、実際に使い始めると細かな疑問も出てきます。
ここでは、初心者の方が特に迷いやすいポイントをQ&A形式でまとめます。
Googleタグマネージャーは無料ですか?
はい。一般的なGoogleタグマネージャーは無料で利用できます。
Googleアカウントがあれば、GTMアカウントとコンテナを作成して、Webサイトのタグ管理を始められます。
GTMを使うことで、
- Googleタグ
- GA4イベントタグ
- Google広告関連タグ
- 一部の第三者サービスのタグ
などを管理できます。
ただし、GTM自体が無料でも、GTMから利用する広告サービスや外部ツールなどに別途料金がかかる場合があります。
初心者の個人ブログでGA4のタグやクリックイベントを管理する程度であれば、GTMそのものの利用料金を心配する必要はありません。
初心者でもGTMを使えますか?
はい。基本的な使い方であれば初心者でも利用できます。
ただし、最初からすべての機能を覚えようとすると難しく感じやすいため、
- タグ
- トリガー
- 変数
の3つから理解するとよいでしょう。
たとえば、
タグ
=GA4へ情報を送る
トリガー
=いつ送るかを決める
変数
=条件判断に使う情報
と考えると分かりやすくなります。
最初は、
- Googleタグを設定する
- すべてのページで発火させる
- プレビューで確認する
- 公開する
という基本操作から始めましょう。
慣れてから、ボタンクリックや外部リンクなどのイベント計測へ進めば十分です。
GTMを導入するとサイトが遅くなりますか?
GTMを導入しただけで、必ずサイトが大幅に遅くなるわけではありません。
ただし、GTM内で読み込むタグが増えすぎると、ページ表示や処理に影響する可能性があります。
たとえば、
- 不要な広告タグ
- 使用していない解析サービス
- 重いJavaScript
- 多数のカスタムHTMLタグ
- 同じサービスの重複タグ
などを大量に設定すると、ブラウザで実行する処理が増えます。
そのため、
GTMを使っていること自体より、GTMから何を読み込んでいるか
の方が重要です。
サイト速度への影響を抑えるポイント
- 必要なタグだけ設定する
- 不要になったタグを整理する
- 同じタグを重複させない
- カスタムHTMLをむやみに増やさない
- 定期的にタグ構成を確認する
「タグを追加できるから」と無制限に増やさないようにしましょう。
Google AnalyticsだけならGTMは必要ですか?
必ずしも必要ではありません。
GA4の基本的なアクセス解析だけが目的であれば、WordPressテーマやCMSなどからGoogleタグを直接設置する方法もあります。
一方で、
- ボタンクリックを細かく計測したい
- 外部リンクを独自イベントとして計測したい
- Google広告タグを管理したい
- 今後複数のタグを追加する予定がある
場合は、GTMを利用すると管理しやすくなります。
目安
| 目的 | GTM |
|---|---|
| GA4の基本アクセス解析だけ | 必須ではない |
| ボタンクリック計測 | あると便利 |
| 複数タグ管理 | おすすめ |
| Google広告連携 | 利用価値が高い |
| 高度なイベント計測 | 利用価値が高い |
初心者の場合は、必要になった段階でGTMを導入する方法でも問題ありません。
WordPressでも使えますか?
はい。WordPressサイトでもGTMを利用できます。
主な設置方法には、
- WordPressテーマのGTM機能
- 専用プラグイン
- テーマファイルへの設置
などがあります。
初心者の場合は、利用しているテーマにGTM専用の設定機能があるなら、そちらを優先した方が分かりやすいでしょう。
特に注意したいのが、複数の方法を同時に使わないことです。
たとえば、
テーマ設定
+
プラグイン
+
header.php
の3か所すべてに同じGTMコンテナを設定すると、二重・三重設置になる可能性があります。
Cocoonでも利用できますか?
はい。CocoonでもGoogleタグマネージャーを利用できます。
CocoonにはGTM用の設定項目が用意されているため、通常はGTM管理画面に表示される2つのコードを自分でテーマファイルへ直接貼り付ける必要はありません。
基本的には、
WordPress管理画面
↓
Cocoon設定
↓
アクセス解析・認証
↓
Googleタグマネージャ設定
↓
GTM-XXXXXXXを入力
という流れで設定します。
入力するのは、
GTM-XXXXXXX
というGTMコンテナIDです。
GA4の、
G-XXXXXXXXXX
などと間違えないよう注意しましょう。
Cocoonを使用している場合は、テーマファイルを直接編集する前にCocoonの専用設定を確認するのがおすすめです。
GTMとGoogleタグは同じものですか?
いいえ。同じものではありません。
名前が似ているため混同しやすいですが、役割が異なります。
| 項目 | 役割 |
|---|---|
| GTM | タグをまとめて管理する |
| Googleタグ | Googleサービスへデータを送る |
たとえばGA4をGTM経由で利用する場合は、
Webサイト
↓
GTM
↓
Googleタグ
↓
GA4
という関係になります。
現在のGoogle公式手順でも、GTMでGA4を設定するときは「Googleタグ」を作成し、タグIDとトリガーを設定する方法が案内されています。
つまり、
GTM=管理する仕組み
Googleタグ=実際にGoogleへデータを送るためのタグ
と覚えると分かりやすいでしょう。
GTMを削除するとGA4の計測も止まりますか?
これは、GA4をどの方法で設置しているかによって変わります。
GA4をGTM経由だけで設定している場合は、
Webサイト
↓
GTM
↓
Googleタグ
↓
GA4
という経路になっています。
この状態でWebサイトからGTMコンテナを削除すると、GTM内のGoogleタグも読み込まれなくなるため、GA4へのデータ送信も止まります。
一方、
Webサイト
↓
Googleタグ
↓
GA4
のようにGTMを使わず直接Googleタグを設置している場合は、GTMを削除してもその直接設置したGoogleタグまで自動的に消えるわけではありません。
判断ポイント
- GA4をGTMだけから送信している → GTM削除で計測停止
- GA4を直接設置している → GTM削除だけでは必ずしも停止しない
- 両方設置している → 二重計測の可能性がある
GTMを削除する前に、現在どこからGA4へデータを送っているのか確認することが大切です。
タグを変更したらすぐ反映されますか?
GTMでタグを変更して「保存」しただけでは、本番サイトには反映されません。
Google公式では、
変更
↓
保存
↓
プレビュー
↓
送信
↓
バージョンの公開と作成
↓
公開
という流れで、本番サイトへ変更を反映します。
つまり、
保存=作業内容を残す
公開=本番へ反映する
という違いです。
公開後は新しいコンテナ設定が有効になりますが、GA4側のレポートへ表示されるまでには時間差が生じる場合があります。
「公開したのにGA4ですぐ見えない」という場合でも、必ずしも設定失敗とは限りません。
プレビューでは動くのにGA4に表示されないのはなぜ?
GTMのTag Assistantではタグが発火しているのに、GA4で確認できない場合があります。
主な原因は次のとおりです。
- GA4のタグIDが間違っている
- 別のGA4プロパティを見ている
- イベント名が想定と違う
- GA4側の反映を待つ必要がある
- 広告ブロッカーなどに遮断されている
- 同意管理の設定で送信されていない
- DebugViewなどの確認方法が適切でない
Google公式では、サイトへタグを追加した後、10~15分以内にデータ送信が始まることが一般的と案内しています。一方、通常のレポートではデータ処理に24~48時間程度かかる場合があります。設定直後はリアルタイムレポートやDebugViewを使って確認する方法が適しています。
確認する順番
- Tag Assistantで発火確認
- タグIDを確認
- GA4の対象プロパティを確認
- リアルタイムレポートを確認
- 必要に応じてDebugViewを確認
- 通常レポートは時間を置いて確認
なお、Google公式も、リアルタイムレポートはデータ配信の即時性が保証されるものではなく、通常の動作範囲でも遅延する場合があると案内しています。
Googleタグマネージャーを使えば計測タグを効率よく管理できる
Googleタグマネージャーは、GA4やGoogle広告などの計測タグをまとめて管理できる便利なツールです。
最初は「タグ」「トリガー」「変数」などの用語が難しく感じるかもしれませんが、基本的な仕組みを理解すれば少しずつ使えるようになります。
大切なのは、
設定する → 保存する → プレビューする → 確認する → 公開する
という流れを守ることです。
最初から複雑なイベントを設定するのではなく、Googleタグの基本計測から始め、必要になった段階でクリック計測や広告計測へ広げていきましょう。
今日覚えておきたい重要ポイント3つ
この記事で特に覚えておきたいポイントは、次の3つです。
1.GTMはタグを管理するツール
GTM自体がアクセス解析をするわけではありません。
GA4やGoogle広告などへデータを送るタグを管理します。
2.タグ・トリガー・変数の役割を理解する
タグ
=何をするか
トリガー
=いつするか
変数
=判断に使う情報
と覚えると分かりやすいでしょう。
3.必ずプレビューしてから公開する
タグを作ったら、
保存
↓
プレビュー
↓
動作確認
↓
公開
という流れを守ります。
公開前の確認は、誤計測や二重計測を防ぐためにも重要です。Google公式でもTag Assistantによる検証後に公開する手順が案内されています。
GTM導入からタグ公開までの流れ早見表
GTMの導入から公開までをまとめると、次のようになります。
| 手順 | 作業内容 | 確認ポイント |
|---|---|---|
| 1 | Googleアカウント準備 | ログインできるか |
| 2 | GTMアカウント作成 | アカウント名確認 |
| 3 | コンテナ作成 | Webを選択 |
| 4 | GTMをサイトへ設置 | 二重設置していないか |
| 5 | タグ作成 | 目的に合うタグか |
| 6 | タグID入力 | ID間違いがないか |
| 7 | トリガー設定 | 発火条件が正しいか |
| 8 | 保存 | 設定が残っているか |
| 9 | プレビュー | 発火を確認 |
| 10 | GA4などで確認 | データが届いているか |
| 11 | 送信 | 変更内容を確認 |
| 12 | 公開 | 本番反映 |
| 13 | 公開後確認 | 正常に計測できるか |
GTMは、作業手順を飛ばさず順番に進めることが大切です。
Googleタグマネージャー設定チェックリスト
GTMを設定・変更するときは、次のチェックリストを利用すると確認漏れを防ぎやすくなります。
導入時
- □ 正しいGoogleアカウントを使用した
- □ 正しいGTMコンテナを作成した
- □ コンテナIDが「GTM-」から始まっている
- □ WordPressへGTMを設置した
- □ 同じGTMコードを二重設置していない
タグ設定時
- □ タグ名から目的が分かる
- □ 正しいタグタイプを選択した
- □ タグIDを確認した
- □ トリガーを設定した
- □ 必要な変数を確認した
公開前
- □ Tag Assistantへ接続できる
- □ 必要なタグが発火する
- □ 不要なタグが発火しない
- □ 二重発火していない
- □ GA4など送信先を確認した
公開時・公開後
- □ 「送信」をクリックした
- □ バージョン名を入力した
- □ 変更内容を記録した
- □ 「公開」まで完了した
- □ 本番サイトでも確認した
GTMでは、このチェックを毎回繰り返すことが安定した運用につながります。
GTM・GA4・Search Console使い分け早見表
GTM・GA4・Search Consoleは似たGoogleツールに見えますが、役割は異なります。
| ツール | 主な役割 | こんなときに使う |
|---|---|---|
| GTM | タグ管理 | クリック計測などを設定 |
| GA4 | サイト内分析 | ユーザー行動を見る |
| Search Console | Google検索分析 | 検索語・順位を見る |
たとえば、
「どんな検索キーワードで来た?」
→ Search Console
「サイトに来てどの記事を見た?」
→ GA4
「商品リンクをクリックした?」
→ GTMで計測設定し、GA4で結果を確認
という使い分けになります。
3つを組み合わせることで、
Google検索
↓
Search Console
サイト訪問
↓
GA4
クリックなどの行動
↓
GTM+GA4
という流れでサイト改善に必要な情報を確認できます。
次に読むおすすめGoogle関連記事
Googleタグマネージャーを理解したら、GA4やSearch Consoleについても学んでおくと、アクセス解析やSEO改善に役立てやすくなります。
おすすめの記事は次のとおりです。
- Google Analytics完全ガイド|GA4の導入からアクセス解析まで初心者向けに徹底解説
- GA4の基本からアクセス解析、レポートの見方まで確認したい方におすすめです。
- Google Analytics(GA4)とは?初心者でもわかるできることと基本機能を解説
- GTMからデータを送る先となるGA4の仕組みを基礎から理解できます。
- Search ConsoleとGoogle Analyticsの違いとは?使い分けをわかりやすく解説
- GA4とSearch Consoleの役割や、どちらで何を確認するのか整理できます。
参考元:
- Google タグマネージャー公式ヘルプ
- Google Analytics 公式ヘルプ
- Google Search Console 公式ヘルプ
- Cocoon公式マニュアル
Google公式情報を中心に確認しているため、信頼性は高い内容です。ただし、GTM・GA4は管理画面や名称が変更される場合があるため、設定時は最新の公式情報も確認してください。
まとめ
Googleタグマネージャー(GTM)は、GA4やGoogle広告などの計測タグを一元管理できる便利なツールです。初心者の方は、まず「タグ・トリガー・変数」の基本を理解し、WordPressへの設置、タグ作成、プレビュー確認、公開という順番で進めると迷いにくくなります。特にGA4と連携する場合は、タグの二重設置や公開忘れに注意が必要です。正しく設定すれば、サイトを直接編集する回数を減らしながら、アクセス解析やイベント計測を効率よく管理できます。




