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

GTMとは何か

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

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

GTMがない場合の課題

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

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

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

GTMの管理画面を理解する

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を入力すると、デバッグ用のウィンドウが開きます。

プレビューモードでは以下の内容を確認できます。

Tags Fired: 条件を満たして発火（実行）されたタグ
Tags Not Fired: まだ条件を満たしていない未発火のタグ
イベントタイムライン: Container Loaded → DOM Ready → Window Loaded → Click などのイベント順序
変数の値: 各イベント時点でのすべての変数の値

プレビューモードの操作手順は次のとおりです。

GTM管理画面の右上「プレビュー」ボタンをクリック
Tag Assistantが新しいタブで開く
対象サイトのURLを入力して「Connect」をクリック
サイトが別タブで開き、下部に「Tag Manager Connected」と表示される
サイト上でクリックやページ遷移などの操作を行う
Tag Assistantタブに戻り、各イベントでのタグ発火状況を確認
確認が完了したら「Stop Debugging」をクリック

確認できたら「公開」をクリックしてバージョンを作成します。

導入チェックリスト

GTMアカウントとコンテナを作成した
スニペット1を<head>タグ内に設置した
スニペット2を<body>タグ直後に設置した
プレビューモードでGTMの読み込みを確認した
既存のHTMLに直接書かれたタグをGTMに移行した（該当する場合）
バージョンに名前をつけて公開した

タグ作成の操作手順

ここでは、実際のタグ作成画面の流れを説明します。

タグ作成画面の構成

タグ作成の5ステップをまとめると次のとおりです。

名前をつける: 命名規則に沿ったタグ名を入力する
タグの種類を選択: タグの設定エリアをクリックし、テンプレート一覧から種類を選ぶ
設定項目を入力: 測定IDやイベント名など、タグの種類に応じた項目を入力する
トリガーを紐づける: トリガーエリアをクリックし、発火条件となるトリガーを選択する
保存: 右上の「保存」ボタンをクリックする

トリガー設定画面の構成

トリガー作成の手順は次のとおりです。

名前をつける: タグと同様に分かりやすい名前を入力する
トリガーのタイプを選択: 「クリック - すべての要素」「ページビュー」などから選ぶ
発火条件を設定: 「すべて」か「一部」を選択し、条件を変数・演算子・値で指定する
保存: 右上の「保存」ボタンをクリックする

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を指定

広告タグの管理

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は、Webサイトの計測タグを管理画面から一元管理するためのツールです。タグ・トリガー・変数の3つの概念を理解すれば、GA4のイベント計測から広告のコンバージョン計測まで幅広く対応できます。

導入にあたっては、以下のチェックリストを参考にしてください。

GTM導入・設定チェックリスト

基本設定

GTMアカウントとコンテナを作成した
GTMスニペットを<head>と<body>直後に正しく設置した
既存のHTML直書きタグを棚卸しし、GTMへの移行計画を立てた

GA4連携

Googleタグを作成し、全ページで発火させた
必要なGA4イベントタグを設定した
カスタムパラメータをGA4の「カスタム定義」に登録した

広告タグ

コンバージョンリンカーを全ページで配信した
各媒体のコンバージョンタグを設定した
リマーケティングタグ（必要な場合）を設定した

運用ルール

タグ・トリガーの命名規則を決めた
フォルダで媒体ごとにタグを整理した
公開前にプレビューモードで動作確認する手順を徹底した
バージョンごとにメモ（変更内容）を記録するルールを設けた

GTMは導入して終わりではなく、新しい広告媒体の追加やイベント計測の拡張に合わせて継続的に管理していくものです。プレビューモードでの確認を習慣化し、正確な計測環境を維持してください。