Googleタグマネージャー(GTM)の基礎ガイド|タグ・トリガー・変数の仕組みと導入手順
GTMとは何か
Webサイトの計測や広告の効果測定には、さまざまな「タグ」をHTMLに設置する必要があります。GA4のタグ、Google広告のコンバージョンタグ、Meta広告のピクセルなど、サイトに埋め込むコードの総称が「タグ」です。
GTM(Googleタグマネージャー)は、これらのタグを管理画面から一元的に管理できるツールです。Googleが無料で提供しています。
GTMがない場合の課題
GTMを使わずにタグを管理する場合、HTMLソースコードに直接タグを記述します。この方法にはいくつかの課題があります。
- タグの追加・変更のたびにエンジニアの対応が必要になる
- どのページにどのタグが入っているか把握しづらくなる
- 複数人が別々にタグを追加すると、重複や漏れが発生しやすい
- タグの記述ミスがサイト表示に影響するリスクがある
GTMを導入すると、管理画面上でタグの追加・変更・削除が完結します。エンジニアに依頼せずとも、マーケティング担当者自身がタグを管理できるようになります。
実務の視点 GTMの最大のメリットは「タグの追加・変更にエンジニアの工数が不要になる」ことですが、もうひとつ見落とされがちな利点があります。それは「プレビューモード」で事前にタグの動作を確認できること。直接HTMLにタグを埋め込む方式では、公開してから初めて正しく動作しているか確認することになりますが、GTMなら公開前に本番環境と同じ条件でテストできます。
タグ・トリガー・変数の基本
GTMの操作は、3つの基本概念で成り立っています。タグ、トリガー、変数です。これら3つの関係を理解すれば、GTMの仕組みの大部分が把握できます。
- タグ:「何を実行するか」を定義します。GA4にイベントを送る、Google広告のコンバージョンを記録する、といった処理内容です。
- トリガー:「いつタグを実行するか」を定義します。ページが読み込まれたとき、ボタンがクリックされたとき、フォームが送信されたときなどの条件です。
- 変数:「どんな値を使うか」を定義します。クリックされたURLやボタンのテキスト、ページのパスなど、動的な情報の取得に使います。
1つのタグには必ず1つ以上のトリガーが紐づきます。変数はトリガーの条件指定やタグに渡す値として使われます。
代表的なタグの種類
| タグの種類 | 用途 | 設定に必要な情報 |
|---|---|---|
| Googleタグ(旧GA4設定タグ) | GA4の基本計測を有効化する | 測定ID(G-XXXXXXX) |
| GA4イベントタグ | カスタムイベントをGA4に送信する | イベント名、パラメータ |
| Google広告コンバージョンタグ | 広告のコンバージョンを計測する | コンバージョンID、ラベル |
| Google広告リマーケティングタグ | リマーケティングリストを構築する | コンバージョンID |
| カスタムHTML | 任意のJavaScriptやHTMLを実行する | HTMLコード |
代表的なトリガーの種類
| トリガーの種類 | 発火タイミング | 主な用途 |
|---|---|---|
| ページビュー | ページが読み込まれたとき | GA4設定タグ、リマーケティングタグ |
| クリック(すべての要素) | 任意の要素がクリックされたとき | ボタンクリックの計測 |
| クリック(リンクのみ) | リンクがクリックされたとき | 外部リンククリックの計測 |
| フォーム送信 | フォームが送信されたとき | フォーム完了の計測 |
| スクロール距離 | 指定のスクロール率に達したとき | 読了率の計測 |
| カスタムイベント | データレイヤーにイベントがpushされたとき | SPAや独自イベントの計測 |
GTMの導入手順
GTMの導入は、アカウント作成からタグ設置、動作確認までの4ステップで完了します。
ステップ1:アカウントとコンテナの作成
- tagmanager.google.com にアクセス
- 「アカウントを作成」をクリック
- アカウント名(会社名など)を入力
- コンテナ名(サイト名やドメインなど)を入力
- ターゲットプラットフォームで「ウェブ」を選択
- 「作成」をクリックし、利用規約に同意
アカウントは企業や組織単位で作成し、コンテナはサイト単位で作成するのが基本です。1つのアカウントに複数のコンテナを含めることができます。
ステップ2:GTMスニペットの設置
コンテナを作成すると、2つのコードスニペットが表示されます。それぞれ正しい位置に設置してください。
- スニペット1:
<head>タグ内のなるべく上部に設置 - スニペット2:
<body>タグの直後に設置
スニペット2は<noscript>タグで囲まれており、JavaScriptが無効な環境でも最低限の計測を行うためのものです。
ステップ3:設置の確認
スニペットを設置したら、正しく読み込まれているかを確認します。確認方法はいくつかあります。
- GTMのプレビューモードを使う(後述)
- ブラウザの開発者ツールでHTMLソースを確認する
- Google Tag Assistantを使う
ステップ4:プレビューモードでの動作確認
GTM管理画面の「プレビュー」ボタンをクリックすると、Tag Assistantが起動します。対象サイトのURLを入力すると、デバッグ用のウィンドウが開きます。
プレビューモードでは以下の内容を確認できます。
- どのタグが発火(実行)されたか
- どのトリガーが有効になったか
- 各変数にどんな値が入っているか
- タグの発火順序
確認できたら「公開」をクリックしてバージョンを作成します。
導入チェックリスト
- GTMアカウントとコンテナを作成した
- スニペット1を
<head>タグ内に設置した - スニペット2を
<body>タグ直後に設置した - プレビューモードでGTMの読み込みを確認した
- 既存のHTMLに直接書かれたタグをGTMに移行した(該当する場合)
- バージョンに名前をつけて公開した
実務の視点 GTM導入時に見落とされがちなのが「既存タグの棚卸し」です。GTMを入れる前からHTMLに直書きされていたGA4タグや広告タグがそのまま残っていると、GTMからも同じタグを配信した結果、二重計測になるケースがあります。導入前にサイト内の既存タグを一覧化し、GTMへの移行と同時に直書きタグを削除する手順を組み込んでおくと安全です。
GA4との連携
GTMを使ったGA4の設定は、まずGoogleタグ(旧GA4設定タグ)を配信し、そのうえで個別のイベントタグを追加する2段階の構成になります。
Googleタグの設定
Googleタグは、GA4の基本的な計測を有効化するためのタグです。すべてのページで発火させます。
- GTM管理画面で「新しいタグ」をクリック
- タグの種類で「Googleタグ」を選択
- タグID欄にGA4の測定ID(G-XXXXXXX)を入力
- トリガーで「All Pages(全ページ)」を選択
- 保存
このタグが全ページで発火することで、page_viewやsession_startなどの自動収集イベントがGA4に送信されます。
GA4イベントタグの設定
Googleタグだけでは、推奨イベントやカスタムイベントは計測されません。個別のアクションを計測するには、GA4イベントタグを追加します。
たとえば「CTAボタンのクリック」を計測する場合の設定例です。
- 新しいタグを作成し、「Googleアナリティクス:GA4イベント」を選択
- 測定IDにGA4の測定IDを入力
- イベント名に
cta_clickと入力 - イベントパラメータとして
button_textを追加し、値に組み込み変数のClick Textを指定 - トリガーで「クリック - すべての要素」を選択し、条件として
Click Classesがcta-buttonと一致する設定にする
スクロール率の計測例
GA4の拡張計測では90%スクロールのみ記録されますが、GTMを使えば25%・50%・75%・100%といった段階的なスクロール率を計測できます。
- トリガーの種類で「スクロール距離」を選択
- 「縦方向スクロール距離」にチェックを入れ、割合に
25, 50, 75, 100を入力 - このトリガーをGA4イベントタグに紐づけ、イベント名を
scroll_depthとする - パラメータに
scroll_thresholdを追加し、値に組み込み変数のScroll Depth Thresholdを指定
実務の視点 GA4イベントタグを設定する際、測定IDを毎回手入力するのは非効率で、タイプミスのリスクもあります。GTMの「定数」型のユーザー定義変数として測定IDを登録しておけば、すべてのGA4タグで同じ変数を参照できます。測定IDが変わった場合も、変数の値を1か所変更するだけで済みます。
広告タグの管理
GTMは広告タグの管理にも適しています。各広告媒体のコンバージョンタグやピクセルをGTM経由で配信することで、管理の一元化と設定変更の迅速化が実現します。
Google広告コンバージョンタグ
Google広告のコンバージョン計測には、以下の2つのタグが必要です。
- コンバージョンリンカー: Cookieの情報を正しく引き継ぐためのタグ。全ページで発火させます。このタグがないと、Safari等のブラウザでコンバージョンが正しく計測されないケースがあります。
- コンバージョンタグ: コンバージョンが発生したタイミングで発火させるタグ。サンクスページの表示や購入完了などをトリガーに設定します。
設定手順は次のとおりです。
- GTMで「新しいタグ」→「Google広告のコンバージョントラッキング」を選択
- Google広告管理画面から取得したコンバージョンIDとコンバージョンラベルを入力
- トリガーにサンクスページの条件を設定(例:Page Path が
/thanks/と一致) - コンバージョンリンカーも別途タグとして作成し、全ページで発火させる
Meta広告ピクセル
Meta広告の計測にはMetaピクセルを使用します。GTMでは「カスタムHTML」タグとしてMetaピクセルのコードを設置します。
- Meta広告のイベントマネージャーからベースコードを取得
- GTMで「カスタムHTML」タグを作成し、ベースコードを貼り付け
- 全ページで発火するトリガーを設定(ベースコードの配信用)
- 個別のイベント(Purchase、Lead等)は、別途カスタムHTMLタグとして作成し、該当するトリガーを紐づける
LINEタグ
LINE広告のコンバージョン計測には、LINE Tagを使用します。ベースコードとコンバージョンコードの2段階構成です。
- LINE広告の管理画面からベースコードを取得
- GTMで「カスタムHTML」タグとして設置し、全ページで発火
- コンバージョンコードは別のカスタムHTMLタグとして作成し、コンバージョンページで発火
媒体別タグ設定一覧
| 媒体 | タグの種類 | GTMでの設定方法 | 全ページ配信 | CV地点で配信 |
|---|---|---|---|---|
| Google広告 | コンバージョンリンカー | 専用テンプレート | ○ | - |
| Google広告 | コンバージョンタグ | 専用テンプレート | - | ○ |
| Google広告 | リマーケティングタグ | 専用テンプレート | ○ | - |
| Meta広告 | Metaピクセル(ベースコード) | カスタムHTML | ○ | - |
| Meta広告 | Metaピクセル(イベントコード) | カスタムHTML | - | ○ |
| LINE広告 | LINE Tag(ベースコード) | カスタムHTML | ○ | - |
| LINE広告 | LINE Tag(CVコード) | カスタムHTML | - | ○ |
| Yahoo!広告 | サイトジェネラルタグ | カスタムHTML | ○ | - |
| Yahoo!広告 | コンバージョンタグ | カスタムHTML | - | ○ |
実務の視点 複数の広告媒体を運用していると、タグの数が増えてGTMのコンテナが煩雑になります。「フォルダ」機能を使って媒体ごとにタグ・トリガーを整理しておくことをおすすめします。たとえば「Google広告」「Meta広告」「LINE広告」とフォルダを分けておくと、どの媒体のタグがどういう状態かを把握しやすくなります。また、タグの命名規則を統一しておく(例:
[媒体名] - [タグ種別] - [対象ページ/アクション])と、チームでの管理がスムーズです。
まとめ
GTMは、Webサイトの計測タグを管理画面から一元管理するためのツールです。タグ・トリガー・変数の3つの概念を理解すれば、GA4のイベント計測から広告のコンバージョン計測まで幅広く対応できます。
導入にあたっては、以下のチェックリストを参考にしてください。
GTM導入・設定チェックリスト
基本設定
- GTMアカウントとコンテナを作成した
- GTMスニペットを
<head>と<body>直後に正しく設置した - 既存のHTML直書きタグを棚卸しし、GTMへの移行計画を立てた
GA4連携
- Googleタグを作成し、全ページで発火させた
- 必要なGA4イベントタグを設定した
- カスタムパラメータをGA4の「カスタム定義」に登録した
広告タグ
- コンバージョンリンカーを全ページで配信した
- 各媒体のコンバージョンタグを設定した
- リマーケティングタグ(必要な場合)を設定した
運用ルール
- タグ・トリガーの命名規則を決めた
- フォルダで媒体ごとにタグを整理した
- 公開前にプレビューモードで動作確認する手順を徹底した
- バージョンごとにメモ(変更内容)を記録するルールを設けた
GTMは導入して終わりではなく、新しい広告媒体の追加やイベント計測の拡張に合わせて継続的に管理していくものです。プレビューモードでの確認を習慣化し、正確な計測環境を維持してください。
運用型広告のコンサルタント。Google広告・Meta広告・Yahoo!広告を中心に10年以上の実務経験。