【GA4】Googleタグマネージャー初期設定

そもそもタグってなに？

Googleアナリティクスの基本測定やイベント測定、Google、ヤフー、Facebookなどの広告を活用する場合、それぞれの管理画面で発行されるコードをWEBサイトのソースコードに直接記載します。

このコードを「タグ」と呼びます。
「<>」で囲まれたテキストで、WEBサイトに設置する部品のようなものです。

タグマネージャーはWEBサイトやモバイルアプリに埋め込むタグを簡易に管理できるツールです。

タグマネージャーは利用開始時に「スニペット」と呼ばれるタグマネージャーのタグを計測するすべてのWEBページに設置することで、WEBサイトのHTMLを修正しなくても
タグマネージャーの管理画面で計測タグの追加や変更を一元管理できます。

WEBサイトにタグを設置するためにはWEBサイトを構成するHTML上にコードを追加する必要があります。
そのため直接WEBサイトにタグの追加や変更をする場合、都度開発エンジニアに依頼する必要があります。
追加や修正が発生した場合、計測タグを設置した全てのページを修正する必要もあります。

それに対しタグマネージャーを用いる場合、HTML上にタグマネージャーのタグのみ設置するだけで済みます。
タグの追加や変更はタグマネージャー（ツール）上で修正可能で、全てのページへ反映されます。
都度開発エンジニアに依頼する必要がありません。

他にも、GA4以外の計測タグもタグマネージャーで管理できます

GA4で発行される計測タグ（gtag.js）の代わりに
タグマネージャーの「スニペット」を実装すれば
以降はタグマネージャーのWEB管理画面で機能の追加や設定が行えます。

タグマネージャーのアカウント作成には「Googleアカウント」が必要です。

タグマネージャーにアクセスしてGoogleアカウントでログイン

タグマネージャーのアカウントを作成してください。

利用規約に同意して作成完了です。

GTMのタグが表示されたら、タグをコピーして対象サイトのHTMLに設置してもらうよう開発エンジニアへ依頼しましょう。

GTMの「管理」からタグを再度表示できます。

トリガーとはGTMに登録したタグを発火させる条件です。

GTMには設定したタグが発火しているか事前に確認できる「プレビューモード」が備わっています。
設定したタグを実際のWEBサイトに反映させずに挙動を検証する機能です。
「プレビューモード」を使用するには「編集者」以上の権限が必要です。

権限は管理 > ユーザー管理から確認できます。

タグマネージャーの「ワークスペース」を表示
右上の「プレビュー」をクリック
- 新規ウィンドウでTag Assistantの画面に遷移する
確認するサイトのURLを入力して「Connect」をクリック
- 新規ウィンドウで確認するサイトが表示されます
- 画面右下に「Debugger connected」と表示されることを確認してください
Tag Assistantの画面に戻り「Connected！」と表示されることを確認
- ここまではWEBサイトのタグの埋め込み確認
Tag Assistantの画面に戻る
- 「Summary」内の「Tag Fired」に作成したタグが表示されていれば正常に設定できています