GTMでサンクスページの表示を計測する方法
Webサイトにお問い合わせフォームや資料請求フォームを設置していると、
「フォームが何回送信されたのか知りたい」
「お問い合わせにつながった件数をGA4で確認したい」
「サンクスページまで到達したユーザーを計測したい」
と思うこともあるのではないでしょうか。
フォーム送信後に「お問い合わせありがとうございました」などのページへ移動するWebサイトでは、そのサンクスページが表示されたタイミングを利用して、フォームの送信完了を計測する方法があります。
Googleタグマネージャー（GTM）では、特定のページが表示されたときだけ動作する「ページビュー」トリガーを設定できます。
そのタイミングでGA4へイベントを送信しておけば、サンクスページが何回表示されたのかをGA4で確認できるようになります。
この記事では、GTMを使ってサンクスページの表示を検知し、フォーム送信完了のイベントをGA4へ送信する方法を紹介していきます。
INDEX
GTMでサンクスページを計測する仕組み
まずは、今回の設定の仕組みをさらっと確認しておきます。
たとえば、Webサイトにお問い合わせフォームがあり、送信すると、
https://example.com/contact/thanks
というサンクスページが表示されるとします。
通常のお問い合わせフォームでは、
お問い合わせフォームを入力する
↓
送信ボタンを押す
↓
サンクスページが表示される
という流れになります。
そこでGTMを使って、
サンクスページが表示される
↓
GTMがページの表示を検知する
↓generate_lead イベントをGA4へ送信する
という設定を行います。
これにより、GA4でお問い合わせ完了につながった回数を確認するためのデータとして利用できるようになります。
サンクスページのURLを確認する
GTMの設定を始める前に、フォーム送信後に表示されるサンクスページのURLを確認しておきましょう。
たとえば、
https://example.com/contact/thanks
というURLであれば、ページのパスは、
/contact/thanks
となります。
今回は、この /contact/thanks が表示されたときだけイベントが発生するように設定していきます。
実際のWebサイトでは、
/thanks
/contact/complete
/inquiry/thanks
など、サンクスページのURLはサイトによって異なります。
一度フォームをテスト送信して、送信後に表示されるURLを確認しておくとよいかもしれません。
GA4へ送信するイベントタグを作成する
サンクスページのURLを確認できたら、GA4へイベントを送信するためのタグを作成します。
1．GTMの「タグ」から「新規」をクリックする
Googleタグマネージャーを開き、左側のメニューから「タグ」を選択します。
タグ一覧が表示されたら、「新規」をクリックします。
2．GA4イベントを設定する
「タグの設定」をクリックし、「Google アナリティクス」の中にある「Google アナリティクス: GA4 イベント」を選択します。
イベント名には、
generate_lead
と入力します。
generate_lead は、ユーザーが問い合わせフォームなどを送信した際に利用できるGA4の推奨イベントです。
イベント名は独自に設定することもできますが、今回はお問い合わせフォームの送信完了を計測するため、generate_lead を使用します。
サンクスページ用のトリガーを設定する
続いて、どのタイミングで generate_lead イベントを送信するのかを設定します。
今回は、
サンクスページが表示されたとき
だけタグが動作するようにします。
1．新しいトリガーを作成する
先ほど作成したGA4イベントタグの画面から「トリガー」をクリックします。
右上の「＋」から新しいトリガーを作成し、「トリガーの設定」をクリックします。
トリガータイプの一覧から、
「ページビュー」
を選択します。
GTMのページビュートリガーでは、Webページがブラウザに読み込まれたタイミングを利用してタグを動作させることができます。
2．「一部のページビュー」を選択する
そのまま「すべてのページビュー」にしてしまうと、Webサイトのすべてのページで generate_lead が発生してしまいます。
今回はサンクスページだけを対象にしたいため、
「一部のページビュー」
を選択します。
そして条件を、
Page Path等しい/contact/thanks
と設定します。
これで、
/contact/thanks
というページが表示されたときだけ、トリガーが動作するようになります。
実際に設定するときは、ここを自社サイトのサンクスページのパスへ置き換えてください。
Page Pathを使う理由
サンクスページを指定するときには、「Page URL」を使う方法と「Page Path」を使う方法があります。
たとえば、
https://example.com/contact/thanks
というページの場合、Page URLはURL全体を表します。
一方、Page Pathはドメイン部分を含まない、
/contact/thanks
の部分を表します。
今回のように、特定のページを指定するだけであれば、Page Pathを利用すると条件が分かりやすくなります。
ただし、Webサイトの構成や計測条件によって適した指定方法は異なるため、実際のURLを確認しながら設定しましょう。
3．タグとトリガーを保存する
トリガーの条件を設定したら、保存します。
今回の設定は、
イベント名：generate_lead
トリガー：ページビュー
条件：Page Path が /contact/thanks と等しい
という形になります。
ここまで設定できたら、すぐにGTMを公開するのではなく、プレビューモードで正常に動作するか確認しておきましょう。
GTMのプレビューモードで動作を確認する
タグとトリガーを設定したら、GTMのプレビューモードを使って確認します。
1．GTMの「プレビュー」をクリックする
GTM画面の右上にある「プレビュー」をクリックします。
Tag Assistantが開いたら、確認するWebサイトのURLを入力して接続します。
2．実際にフォームを送信する
接続したWebサイトでお問い合わせフォームを開き、テスト用の内容を入力して送信します。
フォーム送信後、
/contact/thanks
のサンクスページが表示されるところまで進めます。
3．generate_leadのタグが発火しているか確認する
サンクスページが表示されたら、Tag Assistantへ戻ります。
サンクスページが表示されたタイミングで、今回作成したGA4イベントタグが「Tags Fired」に表示されているか確認します。
表示されていれば、サンクスページのページビューを条件にタグが正常に動作しています。
反対に「Tags Not Fired」に表示されている場合は、
・サンクスページのURLが正しいか
・Page Pathの条件が正しいか
・実際に指定したサンクスページまで移動しているか
などを確認してみましょう。
GA4でgenerate_leadイベントを確認する
GTM側でタグが正常に動作していることを確認できたら、GA4にもイベントが届いているか確認します。
GA4を開き、リアルタイムレポートを表示します。
テストでフォームを送信したあと、イベント名の一覧に、
generate_lead
が表示されているか確認しましょう。
表示されていれば、GTMからGA4までイベントが正常に送信されています。
設定直後の確認では、リアルタイムレポートやDebugViewを利用すると確認しやすくなります。
動作確認ができたら、GTMの変更内容を忘れずに公開しましょう。
サンクスページ計測の注意点
サンクスページを利用した計測は分かりやすい方法ですが、いくつか注意しておきたいポイントがあります。
サンクスページを直接開ける場合
今回の方法では、
フォームが実際に送信されたか
を直接検知しているわけではありません。
計測しているのは、
サンクスページが表示されたか
ということです。
そのため、
https://example.com/contact/thanks
というURLを直接ブラウザへ入力してアクセスできる場合、フォームを送信していなくても generate_lead イベントが発生する可能性があります。
たとえば、
フォームを送信する
↓
サンクスページをブックマークする
↓
あとからブックマークからサンクスページを開く
といった場合にも、サンクスページの表示として計測される可能性があります。
そのため、サンクスページの表示回数と実際のお問い合わせ件数が必ず完全に一致するとは限りません。
ページを再読み込みした場合
もうひとつ注意したいのが、サンクスページの再読み込みです。
今回利用しているのは「ページビュー」トリガーなので、サンクスページを再度読み込むと、条件を満たしてタグがもう一度動作する場合があります。
たとえば、
フォームを1回送信する
↓
サンクスページが表示される
↓
ページを更新する
という操作をすると、1件の問い合わせに対して複数回のイベントが記録される可能性があります。
Webサイトの仕様によっては、サンクスページへ直接アクセスできないようにしたり、ページを更新しても重複しない仕組みを検討したりすることもあります。
まずはサンクスページのページビューによる計測から始め、実際のデータとお問い合わせ件数に大きな差がないか確認していくとよいでしょう。
サンクスページがないフォームでは別の方法が必要
すべてのお問い合わせフォームにサンクスページがあるとは限りません。
最近では、送信ボタンをクリックしたあとにページを移動せず、
「送信しました」
というメッセージだけが同じページ内に表示されるフォームもあります。
このようなフォームでは、今回紹介したページビューを利用した方法では計測できません。
その場合は、
・フォーム送信イベントを利用する
・送信完了メッセージの表示を検知する
・dataLayerへイベントを送る
など、Webサイトの仕組みに合わせた別の方法を検討する必要があります。
「フォームを計測する」といっても、Webサイトの作りによって適した方法が変わる点には注意しましょう。
generate_leadをキーイベントとして設定する
お問い合わせをWebサイトの成果として確認したい場合は、generate_lead をGA4のキーイベントとして設定することもできます。
キーイベントとして設定すると、
「サイトへアクセスしたユーザーのうち、どのくらいお問い合わせにつながったのか」
といった成果を確認しやすくなります。
ただし、すべてのイベントをキーイベントにする必要はありません。
お問い合わせや資料請求など、Webサイトの目的として重要な行動をキーイベントとして設定するとよいでしょう。
まとめ
GTMの「ページビュー」トリガーを利用すると、特定のサンクスページが表示されたタイミングでGA4へイベントを送信できます。
今回の設定では、
Page Path が /contact/thanks
になったときに、
generate_lead
というイベントをGA4へ送信しました。
この設定を行うことで、
「お問い合わせフォームがどのくらい完了しているのか」
をGA4で確認するためのデータとして利用できるようになります。
ただし、今回計測しているのは、あくまでサンクスページが表示された回数です。
サンクスページへ直接アクセスした場合や、ページを再読み込みした場合にもイベントが発生する可能性があるため、実際のお問い合わせ件数と必ず一致するとは限りません。
また、送信後にサンクスページへ移動しないフォームでは、フォーム送信や完了メッセージなどを利用した別の計測方法が必要になります。
Webサイトのフォームがどのような仕組みになっているのかを確認したうえで、適した方法で計測していきましょう。
合同会社ファムでは、GTMやGA4の設定、動的タグの設定なども行っています。
「お問い合わせ完了をGA4で計測したい」
「フォーム送信を計測したいけれど、どの方法がよいか分からない」
「自社サイトに合わせたGTMの設定をお願いしたい」
といった場合は、お気軽にお問い合わせフォームからご相談ください。
このブログでは、GA4の設定方法だけでなく、
「どこを見ればいいのか」
「数字をどう読み取ればいいのか」
といった、次の一歩に気づくための視点もお届けしていきます。