Googleタグマネージャー(GTM)の基礎ガイド|タグ・トリガー・変数の仕組みと導入手順

GTMとは何か

Webサイトの計測や広告の効果測定には、さまざまな「タグ」をHTMLに設置する必要があります。GA4のタグ、Google広告のコンバージョンタグ、Meta広告のピクセルなど、サイトに埋め込むコードの総称が「タグ」です。

GTM(Googleタグマネージャー)は、これらのタグを管理画面から一元的に管理できるツールです。Googleが無料で提供しています。

GTMがない場合の課題

GTMを使わずにタグを管理する場合、HTMLソースコードに直接タグを記述します。この方法にはいくつかの課題があります。

  • タグの追加・変更のたびにエンジニアの対応が必要になる
  • どのページにどのタグが入っているか把握しづらくなる
  • 複数人が別々にタグを追加すると、重複や漏れが発生しやすい
  • タグの記述ミスがサイト表示に影響するリスクがある

GTMを導入すると、管理画面上でタグの追加・変更・削除が完結します。エンジニアに依頼せずとも、マーケティング担当者自身がタグを管理できるようになります。

タグ管理フローの比較GTM導入前GTM導入後マーケ担当依頼エンジニアHTML編集GA4タグ広告タグ公開Webサイト(HTML)タグ追加のたびにHTML修正が必要管理が属人化しやすいマーケ担当直接操作GTM管理画面タグの追加・変更・プレビュー・公開Webサイト(HTML)GTMスニペットのみ設置エンジニア不要でタグ管理公開前にプレビューで確認可能

実務の視点 GTMの最大のメリットは「タグの追加・変更にエンジニアの工数が不要になる」ことですが、もうひとつ見落とされがちな利点があります。それは「プレビューモード」で事前にタグの動作を確認できること。直接HTMLにタグを埋め込む方式では、公開してから初めて正しく動作しているか確認することになりますが、GTMなら公開前に本番環境と同じ条件でテストできます。

タグ・トリガー・変数の基本

GTMの操作は、3つの基本概念で成り立っています。タグ、トリガー、変数です。これら3つの関係を理解すれば、GTMの仕組みの大部分が把握できます。

  • タグ:「何を実行するか」を定義します。GA4にイベントを送る、Google広告のコンバージョンを記録する、といった処理内容です。
  • トリガー:「いつタグを実行するか」を定義します。ページが読み込まれたとき、ボタンがクリックされたとき、フォームが送信されたときなどの条件です。
  • 変数:「どんな値を使うか」を定義します。クリックされたURLやボタンのテキスト、ページのパスなど、動的な情報の取得に使います。

1つのタグには必ず1つ以上のトリガーが紐づきます。変数はトリガーの条件指定やタグに渡す値として使われます。

タグ・トリガー・変数の関係タグ何を実行するかトリガーいつ実行するか変数どんな値を使うか条件・値の参照タグの例GA4設定タグGA4イベントタグGoogle広告CVタグトリガーの例全ページ表示特定ボタンのクリックフォーム送信変数の例Click URLPage Pathデータレイヤー変数

代表的なタグの種類

タグの種類用途設定に必要な情報
Googleタグ(旧GA4設定タグ)GA4の基本計測を有効化する測定ID(G-XXXXXXX)
GA4イベントタグカスタムイベントをGA4に送信するイベント名、パラメータ
Google広告コンバージョンタグ広告のコンバージョンを計測するコンバージョンID、ラベル
Google広告リマーケティングタグリマーケティングリストを構築するコンバージョンID
カスタムHTML任意のJavaScriptやHTMLを実行するHTMLコード

代表的なトリガーの種類

トリガーの種類発火タイミング主な用途
ページビューページが読み込まれたときGA4設定タグ、リマーケティングタグ
クリック(すべての要素)任意の要素がクリックされたときボタンクリックの計測
クリック(リンクのみ)リンクがクリックされたとき外部リンククリックの計測
フォーム送信フォームが送信されたときフォーム完了の計測
スクロール距離指定のスクロール率に達したとき読了率の計測
カスタムイベントデータレイヤーにイベントがpushされたときSPAや独自イベントの計測

GTMの導入手順

GTMの導入は、アカウント作成からタグ設置、動作確認までの4ステップで完了します。

ステップ1:アカウントとコンテナの作成

  1. tagmanager.google.com にアクセス
  2. 「アカウントを作成」をクリック
  3. アカウント名(会社名など)を入力
  4. コンテナ名(サイト名やドメインなど)を入力
  5. ターゲットプラットフォームで「ウェブ」を選択
  6. 「作成」をクリックし、利用規約に同意

アカウントは企業や組織単位で作成し、コンテナはサイト単位で作成するのが基本です。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の基本的な計測を有効化するためのタグです。すべてのページで発火させます。

  1. GTM管理画面で「新しいタグ」をクリック
  2. タグの種類で「Googleタグ」を選択
  3. タグID欄にGA4の測定ID(G-XXXXXXX)を入力
  4. トリガーで「All Pages(全ページ)」を選択
  5. 保存

このタグが全ページで発火することで、page_viewsession_startなどの自動収集イベントがGA4に送信されます。

GA4イベントタグの設定

Googleタグだけでは、推奨イベントやカスタムイベントは計測されません。個別のアクションを計測するには、GA4イベントタグを追加します。

たとえば「CTAボタンのクリック」を計測する場合の設定例です。

  1. 新しいタグを作成し、「Googleアナリティクス:GA4イベント」を選択
  2. 測定IDにGA4の測定IDを入力
  3. イベント名にcta_clickと入力
  4. イベントパラメータとしてbutton_textを追加し、値に組み込み変数のClick Textを指定
  5. トリガーで「クリック - すべての要素」を選択し、条件としてClick Classescta-buttonと一致する設定にする

スクロール率の計測例

GA4の拡張計測では90%スクロールのみ記録されますが、GTMを使えば25%・50%・75%・100%といった段階的なスクロール率を計測できます。

  1. トリガーの種類で「スクロール距離」を選択
  2. 「縦方向スクロール距離」にチェックを入れ、割合に25, 50, 75, 100を入力
  3. このトリガーをGA4イベントタグに紐づけ、イベント名をscroll_depthとする
  4. パラメータにscroll_thresholdを追加し、値に組み込み変数のScroll Depth Thresholdを指定
GTMとGA4の連携フローユーザーの行動ページ閲覧・クリック等GTMトリガーが条件を判定タグが発火GA4イベントとして記録GTM内のタグ構成Googleタグ全ページで発火 → 自動収集イベントGA4イベントタグ(CTA)ボタンクリック時 → cta_clickGA4イベントタグ(スクロール)スクロール時 → scroll_depthGA4イベントタグ(フォーム)フォーム送信時 → form_submit

実務の視点 GA4イベントタグを設定する際、測定IDを毎回手入力するのは非効率で、タイプミスのリスクもあります。GTMの「定数」型のユーザー定義変数として測定IDを登録しておけば、すべてのGA4タグで同じ変数を参照できます。測定IDが変わった場合も、変数の値を1か所変更するだけで済みます。

広告タグの管理

GTMは広告タグの管理にも適しています。各広告媒体のコンバージョンタグやピクセルをGTM経由で配信することで、管理の一元化と設定変更の迅速化が実現します。

Google広告コンバージョンタグ

Google広告のコンバージョン計測には、以下の2つのタグが必要です。

  1. コンバージョンリンカー: Cookieの情報を正しく引き継ぐためのタグ。全ページで発火させます。このタグがないと、Safari等のブラウザでコンバージョンが正しく計測されないケースがあります。
  2. コンバージョンタグ: コンバージョンが発生したタイミングで発火させるタグ。サンクスページの表示や購入完了などをトリガーに設定します。

設定手順は次のとおりです。

  1. GTMで「新しいタグ」→「Google広告のコンバージョントラッキング」を選択
  2. Google広告管理画面から取得したコンバージョンIDとコンバージョンラベルを入力
  3. トリガーにサンクスページの条件を設定(例:Page Path が /thanks/ と一致)
  4. コンバージョンリンカーも別途タグとして作成し、全ページで発火させる

Meta広告ピクセル

Meta広告の計測にはMetaピクセルを使用します。GTMでは「カスタムHTML」タグとしてMetaピクセルのコードを設置します。

  1. Meta広告のイベントマネージャーからベースコードを取得
  2. GTMで「カスタムHTML」タグを作成し、ベースコードを貼り付け
  3. 全ページで発火するトリガーを設定(ベースコードの配信用)
  4. 個別のイベント(Purchase、Lead等)は、別途カスタムHTMLタグとして作成し、該当するトリガーを紐づける

LINEタグ

LINE広告のコンバージョン計測には、LINE Tagを使用します。ベースコードとコンバージョンコードの2段階構成です。

  1. LINE広告の管理画面からベースコードを取得
  2. GTMで「カスタムHTML」タグとして設置し、全ページで発火
  3. コンバージョンコードは別のカスタム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は導入して終わりではなく、新しい広告媒体の追加やイベント計測の拡張に合わせて継続的に管理していくものです。プレビューモードでの確認を習慣化し、正確な計測環境を維持してください。

r
ryottaman

運用型広告のコンサルタント。Google広告・Meta広告・Yahoo!広告を中心に10年以上の実務経験。

この記事について感想やご質問を送れます

誤りの指摘、補足情報、ご質問など、お気軽にどうぞ。