GTMの設定手順｜クリックとフォーム受付成功を測る

前提とこの手順の完成物

WebコンテナからGA4へ、基本の閲覧、導線クリック、フォーム受付成功を送る設定例です。GTMの編集権限と公開担当、GA4のWebストリーム、サイト実装担当、テスト環境、計測設計を用意します。実際の送信や公開はこの記事の制作では行っていません。

同意管理は組織の設定を維持します。タグを動かすために同意を無効にする手順ではありません。既存のGA4タグがある場合は移行・共存方針を先に決めます。

1．Webコンテナを設置する

GTMで管理するアカウントを選び、Webコンテナを作成または既存の正しいものを開きます。コンテナの設置画面から2つのコードを取得し、公式の指定位置（head内とbody開始直後）へ実装担当者が設置します。CMSプラグインを使う場合は二重挿入を避けてください。

プレビューから対象URLへ接続し、意図したGTM-のコンテナIDが認識されることを確認します。GA4のG-測定IDとは別です。

2．Googleタグを追加する

タグの新規作成でGoogleタグを選び、対象のタグIDを設定します。GA4用にはWebストリームで確認した測定IDを使用します。初期化の全ページ（Initialization - All Pages）を基本のトリガーとし、組織の同意管理と既存設定との整合を確認します。

保存後、プレビューで送信先とpage_viewを確認します。同じ送信先のGoogleタグがすでに設定されている場合は新しく重ねず、既存設定を確認します。

3．導線クリックを設定する

架空例では問い合わせへのリンクにid="contact-cta"が付いている前提です。実サイトで同じ識別子が存在するか実装担当者に確認します。

1. 変数の組み込み変数でClick ID等を有効にする。
2. トリガーを新規作成し、クリックの「リンクのみ」を選ぶ。
3. 一部のリンククリックでClick IDがcontact-ctaと等しい条件を作る。必要に応じてPage Pathなどで対象を限定する。
4. GA4イベントタグを作り、測定ID、イベント名contact_cta_click、このトリガーを設定する。
5. 対象リンクと対象外リンクで発火・非発火を確認する。

ボタンがリンク要素ではない場合は「すべての要素」等、実際の要素に対応する方式を選び直します。ここで数えるのはクリックであり、問い合わせ成功ではありません。

4．フォーム成功をdataLayerで受け取る

フォームのサーバー成功応答を受けた箇所で、実装担当者が次の通知を1回行う設計にします。下のコードは通知部分だけの例です。ページ表示時や送信ボタン押下へそのまま貼り付けないでください。入力検証・通信処理・重複防止はサイト側で実装します。

// サーバーが受付成功を返した処理の中で、同じ成功につき1回だけ呼ぶ。
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  event: 'lead_submit_success',
  form_type: 'contact'
});

GTMで以下を設定します。

dataLayerのeventとGA4イベント名は、この例では意図的に別です。通知を受けてタグがGA4へ送る関係を確認します。個人情報やフォーム本文をdataLayerへまとめて入れないでください。

5．プレビューで一連の動きを照合する

正常送信では、Tag Assistantのlead_submit_successを選んで変数値とタグ発火を確認します。次にGA4のDebugViewでgenerate_leadとform_typeを確認します。入力エラー、通信失敗、成功表示の再描画も試し、成果が増えないことを確認します。

6．変更を確認して公開する

GTMの送信前に変更一覧を読み、他の担当者の未確認変更を含めないことを確認します。版に「問い合わせ受付成功計測」などの名前と、対象・確認結果を記録して公開します。通常のブラウザーでもテストし、公開した版と受信結果を記録します。

問題があれば影響と変更内容を確認し、GTMのバージョン管理で以前の確認済み版へ戻すか修正版を公開します。すでに送った誤データは版を戻しても消えないため、品質台帳へ期間を残します。

AIレビューと完了条件

タグ・トリガー・変数とテスト記録を照合してください。
正常送信は1回、入力エラーは0回、同一成功の再描画では増えないことを確認し、
実際のログがない項目は未確認としてください。公開操作は不要です。

プレビューと公開版で期待結果が一致し、送信先と値を記録できれば完了です。その後にキーイベントとカスタム定義を設定します。

公式資料：コンテナ設置、Googleタグ、GA4イベント設定、dataLayer。

AI支援で制作。公式資料の確認日：2026年10月5日。次回確認予定：2027年1月5日。実アカウントの操作・課金・公開、実務者監修、第三者再現は未実施です。掲載の記入例・数値例は架空の教材であり、実績ではありません。