ECサイト制作

ECサイトのGoogle タグマネージャー（GTM）完全ガイド｜導入から設定・活用法まで徹底解説

更新日: 2026-10-27

はじめに
Google タグマネージャー（GTM）とは？
ECサイトにGTMを導入するメリット
GTM導入の前提条件と事前準備
ECサイトへのGTM導入手順
ECサイトでよく使うGTM設定パターン
GTMとGA4の連携で実現するECサイト分析
GTM運用時のよくある失敗と対策
まとめ

Google タグマネージャー（GTM）はECサイトの計測・分析基盤を整えるうえで欠かせないタグ管理ツールです。本記事ではGTMの基本概念から導入手順、GA4連携、コンバージョン計測まで実務で使える情報を網羅的に解説します。

はじめに

ECサイトを運営していると、GA4の計測コード、Google広告のコンバージョンタグ、Meta(Facebook) Pixel、ヒートマップツールなど、さまざまなトラッキングコードをサイトに埋め込む必要が出てきます。これらを都度エンジニアに依頼してHTMLへ直接追記していくと、管理が煩雑になり、不要なコードが蓄積して表示速度の低下を招くこともあります。

こうした課題を解決するのが Google タグマネージャー（GTM: Google Tag Manager） です。GTMを使えば、マーケターや運営担当者がコードを書かずにタグを管理・配信でき、ECサイトの計測精度と運用効率を大きく高めることができます。

Google タグマネージャー（GTM）とは？

Google タグマネージャーとは、Webサイトやアプリに埋め込む各種トラッキングコード（タグ）を一元管理するGoogleの無料タグ管理システムです。

GTMの基本的な仕組み

GTMを利用する場合、サイトのHTMLには「GTMコンテナスニペット」という1つのコードだけを埋め込みます。このコンテナを介して、GA4・Google広告・Meta Pixel・各種ツールのタグを管理画面上から追加・編集・削除できます。エンジニアへの依頼なしにタグを配信できるため、施策のスピードアップに直結します。

GTMの主要な3つの概念

GTMを理解するうえで、以下の3つの概念が基本となります。

概念	説明
タグ	送信したいトラッキングコードの本体（例: GA4計測タグ、Google広告コンバージョンタグ）
トリガー	タグを発火させる条件（例: ページビュー時、購入完了ページ表示時、ボタンクリック時）
変数	タグやトリガーで使用する動的な値（例: 商品名、注文金額、ページURL）

この3つを組み合わせることで「いつ・どこで・何を計測するか」を柔軟に定義できます。

GTMは無料で利用できる

GTMは個人・中小規模のECサイトでは無料で利用できます。大規模エンタープライズ向けに有料のGTM 360という上位版もありますが、一般的なECサイト運営には無料版で十分対応できます。

ECサイトにGTMを導入するメリット

メリット1: エンジニアなしでタグを管理できる

ECサイト運営では、キャンペーンや新施策のたびにタグの追加・変更が発生します。GTMを使えばマーケターが管理画面から操作できるため、エンジニアの工数を削減しつつ、施策のリードタイムを大幅に短縮できます。

メリット2: サイト表示速度への影響を最小化できる

複数のタグを直接HTMLに埋め込むと、ページ読み込み時に複数のスクリプトが実行されて表示速度が低下しがちです。GTMを使うとタグの読み込みタイミングを最適化でき、Core Web Vitalsのスコア改善にも寄与します。

メリット3: バージョン管理とロールバックができる

GTMにはバージョン管理機能があり、変更履歴を保存して以前の状態に戻すことができます。タグの設定ミスが発生しても即座にロールバックできるため、安心して運用できます。

メリット4: 豊富なテンプレートで設定が簡単

GA4、Google広告、Meta Pixel、TikTok Pixel、Criteo、Hotjarなど、主要ツールのタグテンプレートがGTMに標準搭載されています。必要な設定値を入力するだけでコードを書かずにタグを配信できます。

メリット5: プレビューモードで事前検証できる

GTMには「プレビューモード」があり、本番公開前に実際のサイト上でタグが正しく動作するかを確認できます。計測ミスを事前に防ぎ、データの信頼性を維持しやすくなります。

GTM導入の前提条件と事前準備

必要なアカウント

Googleアカウント（Gmail）
GTMアカウント（無料）
GA4プロパティ（アクセス解析する場合）
Google広告アカウント（広告コンバージョンを計測する場合）

サイトへのアクセス権限

GTMのコンテナスニペットをHTMLに埋め込むため、サイトのHTMLを編集できる環境が必要です。Shopifyの場合はテーマのコード編集（theme.liquid）から対応できます。

計測設計（タグ設計書）の事前整理

「何を計測したいか」を事前に整理しておくことが、スムーズな導入のカギです。以下の項目を明確にしておきましょう。

計測したいイベント（購入完了・カート追加・商品詳細閲覧・ボタンクリックなど）
使用するツール（GA4・Google広告・Meta Pixelなど）
各ツールの計測IDやPixel ID

ECサイトへのGTM導入手順

ステップ1: GTMアカウントとコンテナの作成

Google Tag Manager（tagmanager.google.com）にアクセス
「アカウントを作成」をクリック
アカウント名（会社名など）とコンテナ名（サイト名など）を入力
ターゲットプラットフォームで「ウェブ」を選択
GTMコンテナスニペット（2種類のコードブロック）が表示される

ステップ2: コンテナスニペットをサイトに埋め込む

GTMから提供されるスニペットコードを以下の位置に配置します。

1つ目のコード（<script> タグ）: <head> タグの直後にできるだけ早い位置
2つ目のコード（<noscript> タグ）: <body> タグの直後

Shopifyへの導入例: オンラインストア → テーマ → コードを編集 → theme.liquid を開き、<head> タグ直後と <body> タグ直後にそれぞれのスニペットを貼り付けます。

ステップ3: プレビューモードで動作確認

「プレビュー」ボタンをクリックし、自社サイトのURLを入力すると、GTM Preview画面でタグの発火状況をリアルタイムに確認できます。

ステップ4: 公開（バージョンの発行）

動作確認が完了したら「送信」→「バージョンを公開」でタグが本番環境に反映されます。変更内容にバージョン名やメモを付けておくと、後から履歴を追いやすくなります。

ECサイトでよく使うGTM設定パターン

GA4の基本計測タグ

ECサイトでは最初にGA4の計測タグを設定するのが基本です。

タグタイプ: Google タグ（旧・GA4設定タグ）
計測ID: GA4のG-XXXXXXXXXX形式のIDを入力
トリガー: すべてのページ

購入完了イベントの計測（eコマーストラッキング）

GA4でECサイトの購入完了を計測するには、注文情報をデータレイヤーに渡す必要があります。

基本的な流れ:

Shopify管理画面の「顧客イベント（カスタムピクセル）」またはCheckout Extensibility対応アプリ（Elevar等）を使用し、購入完了イベント（checkout_completed）を検知・データレイヤーへ連携する
GTMでカスタムイベント（例: purchase）をトリガーとするGA4購入イベントタグを設定
データレイヤーから注文ID・購入金額・アイテム配列などのeコマース変数を取得し、GA4へ送信 ※従来の「追加スクリプト」欄やページURL（/thank_you）によるタグ発火は、Shopifyのチェックアウト機能拡張（Checkout Extensibility）への完全移行に伴い廃止・非推奨となっているためご注意ください。

ShopifyとGTM・GA4の連携には「Elevar」や「littledata」などの専用アプリを活用すると、設定の手間を大幅に削減できます。

Google広告のコンバージョントラッキング

Google広告のコンバージョンをGTM経由で計測する場合、基本となる「Google タグ」（GA4等の設定で設置済みの場合は流用可）と「コンバージョンリンカー」を全ページで配信した上で、購入完了ページをトリガーとする「Google 広告のコンバージョントラッキング」タグを設定します。Google広告の管理画面から取得した「コンバージョン ID」と「コンバージョンラベル」を入力して紐付けを行います。

GTMでは「Googleタグ」テンプレートを使い、コンバージョンIDと各タグを設定します。