Googleタグマネージャー(GTM)でタグを設定するとき、「トリガーはどれを選べばいいんだろう?」と迷ったことはありませんか?
特に設定機会が多い「ページビュー」に関連するトリガーには5つの種類があり、それぞれ「発火するタイミング」や「適したタグ」が明確に異なります。
この記事では、GTMの初心者でも直感的に理解できるように、発火順序の図解・比較表・それぞれの具体的な使い分けまで分かりやすく解説します!
1. ページビュー系トリガーの「発火順序」が一目でわかる図解
ページがブラウザで読み込まれる際、GTMのトリガーは以下の1から5の順番(早い順)で順番に評価・発火していきます。
2. 5つのトリガーの違いを徹底比較
それぞれのトリガーの相違点と、推奨される使用用途をまとめました。
| トリガー名 | 内部イベント名 | 発火条件(ブラウザの状態) | 主な用途・推奨タグ |
|---|---|---|---|
| 同意の初期化 | gtm.init_consent |
GTMが読み込まれた一番最初の瞬間 | Cookie同意管理バナー(OneTrustなど)、同意モード(Consent Mode)設定 |
| 初期化 | gtm.init |
同意初期化の直後(データレイヤー準備後) | 他のタグより先に読み込ませたい事前設定タグ、共通変数セットアップ |
| ページビュー | gtm.js |
GTMスニペットが解析された直後 | GA4(Google アナリティクス)、Google広告タグ、アクセス解析全般 |
| DOM レディ | gtm.dom |
HTMLの構造(DOM)が完成した時 | Webページの文字差し替え、特定要素のHTMLスクレイピング、ポップアップ表示 |
| ウィンドウの読み込み | gtm.load |
画像・CSS含むすべての読み込み完了時 | ヒートマップツール(Clarity, Hotjar)、コンバージョン計測タグ、重いサードパーティタグ |
3. 各トリガーの特徴と使い分けの詳細
① 同意の初期化 (Consent Initialization)
用途:Cookie同意バナー・プライバシー設定タグ
ユーザーがCookieのトラッキングを許可しているか(同意状態)を確認するタグを起動するためのトリガーです。他のどんなタグよりも前に同意設定を確定させる必要があるため、GTMの中で最も早く発火します。
② 初期化 (Initialization)
用途:タグの優先実行・前提条件の設定
「同意の初期化」の後、「ページビュー」より前に実行されます。通常の計測タグ(GA4など)を動かす前に、確実に設定しておきたいデータレイヤー(dataLayer)の設定や特殊な変数設定などに利用されます。
③ ページビュー (Page View)
用途:GA4、アクセス解析、基本トラッキングタグ
【最もよく使う標準トリガー】です。ユーザーがページを開いてGTMが読み込まれた直後に最速で発火するため、離脱前のユーザーデータも逃さず正確に収集できます。
ページ内の画像やデザインが全て表示されるのを待たずに発火するため、訪問者がページを開いてすぐに離脱(即離脱)した場合でも、アクセスを漏れなく記録できるからです。
④ DOM レディ (DOM Ready)
用途:HTML要素を取得・操作する JavaScript タグ
「DOM(Document Object Model)」とは、HTMLの骨組みのことです。画像などの読み込みを待たず、HTMLのタグ構造がすべてブラウザに読み込まれた時点で発火します。
「特定のHTML要素(テキストやID)の値をJavaScriptで取得してGTMに渡したい」という場合、構造ができる前の「ページビュー」トリガーでは取得に失敗するため、この「DOM レディ」を使用します。
⑤ ウィンドウの読み込み (Window Loaded)
用途:ヒートマップツール、コンバージョン(CV)計測タグ、重いスクリプト
ページ上の画像・スタイルシート・アセット類が完全に読み込まれ終わった後に発火します。
ページの表示速度(ユーザー体験)を落としたくない外部タグや、ページのレイアウトが完全に確定してから動作させたい「ヒートマップツール(Microsoft Clarity等)」を設定する際に最適です。
4. 初心者が陥りがちな注意点・トラブル
「ページの表示速度を早くしたいから」という理由で、Googleアナリティクスなどの計測タグをすべて「ウィンドウの読み込み」に設定するのは非常に危険です。画像が多い重いページの場合、完全に読み込まれる前にユーザーが離脱すると、アクセスが一切計測されなくなってしまいます。
- Cookie同意系の設定? ➔
同意の初期化 - アクセス解析や広告の基本計測? ➔
ページビュー(基本はこれ!) - HTMLの文字や要素を書き換え・参照したい? ➔
DOM レディ - 表示スピードに影響を与えたくない / ヒートマップ? ➔
ウィンドウの読み込み
5. まとめ
GTMのページビュー系トリガーは、一見違いが分かりにくいですが、「ページの読み込み進行度合いのどのステップでタグを動かすか」で使い分けられています。
各トリガーの特性と目的を正しく理解し、適切なタイミングでタグを発火させることで、「正確なデータ計測」と「Webページの表示速度維持」を両立させましょう!

Webサイト運営やデータ分析、業務効率化が好きなWebエンジニア・ブロガーです。
普段はWordPressを使ったサイト制作や、Googleアナリティクス(GA4)、Googleタグマネージャー(GTM)、Search Consoleを活用したアクセス解析を中心に学習・検証しています。
「難しいITやWebの知識を、誰でも理解できるように伝えること」をコンセプトに、このサイト「new-otasuke」を運営しています。
記事では、実際に自分で試した内容や、つまずいたポイント、解決方法をできるだけ分かりやすくまとめています。初心者の方でも安心して実践できるよう、画像や図解を交えながら丁寧に解説することを心掛けています。
最近は特に以下の分野を中心に情報発信しています。
Google Analytics 4(GA4)
Googleタグマネージャー(GTM)
Search Console
SEO対策
WordPress
Power Automate
統計学・データ分析
このサイトが、「困ったときに最初に見に来たくなる場所」になれば嬉しいです。
今後も、Webサイト運営や仕事に役立つ情報を分かりやすく発信していきます。どうぞよろしくお願いいたします。
コメント