Googleタグマネージャー（GTM）の導入手順と設定方法｜GA4・Web広告タグを一元管理するプロの計測設計実務

By /

Googleタグマネージャー（GTM: Google Tag Manager）の導入手順と適切な設定方法は、Webサイト上でGoogleアナリティクス4（GA4）や各種Web広告のコンバージョンタグを一元管理し、正確なアクセス解析とマーケティング施策の測定を行うための必須作業です。GTMを導入することで、HTMLコードを毎回直接修正することなく、ブラウザ上の管理画面から安全かつスピーディに計測タグの追加や変更が可能になります。

本記事では、イノベートスコープ株式会社のWeb保守・マーケティング設計の実務経験に基づき、GTMの基本概念からアカウント・コンテナの作成、WordPressを含むWebサイトへのコード設置手順、GA4・Web広告タグの具体的な設定手順、プレビューモードによる動作確認、運用上の注意点までをプロの視点で徹底解説します。

Googleタグマネージャー（GTM）とは？導入のメリットと仕組み

Googleタグマネージャー（GTM）とは、Webサイトやモバイルアプリに埋め込む各種トラッキングコード（計測タグ）を、ソースコードを直接書き換えることなくWeb上の管理画面で一括管理・制御できる無料のタグ管理ツールです。

Webサイトの集客改善や広告運用を行う際、GA4（アクセス解析ツール）をはじめ、Google広告、Yahoo!広告、Meta広告、LINE広告など、多くの計測タグを設置する必要があります。これらをWebサイトのHTMLソースコードに個別に記述すると、管理が煩雑になり、読み込み速度の低下やタグの重複設置といったトラブルの原因となります。GTMを導入することにより、これらの課題を根本から解決できます。

GTMを構成する3つの基本要素（タグ・トリガー・変数）

GTMの仕組みを理解する上で重要となるのが、「タグ」「トリガー」「変数」という3つの概念です。これらを組み合わせることで、任意の条件に応じた柔軟な計測設計を実現します。

  • タグ（Tag）：Webサイト上で実行されるプログラムコードのことです。GA4へデータを送信するタグや、Google広告のコンバージョンタグなどが該当します。
  • トリガー（Trigger）：タグを発火（実行）させるための条件やタイミングを設定する要素です。「特定のお問い合わせ完了ページが表示された時」や「特定のボタンがクリックされた時」といった条件を指定します。
  • 変数（Variable）：タグやトリガーを動かすために必要な情報や値のことです。現在開いているページのURL、クリックされた要素のIDやテキスト、計測ツールごとの識別IDなどを保持・参照します。

HTML直接埋め込みとGTM管理の比較

Webサイトに直接タグを埋め込む手法と、GTMを活用して一元管理する手法の違いを理解しておくことで、サイト運用の効率化が明確になります。

比較項目 HTML直接埋め込み方式 GTM一元管理方式（推奨）
タグの追加・修正 HTMLファイルの編集とサーバーへのアップロードが必要 GTM管理画面上で設定完了（コード変更作業が不要）
サイト表示速度への影響 多数の外部スクリプトが混在し、レンダリングを阻害しやすい GTMコードで非同期読み込みされ、表示パフォーマンス悪化を抑制
管理・把握のしやすさ ソースコードを確認しないと設置タグの把握が困難 GTM管理画面上で全タグの一覧・発火条件が一目で確認可能
テスト・検証環境 本番環境でテストを行う必要があり、誤動作リスクが高い 「プレビュー機能」により、本番公開前に自社ブラウザ上で検証可能

Webサイトの成果を高めるためには、データ分析と改善活動のPDCAサイクルを素早く回すことが不可欠です。タグ管理の手間を削減し、計測精度を高める基盤としてGTMの導入は極めて有効です。Webサイト運用全般における目標設定やデータ活用の視点については、Webサイト運用におけるKPI設定とPDCAサイクルの回し方｜集客とリード獲得を継続的に伸ばす実務ガイドも合わせてご参照ください。

GTM導入前の事前準備とアカウント・コンテナ作成手順

Googleタグマネージャーを導入する際は、適切な階層構造（アカウントとコンテナ）を理解した上で初期設定を行う必要があります。

アカウントとコンテナの階層設計

GTMは「アカウント」と「コンテナ」の2階層で構成されています。

  • アカウント：通常は企業単位や組織単位で作成します。1企業に対して1アカウントを開設するのが標準的な設計です。
  • コンテナ：管理対象となるWebサイトやドメイン単位で作成します。例えば、自社のコーポレートサイト用に1つのコンテナ、ECサイト用に1つのコンテナを作成して使い分けます。

GTMアカウント・コンテナの作成ステップ

  1. Googleタグマネージャー公式サイトにアクセスし、自社で管理しているGoogleアカウントでログインします。
  2. 「アカウントを作成」ボタンをクリックし、アカウント名（企業名など）を入力し、国名（日本）を選択します。
  3. コンテナ設定で「コンテナ名」（自社ドメイン名など）を入力します。
  4. ターゲットプラットフォームとして「ウェブ」を選択し、「作成」をクリックします。
  5. Google利用規約が表示されたら内容を確認し、同意して設定を完了させます。

WebサイトへのGTMコード設置方法（HTMLソースへの記述）

コンテナを作成すると、「Googleタグマネージャーをインストール」という画面が表示され、2種類のJavaScriptコードが発行されます。これをWebサイトの全てのHTMLページに正しく記述します。

1. <head>内用コード：
ページの<head>内の可能な限り上の位置に貼り付けます。これにより、ページの読み込み開始直後からタグの検出と評価が開始されます。

2. <body>内用コード：
<body>タグの開始直後（<body>の直下）に貼り付けます。これはJavaScriptが無効化されている環境でのバックアップ用コードです。

WordPressサイトへのGTMコード設置実務

WordPressで構築されたWebサイトにGTMコードを設置する場合、主に以下の3つの手法があります。

  • テーマファイル（header.phpなど）への記述：子テーマを使用している場合、`header.php`の`<head>`内および`<body>`直下にコードを記述します。
  • フック（wp_head / wp_body_open）を活用した記述：WordPress標準の`wp_head`および`wp_body_open`フックを利用して`functions.php`から出力します。テーマ更新時の上書きトラブルを回避できる安全な実装手法です。
  • 専用プラグインの活用：「Site Kit by Google」や「GTM4WP」などのプラグインを使用してGTMコンテナIDを入力・管理する方法です。設定が容易ですが、プラグインの互換性確認が必要です。

GTMにおける基本設定手順｜トリガー・変数・タグの作成実務

GTMコードの設置が完了したら、アクセスデータやコンバージョンを計測するための設定に進みます。企業サイトで主要となる「GA4の初期設定」および「コンバージョン計測」の実務手順を解説します。

1. GA4（Google アナリティクス 4）基本タグの設定

GA4でWebサイト全体のアクセスデータを収集するために、GTM上でGA4設定タグを作成します。

  1. GA4の管理画面から「データストリーム」を開き、「測定ID」をコピーしておきます。
  2. GTMの左メニュー「タグ」を選択し、「新規」をクリックします。
  3. タグの種類として「Googleタグ」を選択します。
  4. 「タグID」の入力欄に、先ほどコピーしたGA4の「測定ID」を貼り付けます。
  5. トリガー設定をクリックし、デフォルトの「Initialization – All Pages（初期化 – すべてのページ）」または「All Pages（すべてのページ）」を選択します。
  6. タグ名を「GA4 – 基本計測タグ」など分かりやすい名称にして保存します。

GA4の全体的な初期設定や成果分析の設計については、企業ホームページのGA4（Google Analytics 4）導入・設定手順｜リニューアル時のタグ引き継ぎとCV計測設計のプロのコツで詳しく解説しています。

2. お問い合わせ完了ページ（サンクスページ）のコンバージョン計測設定

問い合わせや資料請求が完了したタイミングを計測するため、サンクスページが表示されたことを検知する設定を行います。

手順A：トリガーの作成

  1. GTMの左メニュー「トリガー」を選択し、「新規」をクリックします。
  2. トリガータイプとして「ページビュー」を選択します。
  3. 発生場所で「一部のページビュー」を選択します。
  4. 条件に「Page URL」「含む」「/thanks/」（完了ページURLの文字列）を指定します。
  5. トリガー名を「CV – 問い合わせ完了ページ表示」として保存します。

手順B：GA4イベントタグの作成

  1. 「タグ」画面から新規作成を選び、タグの種類で「Google アナリティクス: GA4 イベント」を選択します。
  2. 「測定ID」に自社のGA4測定IDを入力または指定します。
  3. 「イベント名」にGA4上で計測したい任意の名前（例: generate_lead）を入力します。
  4. トリガーに、作成した「CV – 問い合わせ完了ページ表示」を割り当てて保存します。

3. クリック計測（電話番号タップ・特定ボタンクリック）のトリガー設定

サンクスページが存在せず、電話番号リンク（`tel:`）のタップを計測したい場合は、クリック要素を識別するトリガーを作成します。

  1. GTMの左メニュー「変数」を開き、「組込変数」の「設定」ボタンをクリックします。
  2. 「Click URL」「Click Target」「Click Element」などのクリック関連変数にチェックを入れて有効化します。
  3. 「トリガー」の新規作成で、トリガータイプ「リンクのみ」を選択します。
  4. 発生条件で「一部のクリック」を選択し、条件に「Click URL」「前方一致」「tel:」を指定します。
  5. このトリガーをGA4イベントタグに紐付けることで、スマートフォンでの電話発信タップ数をカウント可能です。

4. Web広告（Google広告・Yahoo!広告）のCVタグ設定

Google広告やYahoo!広告のコンバージョンタグもGTM上で統合管理します。「Google広告のコンバージョン測定」タグを選択し、広告管理画面で発行されたコンバージョンIDとラベルを入力します。あわせて全ページで発火する「コンバージョン リンカー」タグも配置します。

問い合わせ導線全般の最適化やボトルネックの解消に関しては、ホームページの問い合わせが増えない原因と改善策｜成果を出すためのボトルネック特定と対策手順も併せて参考にしてください。

GTMの動作確認（プレビューモード）と本番公開手順

GTMで作成したタグやトリガーは、設定を保存しただけでは本番サイト上には適用されません。「プレビューモード」を使って正しく動作することを確認した上で、「公開」作業を行う必要があります。

プレビューモード（Tag Assistant）によるデバッグ手順

  1. GTM管理画面の右上にある「プレビュー」ボタンをクリックします。
  2. Tag Assistantの画面が開いたら、検証したい自社WebサイトのURLを入力し、「Connect」をクリックします。
  3. 別ウィンドウで自社サイトが表示され、右下に「Connected」と表示されていることを確認します。
  4. 検証用のウィンドウ上で、対象のページへの移動やフォーム送信テストを行います。
  5. Tag Assistantの画面に戻り、左側のタイムラインでイベント履歴を確認します。
  6. 「Tags Fired」のエリアに、意図したタイミングで作成したタグが表示されているかを確認します。

Tag Assistantでタグが正常に発火しない主な原因

  • トリガー条件の指定ミス：URLの記述ルール（大文字・小文字、スラッシュの有無）や「完全一致」と「含む」の設定相違。
  • GTM自体の埋め込みミス：本番Webサイトのソースコードに記述したGTMコンテナIDと、編集中のコンテナIDが異なっている。
  • ブラウザ拡張機能の影響：広告ブロックツール等の拡張機能が検証環境でスクリプトの実行を中断させている。

バージョン管理と本番公開の進め方

動作確認が完了したら、変更内容を本番環境へ適用します。

  1. GTM画面右上の「送信」ボタンをクリックします。
  2. 「バージョン名」と「バージョンの説明」を入力します。（例：「GA4初期設定およびお問い合わせCVタグ追加」のように記録を残します）
  3. 「公開」ボタンをクリックします。これで本番サイト上に設定内容が反映されます。

GTMは自動的に過去の全バージョンを保存しているため、万が一設定変更によって問題が発生した場合は、即座に過去の正常なバージョンを選択して復元が可能です。

GTM運用におけるセキュリティ対策とトラブル防止の注意点

GTMは強力なツールであり、JavaScriptコードをサイト上に自由に追加できる権限を持ちます。そのため、セキュリティ対策や運用プロセスの標準化が非常に重要になります。

1. ユーザー権限の階層管理（過剰な権限付与の防止）

GTMでは、ユーザーごとに管理権限および操作権限（表示・編集・承認・公開）を詳細に設定できます。

  • 公開権限（Publish）：本番環境への反映権限です。社内のWeb管理者や信頼できる制作会社の運用責任者のみに付与し、外部の作業者には「編集」権限留まりとすることが推奨されます。
  • 二要素認証（2FA）の必須化：Googleアカウント自体の乗っ取りによる不正コードの埋め込みを防ぐため、アカウントを管理する全メンバーに二要素認証の有効化を徹底させます。

2. サイト表示速度（Core Web Vitals）への影響抑制

GTM自体は非同期で読み込まれるため表示遅延を起こしにくい構造ですが、GTM内部で大量のサードパーティ製タグを無計画に追加すると、JavaScriptの解析・実行コストが増加し、表示パフォーマンスを悪化させる原因になります。

定期的にGTMコンテナ内を点検し、終了したキャンペーンの広告タグや使用していないアクセス解析スクリプトは停止・削除するクリーンアップ作業を行いましょう。

3. 二重計測トラブルの防止

GTMを導入した際によくある失敗が、既存のHTMLソースコード上に直接埋め込まれていたGA4タグを残したまま、GTM上でもGA4タグを設定してしまうケースです。この場合、PV数やセッション数が二重にカウントされ、正確なデータ解析が不可能になります。GTMへ移行したタグは、必ずHTMLソース側から削除・停止する手順を徹底してください。

よくある質問（FAQ）

GTMを導入するとWebサイトの表示速度が低下しますか？

GTMそのものの読み込みは最適化されており、非同期処理で行われるため、Webサイト本体のレンダリング速度を妨げるリスクは極めて低いです。ただし、GTMを経由して多数の重い外部JavaScriptタグを同時に読み込ませている場合は影響を与える可能性があります。不要になった古い計測タグは定期的に一元管理・削除することが推奨されます。

WordPressの既存のGA4タグとGTMタグが二重計測になる場合の対処法は？

WordPressのテーマ機能やアクセス解析プラグインで直接GA4の測定IDを入力している状態で、GTMでもGA4タグを配信するとデータが二重計測されます。対処法として、WordPressテーマ側・プラグイン側のGA4設定を解除・削除し、GTMコンテナ経由での配信一本に統一してください。

社外のWeb制作会社や広告代理店にGTMの操作権限を付与する際の安全な方法は？

社外パートナーには、アカウント共通管理権限を与えるのではなく、該当するコンテナのみのアクセス権限を付与します。また、作業用アカウントには「編集」権限までを付与し、最終的な「公開」権限は社内のWeb責任者が握る運用フローにすることで、誤設定や不正コードの無断反映を未然に防ぐことができます。

プレビューモードでタグが発火しない原因は何ですか？

主な原因として、トリガーの発生条件ミス（URL一致の指定相違）、本番サイトのHTML上に貼られているGTMコードと編集中のコンテナIDの不一致、ブラウザの拡張機能による干渉などが挙げられます。Tag Assistantの各イベントステップを確認し、どの条件が不一致になっているかを特定してください。

まとめ｜GTMを活用した正確な計測基盤の構築でマーケティング効果を最大化

Googleタグマネージャー（GTM）の導入は、企業Webサイトにおけるアクセス解析やWeb広告のパフォーマンス評価を正確に行うための強力なインフラ構築作業です。

GTMを活用して「タグ・トリガー・変数」を適切に設計・一元管理することで、以下のような実務的メリットが得られます。

  • Webサイトのソースコードを書き換えることなく、タイムリーに計測設定を変更可能
  • GA4や主要Web広告のコンバージョンタグを一括で把握・デバッグ可能
  • 外部スクリプトの管理を一本化し、サイト保守の安全性とセキュリティレベルを向上

イノベートスコープ株式会社では、大阪市中央区を拠点にWordPressサイトの制作・リニューアルから、GA4・GTMを活用した計測環境の設計、Webアクセス解析、保守運用までを総合的に支援しております。「GTMの導入手順に不安がある」「GA4のコンバージョン計測が正しく行われているか検証したい」とお悩みの企業様は、ぜひお気軽にご相談ください。

CONTACT

Web制作・SEO・AIOについてお気軽にご相談ください

ホームページ制作・リニューアル、WordPress、SEO・AIO対策、 ECサイト、Web集客、保守・セキュリティなど、 Webに関するご相談を承っています。 「何から相談すればよいかわからない」という段階でもお気軽にお問い合わせください。

お問い合わせフォームへ LINEでお問い合わせ

お問い合わせフォーム