Google Tag Manager 入門|非エンジニアでもできるタグ管理の始め方 | GH Media
URLがコピーされました

Google Tag Manager 入門|非エンジニアでもできるタグ管理の始め方

URLがコピーされました
Google Tag Manager 入門|非エンジニアでもできるタグ管理の始め方

「ホームページにアクセス解析タグを入れたいのに、エンジニアの手が空かなくて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 アカウントを作成する

  1. tagmanager.google.com にアクセスし、Google アカウントでログイン
  2. 「アカウントを作成」をクリック
  3. アカウント名:会社名(例:株式会社〇〇)を入力
  4. コンテナ名:管理するサイトのURL(例:example.com)を入力
  5. ターゲットプラットフォーム:「ウェブ」を選択
  6. 「作成」→ 利用規約に同意

アカウントは企業単位、コンテナはサイト単位で作成するイメージです。複数サイトを運営している場合は、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 での設定手順

  1. GTM 管理画面で「タグ」→「新規」をクリック
  2. タグ名を入力(例:「GA4 - ページビュー計測」)
  3. タグの種類で「Google タグ」を選択
  4. 測定 ID に G-XXXXXXXXXX を入力
  5. トリガーで「All Pages(全ページ)」を選択
  6. 右上の「保存」をクリック

プレビューで動作確認する

公開前に必ずプレビュー機能で確認します。

  1. GTM 管理画面右上の「プレビュー」をクリック
  2. サイトの URL を入力して「Connect」
  3. サイトが別タブで開き、GTM のデバッグパネルが表示される
  4. タグ一覧に「GA4 - ページビュー計測」が「Tags Fired(発火済み)」に表示されていれば成功

問題がなければ、GTM 管理画面に戻って「公開」→バージョン名を入力→「公開」で完了です。

よくある使い方:問い合わせフォーム到達を計測する

GTM を導入した後、最初に試してほしい活用法がコンバージョン計測です。問い合わせフォームの完了ページ(サンクスページ)への到達を GA4 に送信することで、「何件の問い合わせが来ているか」を正確に把握できます。

設定の流れ

  1. 新しいタグを作成:タグ種類「Google Analytics: GA4 イベント」を選択
  2. 測定 ID:先ほどと同じ GA4 の測定 ID を入力
  3. イベント名generate_lead(問い合わせを表す GA4 推奨イベント名)
  4. トリガーを新規作成
    • トリガーの種類:「ページビュー」
    • 発火条件:「Page URL」が thank-you または contact-thanks を含む
  5. 保存→プレビューで確認→公開

これだけで GA4 のコンバージョンレポートに問い合わせ数が計上されるようになります。広告を出稿している場合は、この計測データをもとに費用対効果(ROAS)を算出できます。

GTM 運用のベストプラクティス

GTM を安全・効率的に運用するために、以下の点を意識しましょう。

命名規則を統一する

タグ・トリガー・変数が増えるほど、命名が重要になります。「[ツール名] - [計測内容] - [発火条件]」のような統一ルールを設けると、後から見返しやすくなります。

例:GA4 - リンククリック - ヘッダーCTA

公開前は必ずプレビューで確認する

プレビューをスキップすると、設定ミスで計測が止まったり二重計測が起きたりします。変更のたびにプレビューで動作確認する習慣をつけてください。

バージョン管理を活用する

GTM はバージョン管理機能を持っており、公開のたびにスナップショットが保存されます。問題が起きたら旧バージョンにすぐ戻せるため、変更を恐れずに実験できます。

タグが増えたら定期的に棚卸しする

使われなくなった古いタグが残ると、パフォーマンスに悪影響を与えます。半年に1回程度、タグ一覧を見直して不要なものを削除しましょう。

GA4・Astro との連携記事もあわせてチェック

GTM を使った計測の次のステップとして、GA4 のデータの読み方を学ぶと、サイト改善の意思決定がさらに速くなります。

まとめ

Google Tag Manager の要点を整理します。

ポイント内容
GTM とはタグを一元管理する Google の無料ツール
最大のメリットタグ追加・変更をエンジニア不要で即日対応
基本概念タグ(何をするか)・トリガー(いつ)・変数(何の値で)
導入の流れアカウント作成 → コード設置(1回だけ)→ タグ設定 → プレビュー → 公開
最初の活用GA4 ページビュー計測・問い合わせコンバージョン計測

GTM を使いこなすことで、マーケティング施策のサイクルが大幅にスピードアップします。「タグを変えたいけどエンジニアに頼まないと……」という状況から卒業し、データを使った経営判断を自社で完結できる体制を作りましょう。

「GTM の設定を自社でやってみたいが、最初のコード設置だけ手伝ってほしい」「GA4 と連携した本格的なコンバージョン計測を構築したい」という場合は、グリームハブへお気軽にご相談ください。

無料相談・お問い合わせはこちら

URLがコピーされました

グリームハブ株式会社は、変化の激しい時代において、アイデアを形にし、人がもっと自由に、もっと創造的に生きられる世界を目指しています。

記事を書いた人
照屋 塁
照屋 塁

ITベンチャー創業の元社会人野球選手。変化の早い世の中の波に乗り、世の中に価値あるサービスを出していきたい!と思い会社を設立

関連記事