「ホームページにアクセス解析タグを入れたいのに、エンジニアの手が空かなくて2週間待ち」——そんな経験をしたことはないでしょうか。あるいは、複数の広告タグやチャットツールのスクリプトが増えるたびにサイトが重くなり、管理が煩雑になっている方もいるかもしれません。
そうした問題を解消するのが Google Tag Manager(GTM) です。GTM を使えば、一度だけサイトに小さなコードを埋め込むだけで、その後のタグ追加・変更・削除はすべてブラウザ上の管理画面から行えます。エンジニア不要で、非技術者でも安全に運用できるのが最大の魅力です。
本記事では、GTM の基本概念から、アカウント作成・GA4 タグ設定・公開の実践手順まで、中小企業のWeb担当者・経営者が今日から始められるようにわかりやすく解説します。
Google Tag Manager とは何か
GTM は Google が提供する**無料のタグ管理システム(TMS:Tag Management System)**です。Web サイトに設置する各種トラッキングコード(タグ)を一元管理するためのプラットフォームで、2012年のリリース以降、世界中の企業が採用しています。
タグ管理システムを使わない場合、タグを追加するたびに HTML ファイルを編集し、サーバーにアップロードし直す必要があります。GTM を導入すると、一度だけ HTML に GTM のコードを埋め込めば、以降は GTM の管理画面だけで作業が完結します。
GTM を使うメリット
| メリット | 具体的な効果 |
|---|---|
| エンジニア不要 | 非技術者がブラウザ上でタグを追加・変更できる |
| スピードアップ | タグ変更のリードタイムが数日→即日に短縮 |
| タグの一元管理 | GA4・広告・チャットツールなどを一画面で管理 |
| バージョン管理 | 変更履歴が残り、問題があれば即ロールバック |
| プレビュー機能 | 公開前に動作確認できるため本番障害を防げる |
| 無料で使える | Google アカウントがあれば費用は0円 |
GTM の3つの基本概念
GTM を理解するうえで、タグ・トリガー・変数の3要素を押さえておく必要があります。この3つがセットで動いて、計測データが送信される仕組みです。
タグ(Tag)
タグは「何をするか」を定義するコードのことです。例えば「GA4 にページビューを送信する」「Google 広告のコンバージョンを計測する」といった処理がタグに相当します。GTM には GA4・Google 広告・Meta ピクセルなどのテンプレートが用意されており、コードを書かなくても設定できます。
トリガー(Trigger)
トリガーは「いつタグを発火させるか」を定義する条件です。「全ページ読み込み時」「お問い合わせフォームのサンクスページを開いたとき」「特定のボタンをクリックしたとき」など、条件を細かく指定できます。
変数(Variable)
変数は「どんな値を使うか」を定義するものです。ページの URL、クリックされた要素のテキスト、フォームに入力された値などを動的に取得し、タグやトリガーの中で参照できます。
3つの関係を整理すると、「変数で値を拾い、トリガーで条件を判断し、タグを実行する」というフローになります。これが GTM の動作の核心です。
GTM の導入手順(アカウント作成〜コード設置)
それでは実際に GTM を始める手順を見ていきましょう。
ステップ1:GTM アカウントを作成する
- tagmanager.google.com にアクセスし、Google アカウントでログイン
- 「アカウントを作成」をクリック
- アカウント名:会社名(例:株式会社〇〇)を入力
- コンテナ名:管理するサイトのURL(例:example.com)を入力
- ターゲットプラットフォーム:「ウェブ」を選択
- 「作成」→ 利用規約に同意
アカウントは企業単位、コンテナはサイト単位で作成するイメージです。複数サイトを運営している場合は、1つのアカウントの中に複数のコンテナを作成します。
ステップ2:サイトにコードを設置する
アカウント作成後、2つのコードスニペットが表示されます。これをサイトの HTML に1度だけ設置します。
<!-- コード①:<head> 内の できるだけ上部に貼る -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- コード②:<body> 開始タグの直後に貼る -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
GTM-XXXXXXX の部分は、自分のコンテナ ID に置き換えてください。WordPress サイトの場合は「Insert Headers and Footers」などのプラグインを使うと、HTML を直接編集せずに設置できます。
ポイント:この「コード設置」だけがエンジニアに依頼が必要な唯一の作業です。一度設置してしまえば、以降は GTM 管理画面だけで作業が完結します。
GA4 タグを GTM で設定する
GTM を使って GA4(Google アナリティクス 4)のページビュー計測を設定してみましょう。まず GA4 の測定 ID(G-XXXXXXXXXX 形式)を手元に用意しておきます。
測定IDの確認方法
GA4 管理画面 → 「管理」→「データの収集と修正」→「データストリーム」→ 対象ストリームをクリック → 測定 ID を確認
GTM での設定手順
- GTM 管理画面で「タグ」→「新規」をクリック
- タグ名を入力(例:「GA4 - ページビュー計測」)
- タグの種類で「Google タグ」を選択
- 測定 ID に
G-XXXXXXXXXXを入力 - トリガーで「All Pages(全ページ)」を選択
- 右上の「保存」をクリック
プレビューで動作確認する
公開前に必ずプレビュー機能で確認します。
- GTM 管理画面右上の「プレビュー」をクリック
- サイトの URL を入力して「Connect」
- サイトが別タブで開き、GTM のデバッグパネルが表示される
- タグ一覧に「GA4 - ページビュー計測」が「Tags Fired(発火済み)」に表示されていれば成功
問題がなければ、GTM 管理画面に戻って「公開」→バージョン名を入力→「公開」で完了です。
よくある使い方:問い合わせフォーム到達を計測する
GTM を導入した後、最初に試してほしい活用法がコンバージョン計測です。問い合わせフォームの完了ページ(サンクスページ)への到達を GA4 に送信することで、「何件の問い合わせが来ているか」を正確に把握できます。
設定の流れ
- 新しいタグを作成:タグ種類「Google Analytics: GA4 イベント」を選択
- 測定 ID:先ほどと同じ GA4 の測定 ID を入力
- イベント名:
generate_lead(問い合わせを表す GA4 推奨イベント名) - トリガーを新規作成:
- トリガーの種類:「ページビュー」
- 発火条件:「Page URL」が
thank-youまたはcontact-thanksを含む
- 保存→プレビューで確認→公開
これだけで GA4 のコンバージョンレポートに問い合わせ数が計上されるようになります。広告を出稿している場合は、この計測データをもとに費用対効果(ROAS)を算出できます。
GTM 運用のベストプラクティス
GTM を安全・効率的に運用するために、以下の点を意識しましょう。
命名規則を統一する
タグ・トリガー・変数が増えるほど、命名が重要になります。「[ツール名] - [計測内容] - [発火条件]」のような統一ルールを設けると、後から見返しやすくなります。
例:GA4 - リンククリック - ヘッダーCTA
公開前は必ずプレビューで確認する
プレビューをスキップすると、設定ミスで計測が止まったり二重計測が起きたりします。変更のたびにプレビューで動作確認する習慣をつけてください。
バージョン管理を活用する
GTM はバージョン管理機能を持っており、公開のたびにスナップショットが保存されます。問題が起きたら旧バージョンにすぐ戻せるため、変更を恐れずに実験できます。
タグが増えたら定期的に棚卸しする
使われなくなった古いタグが残ると、パフォーマンスに悪影響を与えます。半年に1回程度、タグ一覧を見直して不要なものを削除しましょう。
GA4・Astro との連携記事もあわせてチェック
GTM を使った計測の次のステップとして、GA4 のデータの読み方を学ぶと、サイト改善の意思決定がさらに速くなります。
- GA4で見るべき5つの指標 ― Webアクセス解析入門 — GA4 の基本指標と読み方を初心者向けに解説
- Astro サイトへの GA4 本番導入ガイド — SSG(静的サイト)環境での GTM・GA4 設定方法
まとめ
Google Tag Manager の要点を整理します。
| ポイント | 内容 |
|---|---|
| GTM とは | タグを一元管理する Google の無料ツール |
| 最大のメリット | タグ追加・変更をエンジニア不要で即日対応 |
| 基本概念 | タグ(何をするか)・トリガー(いつ)・変数(何の値で) |
| 導入の流れ | アカウント作成 → コード設置(1回だけ)→ タグ設定 → プレビュー → 公開 |
| 最初の活用 | GA4 ページビュー計測・問い合わせコンバージョン計測 |
GTM を使いこなすことで、マーケティング施策のサイクルが大幅にスピードアップします。「タグを変えたいけどエンジニアに頼まないと……」という状況から卒業し、データを使った経営判断を自社で完結できる体制を作りましょう。
「GTM の設定を自社でやってみたいが、最初のコード設置だけ手伝ってほしい」「GA4 と連携した本格的なコンバージョン計測を構築したい」という場合は、グリームハブへお気軽にご相談ください。