シンママQAエンジニア｜Googleタグマネージャーの基本と導入方法

Webサイトの運用に関わっていると「タグ」や「タグマネージャー」という言葉を耳にすることが増えてきます。
特にアクセス解析ツールのGoogleアナリティクスや広告の効果測定を行う際には、正しくタグを管理することがとても大切です。
でも「タグって何？」「どうやって設置するの？」と疑問に思う方も多いのではないでしょうか。
私も最初は難しそうに感じましたが、実際に使ってみると便利で効率的に運用できるツールだと実感しています。
この記事では、タグの基礎知識からGoogleタグマネージャー（GTM）の導入手順までを、わかりやすく解説します。

そもそもタグってなに？
タグマネージャーってなに？
タグマネージャーを使うメリットは？
タグマネージャーを使うには？導入手順
まとめ

そもそもタグってなに？

Googleアナリティクスや広告（Google、Yahoo、Facebookなど）を使うとき、それぞれの管理画面からコードが発行されます。
このコードをWebサイトのソースコードに直接記載することで、ユーザーの行動を計測できるようになります。

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

タグマネージャーってなに？

タグマネージャーは、Webサイトやアプリに埋め込むタグを一元的に管理できるツールです。
最初に「スニペット」と呼ばれるタグマネージャー専用のタグを全ページに設置しておけば、その後はサイトのHTMLを直接修正しなくても、管理画面からタグの追加や変更ができます。

つまり、一度導入すればエンジニアに毎回依頼しなくても運用できる、とても便利な仕組みです。

タグマネージャーを使うメリットは？

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

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

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

タグマネージャーを使うには？導入手順

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

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

Googleタグマネージャー（以降GTMと記載）のアカウント作成
GTMのタグ（スニペット）をWEBサイトのHTMLに貼り付け
Googleアナリティクス4の計測タグを設定
タグを発火させるトリガーを設定
プレビューモードでタグの発火を確認
タグを公開

1. タグマネージャーのアカウント作成

Googleタグマネージャーにアクセスし、Googleアカウントでログインします。
アカウント名やサイト名、利用する国を設定し、コンテナ名（設置するドメイン）とターゲットプラットフォーム（主に「ウェブ」）を選んで作成します。

項目	設定値
アカウント名	サイト名や企業名等を設定
国	利用する国を指定
コンテナ名	GTMを設置するドメイン（サイト名）を指定
ターゲットプラットフォーム	設置対象の種類を指定。主に「ウェブ」

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

2. GTMのタグ（スニペット）をWEBサイトのHTMLに貼り付け

作成後に表示されるGTMのタグ（スニペット）をコピーし、WebサイトのHTMLに貼り付けます。
この作業はエンジニアに依頼すると安心です。

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

3. Googleアナリティクス4の計測タグを設定

タグマネージャーの左メニューで「タグ」を選択
「新規」をクリック
左上のタグ名を入力
「タグタイプを選択する設定を開始…」をクリック
タグタイプを選択
- 「Googleアナリティクス」>「Googleアナリティクス:GA4イベント」をクリック
測定IDを追加
- データストリームの測定IDを入力
「保存」をクリック

4. タグを発火させるトリガーを設定

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

タグマネージャーの左メニューで「トリガー」を選択
「新規」をクリック
「トリガータイプを選択する設定を開始…」をクリック
トリガータイプを選択
- 「ページビュー」を選択
「保存」をクリック

5. プレビューモードでタグの発火を確認

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

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

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