【GTM図解】ページビュー系トリガー3種類の違いと発火順序まとめ

「同意モーダル」「DOM有効」「ウィンドウの読み込み」の相違点を完全解説＆体感シミュレーター

解説 1. ページ読み込み時の発火タイミング（時系列）
比較 2. ページビュー系トリガー一覧表
実践 3. ページビュー系トリガー選定クイズ
1. 📟 模擬 Tag Assistant (発火順序デバッグ) リアルタイム検証

解説 1. ページ読み込み時の発火タイミング（時系列）

GTMの「ページビュー」関連トリガーは、Webページが読み込まれるプロセス（DOM構築〜画像読込完了）の中で決まった順番で自動発火します。

1. 同意の初期化 (Consent Initialization) 最優先

Cookie同意ツール（CMP）など、他のすべてのタグが動く前にプライバシー同意状態を確認・適用するための最速トリガー。

2. 初期化 (Initialization) 第2ステップ

通常のページビュータグより前に初期化が必要な設定タグ（一部の広告設定や計測基盤）を発火させます。

3. ページビュー (Page View / gtm.js) 通常タグ用

ブラウザがGTMのスクリプトコードを読み込んだ瞬間に発火。GA4の基本ページビュー計測などは通常これを使用します。

4. DOM Ready (DOM有効 / gtm.dom) HTML構造完成時

ブラウザがHTMLテキストを最後まで読み込み、DOM（要素の構造）を解析・構築し終えたタイミング。画像などの読込完了は待ちません。

5. ウィンドウの読み込み (Window Loaded / gtm.load) 全アセット読込完了

HTMLだけでなく、画像・CSS・外部スクリプトなど、ページ内のすべてのファイルが完全に読み込み完了したタイミングで発火します。

比較 2. ページビュー系トリガー一覧表

違いが一目でわかるように特徴と主なユースケース（使いどころ）をまとめました。

トリガー名 (GTM表示)	イベント名	発火のタイミング	主な用途・おすすめタグ
同意の初期化	`gtm.init_consent`	最も早い（GTMロード直後）	Cookie同意管理ツール（CMP）の設定
初期化	`gtm.init`	同意設定の直後	各種計測設定タグの初期化
ページビュー	`gtm.js`	GTMコンテナが読み込まれた時	GA4ページビュー、各種アクセス解析タグ（標準）
DOM Ready（DOM有効）	`gtm.dom`	HTMLの構造解釈が完了した時	HTML内の要素（IDやClass）を取得・操作するタグ
ウィンドウの読み込み	`gtm.load`	画像や外部ファイルも含む全読込完了時	重い外部広告スクリプト、ヒートマップツール

💡 迷ったらどう選ぶ？
基本のアクセス解析（GA4など）は「ページビュー」を選びます。もし「ページの特定のテキストを取得してタグに渡したい」などHTML要素を触る場合は「DOM Ready」、ページの表示速度を落としたくないサードパーティ広告は「ウィンドウの読み込み」にするのが定石です。

実践 3. ページビュー系トリガー選定クイズ

状況に応じた適切なトリガーを選び、動作シミュレーションを実行してみましょう！

<!– ページ内にあるバナー画像のURLを取得して広告タグに渡したいケース –>

<script>

  const bannerUrl = document.getElementById(‘main-banner’).src;

  // この処理をGTMのカスタムJavaScript等で実行したい

</script>

問：上記のように「HTML上の特定の要素（#main-banner）の情報を読み取るタグ」を設定する場合、最低限どのトリガーで発火させる必要がありますか？

▼ ページ読み込みシミュレーション（選択後に押してください）

📟 模擬 Tag Assistant (発火順序デバッグ) リアルタイム検証

[SYSTEM] Ready. 「ページロードを実行してみる」ボタンを押すと読み込み順序が再現されます。

sho

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サイト運営や仕事に役立つ情報を分かりやすく発信していきます。どうぞよろしくお願いいたします。