Googleタグマネージャのプレビューモードで登録したタグの作動を確認する

  •  
  •  
  •  
  •  
  •  

Googleタグマネージャ(GTM)ではタグを設計した場合、いきなり反映するのではなく問題なく機能するかを検証する必要があります。もちろんその機能もGTMには付いているのでそのお話をします。

プレビューモードとは

GTMでは設計したタグが正しく動くかをチェックするために「プレビューモード」があります。これは実際には反映せずにブラウザ上で「コンテナ」に格納されているタグの動作を検証することができます。
プレビューモードのデバッグツールを使うことで、どのような順番でタグが発動しているかの確認もすることができます。

プレビューモードを開始する

1・コンテナの中へ移動し、動作確認をしたいタグのあるワークスペースを選択します。

2・画面右上の「プレビュー」をクリックします。

すると現在のワークスペースが読み込まれプレビューモードに切り替わります。

この画面に切り替わったら、同じブラウザの別タブでタグを設置する予定のサイトへアクセスします。サイトの全てのページで画面下部にデバック用のコンソールが出現します。
この状況でタグのテストを行い動作の確認をすることが可能になります。

デバッグツールとは

「デバッグツール」とはタグの稼働状況やトリガーの発動状況、実際に引き渡される変数の中身、データレイヤーなどをタグのメソッドごとに確認ができるツールです。

「プレビューモード」でサイトを見たときに画面下部にデバッグコンソールとして出現します。

デバッグツールは「tags(タグ)」「Variables(変数)」「Data Layer(データレイヤー)」の3つのタブで切り分けられたいます。
それぞれのタブには画面左のイベントが発生した時の状態が記されています。

tag(タグ)

tag(タグ)はコンテナに格納されているタグがこのページでどのような状態であるかを確認できます。
ページ上でタグが正常に作動した場合は「Tags Fired On This Page」の下に表示されます。
またそれぞれのタグ内に「Fired ○ time(s)」という形で何回タグが稼働したかをカウントします。

ページ上で作動していないタグは「Tags Not Fired On This Page」の下に表示されます。本来作動すべきタイミングでもここに分類されている時はトリガーに原因があります。

Variable(変数)

Variable(変数)はタグが稼働した際に引き渡された変数の値を確認することができます。

左から該当するイベントを選択すると、左から「変数」「変数のタイプ」「返り値のデータ形式」「値」が現れます。

ここではタグが正常に稼働したときに変数が取得する値に間違いがないかを確認することができます。
タグの設定時に「カテゴリー」や「ラベル」に変数を使っている場合、ここで確認ができる値がその変数に入り、アナリティクスで集計されます。

Data Layer(データレイヤー)

Data LAyer(データレイヤー)はタグが正常に稼働したときにGTMにページの情報を渡すようにするオブジェクトです。

オブジェクトは複数の変数に値や関数を格納できる集合体のことで、プログラミングに興味がない方はピンとこないと思います。
ここではオブジェクトについては説明しませんので興味がある方はご自身でお調べください。

タグを使って特別な操作をしようとしない限りは特に使うことはありません。

タグを公開する

タグが起動するか、格納される変数の値に間違いはないかを確認し問題がなければ公開します。

1・GTMで青い「公開」をクリックします。

2・変更の送信画面で「バージョン名」と「バージョンの説明」を記入します。「バージョン名」はどのタグについての変更かわかる名前をつけると良いでしょう。また、「バージョンの説明」については他の人が見てもわかる内容を記入すると良いでしょう。

3・画面右上の「公開」をクリックすれば完了です。

GTMのタグは変更が行われるたびにバージョンが更新されていきます。タグの仕様がバージョンによって管理されているため、過去のバージョンを再度選んで稼働するタグを変更することも可能です。

プレビューモードでタグの確認ができたり、バージョン管理をしていることでいつでも以前の状態に戻せるというのはGoogleタグマネージャの素晴らしいところですね。

About Daigo Hirano 52 Articles
広告代理店や飲食業を経てECへ。熊本を根城にしてウェブ解析やウェブ広告の運用代行、SEOコンサルタントなどウェブ集客に特化した広告代理店をはじめました。 ウェブ広告はGoogle広告、Yahoo広告などのリスティング広告のほか、Facebook広告などSNS広告も行っております。 熊本・福岡・東京を中心に、大手代理店にお願いできない中小企業にスキルと知識を用いて集客支援をしています。

1 Trackback / Pingback

  1. Googleタグマネージャを導入し、Googleアナリティクスの設定をする

Leave a Reply

Your email address will not be published.


*