Googleタグマネージャー（GTM）を導入する｜Googleアナリティクス使い方ガイド

Googleタグマネージャー（GTM）とは、Googleから提供されている様々なタグを一括で管理できるツールです。Googleアナリティクス以外にも、リスティング広告やディスプレイ広告などの広告タグ、FacebookやTwitterのようにプラグインを動作させるために必要なタグまで一元管理できるツールです。

サイトを改善するためのソリューションの多くが、HTMLソースにタグを埋め込むことを前提としています。

そのため、ソリューション導入時にはHTMLソースへのタグ埋め込み作業を伴うことが多く、またサイトの全ページのHTMLソースにタグを埋め込む作業には手間がかかります。Web担当者自身が作業できない場合は社内のシステム部門や外部のパートナー会社に依頼する必要があり、時間もかかります。

また、色々なソリューションを導入してタグを埋め込むと、サイト内のページのHTMLソースが複雑化していき、JavaScript同士が干渉するリスクも大きくなります。さらに、ページの読み込み速度も遅くなり、ユーザビリティやSEOに悪影響を与える可能性があります。

上記のような、埋め込み作業にかかる手間と時間や、HTMLソースの複雑化などの懸念を解決してくれるのがタグマネージャーです。

Googleタグマネージャー以外の代表的なサービスは「Yahoo!タグマネージャー」や「Adobe Analytics」が挙げられます。Googleタグマネージャーと他社ツールとを比較した場合のメリット・デメリットについてまとめました。

また、以上のメリット・デメリットを考慮して、Googleタグマネージャーの「導入を推奨する状況」と「導入不要の状況」をまとめました。こちらも参考に導入を検討してください。

Googleタグマネージャにアクセスし、アカウントを設定をします。

[ページにアクセス] → [アカウントを作成] → [アカウント名やコンテナ名を入力] → [作成]

アカウント作成が完了すると、コンテナスニペットが発行されます。このタグをサイトの全ページのHTMLファイルに貼り付けることで、タグマネージャが利用できます。

[Googleタグマネージャー利用規約に同意] → [コピーしてページに貼り付ける]

発行されたタグは、ワークスペースタブの右上の「コンテナID」をクリックすると表示されます。

Googleタグマネージャーを利用する上で、「タグ」と「トリガー」の関係も理解しましょう。簡単に言うと、「タグ」は『モノ』、「トリガー」は『時』を操作します。

例えば、＜valuesccg.com/complete＞というページにのみコンバージョンタグを表示したい場合は
　『モノ』がコンバージョンタグ
　『時』はページにユーザーが訪問した時
となります。
よって、Googleタグマネージャーでの設定は、タグにはコンバージョンタグ、トリガーには＜valuesccg.com/complete＞にのみタグを表示する、となります。

「トリガー」とは英語で"引き金"という意味で、転じてGoogleタグマネージャーではタグを実行させる条件をさしています。Web解析の現場では、タグの実行のことを英語で"fire"と表記することから、タグの実行を"発火"と呼ぶことがあります。「タグ」を発火させるための引き金となるのが「トリガー」と理解すると分かりやすいかもしれません。

Googleタグマネージャー上でタグを作成しただけでは、そのタグが有効になっているわけではありません。タグを有効にするためには公開することが必要になります。

ただし、公開する前に必ずやるべきことがあります。それは「プレビュー」です。
人が設定するものなので、ちょっとした入力ミスやトリガーの設定漏れなどの問題を防ぎきれないのも事実です。

タグを誤った設定で公開しないように、必ず「プレビュー」でタグが正確に機能していることを確認しましょう。

動作安定性と使い勝手の向上のため、可能ならプレビューモードは「Tag Assistant Legacy (by Google)」をインストールしたGoogle Chromeから実行してください。

[ページにアクセス] → [Chromeに追加] → [拡張機能を追加] → [インストール完了]

プライベートブラウジング（シークレットモード）時でも快適にGTMプレビューモードを利用したい場合は、インストール後に「Tag Assistant Legacy (by Google)」の設定詳細を開き、「シークレットモードでの実行を許可する」オプションをオンにしてください。

・プレビューモードの動作安定性の向上
・プレビュー対象ページを通常のタブとして開ける（※進む、戻る、URLの変更などの操作が楽である）

[プレビュー] → [プレビュー対象ページのURLを指定] → [プレビュー対象のページを確認] → [デバッグUIタブを確認] → [Continue]

プレビューモードを起動してからプレビュー対象ページで発生した各イベントにより呼び出された「タグ」、「変数」、「データレイヤー」、「エラー」が確認できます。

ここでは主にタグの項目について説明します。

① ×：プレビューモード「終了」ボタン
② プレビュー対象タグ切り替えメニュー：Googleタグマネージャー・gtagの切り替え
③ タイムライン：各ページで発生したイベント一覧
④ Tag Fired：発火したタグ一覧
⑤ Tag Not Fired：発火しなかったタグ一覧

プレビューモードを開始してから発火が確認できたタグと、呼び出された回数がまとめて表示されます。

タイムラインの中のページ名が表示されている行をクリックします。

これまでのプレビューモードでは、確認することが不可能だったリンククリック時に稼働したタグの発火が確認できます。
新しいプレビューモードでは、ページ移動を伴うイベントで呼び出されたタグの発火状況も確認できます。

特定のタイミングで発生したイベントにより、発火したタグのみを絞り込んで確認できます。

タグの設定が完了し動作確認までできたら、あとは「公開」すれば設定を反映できます。
ここでは、例としてGoogleアナリティクスのトラッキングコードの設定手順をみていきましょう。

[新しいタグを追加] → [タグの設定] → [タグタイプを選択] → [トラッキングタイプなどを設定する] → [トリガーの設定] → [トリガーの選択] → [名前を入力して保存] → [公開] → [バージョンの入力] → [設定完了]

Googleタグマネージャーが動作しているか、Googleアナリティクスの管理画面で確認してみましょう。

自分のサイトにアクセスをして、Googleアナリティクスの「リアルタイム→概要」画面で、自分のアクセスがカウントされていれば設置完了です。

Googleタグマネージャを設定したのに、Googleアナリティクスのレポートにデータが反映されない原因は、Googleタグマネージャの状態がプレビューモードのままになっていて、タグを公開していないことが多いです。

Googleタグマネージャーとは、Googleから提供されている様々なタグを一括で管理できるツールです。

・Googleタグマネージャーを導入する場合、メリット・デメリットの他に自社サイトの状況も鑑みた上で判断する
・アカウントはサイトの管理会社ごとに1つ設定することが一般的
・コンテナは1サイト（または1ドメイン）ごとに1つ設定することが一般的
・タグ自体がすべてのページに存在していても、実際にタグを実行するか否かを左右しているのはトリガー
・動作安定性と使い勝手の向上のため、可能ならプレビューモードは「Tag Assistant Legacy (by Google)」をインストールして確認する
・設定したタグが意図通りに動作するか、コンテナを公開する前に必ずプレビューでテストすることを習慣づける

※本記事は、2021年4月時点の情報に基づいています。