GTM（Google Tag Manager）でタグを設定したけど正しく発火しているかどうかわからない。公開する前にテストしたい。
そう考えている人がいるのではないでしょうか？
この記事ではGTMでタグが正しく発火しているかどうかプレビュー機能を使ってテストする方法を紹介します。
プレビュー機能の使い方がわからない方は是非最後までご覧ください。
- GTMプレビュー機能の使い方
プログラミング学習でこのような経験はありませんか？
- 目標に向けて何を学べば良いかわからない
- 調べても解決策が見つからない
- 現場レベルのスキルが身につくのか不安
これらの悩みは、学習環境を整えることで全て解決することができます。
ZeroPlus Gateでは、30日間無料で最適な学習環境を提供しています。
- なんでも相談できる専属メンター
- いつでも技術相談ができるプロ講師
- 元IT企業CTO監修のカリキュラム
条件なしでこのレベルの環境を無料で提供しているのはZeroPlus Gateだけです。
ただし、無料サービスの提供には参加者の数に制限があります。
少しでも興味がある方は、以下のリンクからサービスの詳細をご覧ください。
プレビューモードとは
プレビューモードとは、GTMの機能の1つです。
実装したタグが発火しているかどうかテストすることができます。
GTMでの作業は下記の流れで行います。
- ワークスペースを追加
- タグとトリガーの設定
- プレビュー
- 公開
プレビューは公開前に行う重要な作業なので必ず使い方を覚えましょう。
また、この記事ではタグの設定までは完了しているものとして話を進めます。タグの設定方法がわからない方はこちらの記事を参考にしましょう。
プレビューの使い方
1.プレビューを開始する
GTM > プレビュー
プレビューしたいサイトURLを入力
サイトへ遷移するので、テストしたい動作を試みましょう。
イベント発火確認
発火したトリガーは下記画像赤枠内「Tags Fired」欄に表示されます。
発火していないトリガーは下記画像黄色枠内「Tags Not Fired」欄に表示されます。
タグの詳細を確認する
クリックタグの記事で作成したtestタグの詳細をクリックして確認します。クリックタグの作成に関しては下記記事を参照ください。
test-タグの詳細を確認したところ、トリガーに設定している「テストトリガー」が発火していないことがわかります。
このように、発火していないものに関してはなぜ発火していないのか確認することができます。
プレビューモードを終了する
プレビューが完了したら、画面右下Finishをクリックして終了しましょう。
*広告などを非表示にすることができるブラウザ「Brave」を利用している方は表示されないためChromeなどのブラウザでテストしましょう。
まとめ
この記事ではプレビューモードの使い方を紹介しました。
プレビューモードは公開する前の最後にタグが発火しているかどうかを確認できる重要な機能です。
是非使えるようになりましょう！
GTMのプレビューで実装したタグをテストする方法まとめ
- プレビューモードとは実装したタグが発火しているかどうかテストすることができる
- 画面右上のプレビューからプレビューできる
- タグの詳細を確認できる
プログラミング学習でこのような経験はありませんか？
- 目標に向けて何を学べば良いかわからない
- 調べても解決策が見つからない
- 現場レベルのスキルが身につくのか不安
これらの悩みは、学習環境を整えることで全て解決することができます。
ZeroPlus Gateでは、30日間無料で最適な学習環境を提供しています。
- なんでも相談できる専属メンター
- いつでも技術相談ができるプロ講師
- 元IT企業CTO監修のカリキュラム
条件なしでこのレベルの環境を無料で提供しているのはZeroPlus Gateだけです。
ただし、無料サービスの提供には参加者の数に制限があります。
少しでも興味がある方は、以下のリンクからサービスの詳細をご覧ください。
