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

  • 1
  •  
  •  
  •  
  •  
  •  

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 ash-d 38 Articles
広告代理店や飲食業を経てECへ。その後ウキウキワクワクしながら独立、フリーでアクセス解析やリスティング広告運用代行、ホームページ制作もはじめました。 小さい子供の相手をしながら、いろいろなことをマーケティング(特にツール系の)備忘録でまとめます。 最近はスーパードラマチャンネルやFOXのドラマにどハマり中で、「Scorpion」「Walking Dead」が面白いです。

1 Trackback / Pingback

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

Leave a Reply

Your email address will not be published.


*