ブログ・お知らせ
# アクセス解析
メールフォームの送信をGTMで測定する方法（サンクスページ）
記事公開日：
最終更新日：
上記記事、GTMで電話タップを計測、の続きになります。電話をGTMで設定するならフォーム送信もGTMで設定しようという流れになった場合の話です。
GTMでサンクスページ到達を測定する具体的なメリットは以下のとおりです。
❶一元管理：電話とメールの両方のコンバージョンをGTMで管理できる
❷柔軟性：条件変更や追加測定が簡単
❸保守性：後からの修正や追加がしやすい
つまり、管理しやすくなります。
１）準備
GA4アカウント、GTMアカウントを作成してサイトにタグを埋め込みます。
方法はGTMで電話タップを計測…の記事（１）～（４）で確認してください。
２）トリガー
2-1：トリガーを作成する
まず、左側のメニューから「トリガー」をクリックしてください。
そこで「新規」ボタンを押して、新しいトリガーを作りましょう。
2-2：トリガーを設定する
トリガーの名前を入力
- 例：「フォーム送信完了（サンクスページ）」
トリガーのタイプを選択
- 上部の鉛筆アイコン（トリガーの設定）をクリック
- 「ページビュー」を選択
トリガーの発生条件を設定
- 「一部のページビュー」を選択
- 条件を設定：
———————-
{{Page URL}} | 含む | /thanks/
———————-
- ※/thanks/の部分はサンクスページのURLに合わせてください。
３）タグ
「タグ」の画面で「新規」ボタンを押したら、以下の設定をしてください。
3-1：タグの名前
任意です。
———————-
例）GA4イベント_フォーム送信完了
———————-
3-2：タグの設定（上の鉛筆アイコンをクリック）
- タグタイプ：Google アナリティクス: GA4 イベントを選択
3-3：設定パラメータ
- 測定ID：GA4で「測定ID」を検索し、ID（G-XXXXXXXXXX）を取得
- イベント名は任意です（英数字、日本語はNG、form_submitもGA4のイベントと重複するのでよくないかもです）
———————-
例）form_thanks
———————-
3-4：トリガーの選択
ステップ2-2で作ったトリガー「例）フォーム送信完了（サンクスページ）」を選択
3-5：保存
保存をクリック
４）プレビューと公開
4-1：プレビュー
- 「プレビュー」をクリック
- サイトのURLを入力して「Connect」
- 別タブでサイトが開くので、実際にフォームを送信して /thanks/等のサンクスページに遷移
- GTMのプレビュー画面で「form_thanks」イベントが発火しているか確認
※直接バーに以下のように入れても問題ありません
https://hogehoge.com/thanks/?gtm_debug=12345
これでthanksページに直接アクセスでき、GTMのプレビュー画面で「form_thanks」イベントが発火したか確認できます！
左側のGTMプレビュー画面に「form_thanks」というイベントが表示されれば成功です👍
4-2：公開
プレビュー画面を閉じて、GTMの管理画面に戻り、右上の「公開」ボタンをクリックして本番環境に反映させてください。
5）Googleアナリティクスのキーイベントに設定
※ここではイベント名を「form_thanks」に設定した場合で説明します。
5-1：管理画面を開く
Googleアナリティクス管理画面の「管理（画面左下の青いネジ）」→「イベント」を開きます
5-2：イベントを作成
以下のように設定
———————————————-
・イベント名：メールフォーム（任意）
・キーイベントとしてマークを付ける：ON
・デフォルトのキーイベント値：どちらでも
・カウント方法：イベントごとに1回
———————————————-
イベントの作成方法の選択で「コードなしを作成」、その他のオプションを表示を選択
以下のように設定して保存
———————————————-
・パラメータ：event_name
・演算子：次と等しい
・値：form_thanks（3-3でGTMに設定したイベント名にしてください！）
———————————————-
確認します。
- サンクスページにアクセス（ブラウザに直接URL入力でOK）
例：https://hogehoge.com/thanks/ - GA4の「リアルタイムの概要」レポートで 設定したイベントが表示されるかを見る
長かったですが、以上になります。おつかれさまです！
