コンテナのプレビューとデバッグ

タグ構成が想定どおりに動作しているかどうかを確認します。

Google タグ マネージャーのプレビュー モードでは、現在のドラフト コンテナが設定されているかのようにコンテナコードが実装されているサイトを参照できるため、コンテナ設定が公開される前にテストすることができます。プレビュー モードを有効にしたサイトでは、コンテンツの下にデバッグパネルが表示されるので、どのタグがどのような順序で配信されるか調べることができます。

注: 現時点では、モバイルアプリ用コンテナにデバッグペインは適用できません。モバイルアプリのコンテナをプレビューおよびデバッグする方法の詳細については、デベロッパー向けドキュメント(iOS の場合、Android の場合)をご覧ください。

プレビュー モードを有効にする

現在のワークスペースのプレビュー モードを有効にするには、[プレビュー] をクリックします。プレビュー モードが有効な場合、ワークスペース概要ページの上部にバナーが表示されます。

コンテナの以前のバージョンのプレビューを確認することもできます。方法は次のとおりです。

  1. 左のナビゲーションで [バージョン] をクリックします。
  2. 作業するバージョンを探し、[アクション]次へ [プレビュー] を選択します。

プレビュー モードを使用する

プレビュー モードを有効にし、コンテナを設定しているサイトに移動すると、ブラウザ下部のデバッグ コンソール ウィンドウが表示されます。デバッグ コンソールには、タグの配信状態や処理中のデータなど、タグに関する詳細情報が表示されます。このウィンドウは、プレビュー モードを有効にするために使用されたのと同じブラウザか、共有ユーザーにしか表示されません。ウェブサイトにアクセスしている他のユーザーには表示されません。

デバッグペインを読み込めない場合は、強制的に更新してみてください。それにより、ウェブブラウザはキャッシュされたアセットを再読み込みします。Chrome では、強制的に更新するためのキーボード ショートカットは次のとおりです。
  • Windows と Linux: Shift + F5 または Ctrl + Shift + r
  • Mac: ⌘ + Shift + r

デバッグ コンソールのこの情報を使用すると、タグやトリガーの配信状況やサービスに渡しているデータの種類を確認できます。プレビュー対象のウェブサイトをクリックして表示すると、デバッグ コンソールでタグの配信情報が更新されます。この情報は、タグの配信状況や配信の経緯を確認するのに役立ちます。

上のナビゲーション バーにはタグ、変数、データレイヤーが、左のナビゲーション バーにはイベントのリストが表示されます。

  • タグ: [タグ] をクリックすると、タグの配信状況がわかります。各タグをクリックすると、タグのプロパティと関連するトリガが表示されます。左側の列でイベントを選択すると、[タグ] タブでは該当のイベントに対応するタグのステータスが表示されます。
  • 変数: [変数] タブには、変数の種類、返されたデータの種類、解決値など、選択したイベントの変数に関する詳細情報が表示されます。イベントが発生した時点の変数の状態を表示するには、左側のナビゲーションでイベントを選択します。

  • データレイヤー: [データレイヤー] タブには、選択したイベントに応答してデータレイヤーにプッシュされたのとまったく同じメッセージと、そのメッセージのトランザクションが完了した後のデータレイヤーの状態が表示されます。イベントが発生した時点のデータレイヤーの状態を表示するには、左側のナビゲーションでイベントを選択します。

プレビュー モードを共有する

プレビュー モードを有効にすると、プレビュー モードを有効にしたブラウザだけでプレビュー対象のコンテナの設定とデバッグパネルが表示されます。このプレビューは、カスタム生成 URL で他のユーザーと共有できます。

ワークスペース設定のプレビューを同僚と共有するには:

  1. プレビューの通知バナーで [プレビューの共有] をクリックします。
  2. [プレビューの共有] ダイアログで、対象のウェブサイト ドメイン(例: https://example.com/)を入力します。
  3. 表示されたボックスからプレビュー URL をコピーします。
  4. コピーしたプレビュー URL を電子メッセージに貼り付け、同僚に送信します。この URL では、ブラウザのプレビュー モードが有効になっていることを知らせるランディング ページが表示されます。

プレビュー モードを終了する

コンテナからプレビュー モードを終了するには:

  1. [ワークスペース] をクリックします。
  2. [プレビュー モードを終了] をクリックします。

共有プレビュー モードを終了するには:

  1. 受け取ったリンクをクリックすると、共有プレビューのランディング ページに移動します。
  2. [プレビュー / デバッグモードを終了] をクリックします。
この記事は役に立ちましたか?
改善できる点がありましたらお聞かせください。