ネットショップにGoogleタグマネージャーを導入してみよう！（３：プレビュー機能を使ってみよう！）

前回、Googleタグマネージャーに設定した「コンテナ」の公開をしましたので、引き続きプレビューでの確認をしてみましょう。

前回の記事「ネットショップにGoogleタグマネージャーを導入してみよう！（２：コンテナを公開してみよう！）」についてはこちらをご覧ください。

1. Googleタグマネージャーのプレビュー機能を使ってみよう！

Googleタグマネージャーのプレビュー機能を使ってみよう！

　GoogleタグマネージャーのタグをHTML内の指定の個所に設置ができたら、正しく設置が完了しているかプレビュー機能を利用して確認する事ができます。

　Google タグマネージャーのプレビュー機能については、2020年10月16日以降「Google Tag Assistant」を利用して確認を行うようになりました。

　「Google Tag Assistant」はGoogle Chromeの拡張機能でも提供されていりますが、拡張機能をインストールしていなくてもGoogle タグマネージャーのプレビュー機能を利用する事はできます。

　2020年10月16日から採用（適用）された新しいバージョンのプレビュー機能では、「コンテナ」の「公開」設定が完了していないとプレビュー機能が正しく稼働しません。
　必ず事前に「コンテナ」の「公開」設定が完了してください。

１．Googleタグマネージャーにアクセスし、ワークスペース（管理画面）を参照します。
⇒　https://marketingplatform.google.com/in t l/ja/about/tag-manager/

２．ワークスペース（管理画面）の右上にある「プレビュー」をクリックします。

３．「プレビュー」ボタンをクリックすると「Google Tag Assistant」が立ち上がり「Start Tag Assistant（タグアシスタントを開始する）」「Tag Manager Preview Mode」というプレビューするURLの入力フォームが表示されるので、プレビューしたいサイトのURLを入力し「Start」ボタンをクリックします。

４．「Start」ボタンをクリックすると入力したURLの読み込み（接続）が開始されます。

５．URLの読み込み（接続）が始まると「新しいタブ」もしくは「ポップアップ画面」によりプレビュー対象のページが開きます。開いたページの右下に「Debugger connected」と書かれたウィンドウが表示されていることを確認します。

【注意】
開いた「新しいタブ」もしくは「ポップアップ画面」を閉じてしまうと、「Google Tag Assistant」の読み込み（接続）が中断されます。
読み込み（接続）完了後もページを閉じるとプレビュー機能は停止すしてしまうので、「Google Tag Assistant」利用中は表示されたページを閉じないようにしてください。

５．問題がなければ「Connected！（接続しました！）」と表示されるので、「Continue（接続する）」ボタンをクリックし接続を完了します。