オルタナティブ・ブログ > 秋山大志のそれとりあえず作ってみようか。 >

あれこれ考えるよりも作ってしまった方が早いんじゃね?と思う、ギークなサラリーマンのアジャイルな日々。

GTMのプレビューモードとデバッグの使い方|タグが動かない時の原因切り分け|未経験から100日後にGTMのプロになる話【Day 6】

»

Day 5で初めてのタグが動きました。でも実務では、もっと大事な瞬間が必ずやってきます。それは----「設定したのに、タグが動かない!」という瞬間です。このとき闇雲に設定をいじり倒すと、沼にハマります。今日は、原因を最短でたどり着くためのプレビューモードとデバッグ="タグの探偵術"を身につけます。これができる人とできない人で、GTMの作業効率は何倍も変わります。

Tag Assistantをサイトにリンクする画面 Tag Assistantのデバッグ画面。配信されたタグと未配信のタグ
左:プレビューモードでサイトURLを入力して接続/右:実際のデバッグ画面。「配信されたタグ」と「未配信のタグ」が一目で分かる。(クリックで拡大)

プレビューモードとは:本番を汚さずに"中身"を覗く

GTM右上の「プレビュー」を押し、自分のサイトURLを入力すると、Tag Assistantが起動します。これは、いま自分が編集中(未公開)のワークスペースの状態を、本番に反映せずに実サイトで試せる仕組みです。あなたのブラウザだけがデバッグ状態でサイトに接続され、ほかの一般ユーザーには一切影響しません。だから安心して何度でも試せます。

Tag Assistantの画面の見方

接続すると、画面が「サイト本体」と「デバッグ用のパネル」に分かれます。パネルで見るべきは主に次の4つです。

  • 左側のイベント列:ページ表示やクリックなど、発生したイベントが時系列で並びます。各イベントをクリックすると、その瞬間の状態を確認できます。
  • Tags(Fired / Not Fired):そのイベントで発火したタグ発火しなかったタグ。狙ったタグがFired側にいるかが第一チェックポイント。
  • Variables:その瞬間に各変数が実際に返した値。「Click Textに何が入っているか」などが丸見えになります。
  • Data Layer:そのイベントでデータレイヤーに積まれた中身。EC計測などで超重要。

「タグが動かない」ときの探偵術:5つの容疑者

タグが発火しないとき、原因はだいたい次の5つのどれかです。上から順に疑ってください。

  1. トリガーを紐づけ忘れている:そもそもトリガーが付いていないタグは"置物"。最頻出。
  2. トリガーの条件が合っていない:たとえば「URLに /thanks を含む」としたのに、実際のURLは /thank-you だった、など。Variablesでその変数の実値を見れば一発で分かります。
  3. 変数が想定の値を返していない:組み込み変数が無効化されたまま、データレイヤーのキー名のスペル違い、など。Variablesパネルで確認。
  4. タグ自体の設定ミス:測定IDの打ち間違いなど。
  5. そもそも公開していない/プレビューが古い:編集後に「更新」を押していないとプレビューに反映されません。

ポイントは、「Tags(発火したか)→ Variables(値は正しいか)→ Data Layer(情報は来ているか)」と上流にさかのぼって切り分けること。勘で設定をいじるのではなく、事実(実際の値)を見て原因を特定する。これが探偵術の核心です。

GA4側のDebugViewも併用する

GA4のイベントを検証するときは、Tag Assistantに加えてGA4の管理画面の「DebugView」も開いておきましょう。GTM側で「発火した」だけでなく、GA4側で「ちゃんと受信した」ことまで両方の目で確認できると、計測の信頼性が一段上がります。「送った」と「届いた」は別物だからです。

まとめ:Day 6の要点

  • プレビュー(Tag Assistant)は、本番を汚さず自分だけがデバッグ接続できる仕組み。
  • 見るのはTags(発火)/Variables(実値)/Data Layer(情報)
  • 動かないときはトリガー紐づけ→条件→変数の値→タグ設定→公開漏れの順で切り分け。
  • GA4はDebugViewで"受信"まで確認。

デバッグができれば、もう「動かない」は怖くありません。次回 Day 7 では、安心して本番に出すための公開とバージョン管理。「タグ管理の黒歴史」を防ぐ運用作法を押さえます。

INDEX

Comment(0)