Googleタグマネージャー(GTM)でタグを設定するとき、「トリガーはどれを選べばいいんだろう?」と迷ったことはありませんか?

PC・業務ツール
この記事は約12分で読めます。

Googleタグマネージャー(GTM)でタグを設定するとき、「トリガーはどれを選べばいいんだろう?」と迷ったことはありませんか?

特に設定機会が多い「ページビュー」に関連するトリガーには5つの種類があり、それぞれ「発火するタイミング」「適したタグ」が明確に異なります。

この記事では、GTMの初心者でも直感的に理解できるように、発火順序の図解・比較表・それぞれの具体的な使い分けまで分かりやすく解説します!

1. ページビュー系トリガーの「発火順序」が一目でわかる図解

ページがブラウザで読み込まれる際、GTMのトリガーは以下の1から5の順番(早い順)で順番に評価・発火していきます。

1
同意の初期化 gtm.init_consent 最速
最優先で実行。Cookieの同意管理(Consent Mode)を設定・適用するタイミング。
2
初期化 gtm.init
他の通常のタグが発火する前に、事前準備や各種設定を完了させるタイミング。
3
ページビュー gtm.js 標準
GTM本体コードが読み込まれた直後。アクセス解析や標準計測の基本タイミング。
4
DOM レディ gtm.dom
HTML構造(DOMツリー)の構築完了後。テキストや要素を操作したい場合に適したタイミング。
5
ウィンドウの読み込み gtm.load 最終
画像やスクリプト等すべての全リソースがロード完了した後。重いタグやCVタグ用。

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が読み込まれた直後に最速で発火するため、離脱前のユーザーデータも逃さず正確に収集できます。

💡 なぜGA4は「ページビュー」で発火させるべき?

ページ内の画像やデザインが全て表示されるのを待たずに発火するため、訪問者がページを開いてすぐに離脱(即離脱)した場合でも、アクセスを漏れなく記録できるからです。

④ 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ページの表示速度維持」を両立させましょう!

コメント

Back to top
タイトルとURLをコピーしました