【簡単】GTMでフォームとサンクスページが同じURLでもコンバージョン計測する方法

先日、お客様から、相談をいただいたお話です。お問い合わせフォームの URL が、フォーム入力部分と、完了ページ（サンクスページ）で、同じ URL なので CV （コンバージョン）計測ができないので、何か良い方法はないでしょうか？というご相談でした。

もちろんコストはあまりかけたくない、という前提なので、フォームの作り直しやクラウドツールの設置しなおしアクセス解析サービスの変更は、なしで、という条件でした。

こんなときに、役立つノウハウが、今回ご紹介する、GTM Googleタグマネージャーを活用した CV 測定の方法です。

Googleタグマネージャーは非常に優秀なので、いろいろと設定すれば、さまざまなことができるのですが管理画面の言葉や使い方がイマイチわかりにくいですよね。

今回の記事は、googleタグマネージャーのノウハウTIPSです。

ということで Googleタグマネージャーを使ってお問い合わせフォームとサンクスページが同じURLでもコンバージョンを計測する方法について解説していきます。

同じURLのフォームでもコンバージョンを測る方法

今回ご紹介する方法は、Googleタグマネージャーを活用します。

Googleタグマネージャーを設定して、完了ページ（サンクスページ）のCSS要素の表示で計測する方法です。

このほかにも、方法はあるのですが、比較的汎用性が高い方法です。

なぜなら、この方法なら、

こういったパターンにも対応できる方法だからです！

汎用的で、おすすめの、コンバージョン計測方法です！！

ものすごく簡単に書くと、

Googleタグマネージャーで

サンクスページだけで使うCSSのクラス、ID要素をカウントする

ということをします。

それゆえ、サンクスページだけで使うCSSの要素の定義は必要です。

サンクスページだけで使うCSSの設定ですが、

そんなに難しくはないので、HTMLやCSSに詳しくても、手間を省くために、こちらは、web制作会社に、依頼しましょう。

こういうところから、業務効率化の一歩です。

ちなみに、細かく書いておくと、

お問い合わせフォームなど、フォームの送信完了画面で、

「お問い合わせありがとうございます。」などの文章を表示させていると思います。

ここのCSSの要素で、id 名、または class 名を確認しておいてください。

今回、解説するために、仮に、id 名は「finish」としておきます。

では、次に、Googleタグマネージャーの設定方法ですが、こんな工程です。

流れを記載していきます！！

これでCSSのid 名が「finish」の場合、トリガーが動作するようになります。

トリガーの新規作成
トリガータイプ DOM Ready をクリック
トリガーの発生場所：一部のDOM Ready イベントに設定
ID「finish」の変数を選択
条件に「等しい」を選択
お問い合わせありがとうございます。と、サンクスページにある文言を記述
これで id 名「finish」のときに、中身が「お問い合わせありがとうございます。」なら、タグの発火ができます。
続いて、計測したいフォームの URL設定
Page Path を選択
含むを選択
フォームのURLのディレクトリ名を設定

後は、いつもどおりに、Googleタグマネージャーで、コンバージョン計測タグ用の、コンバージョンタグを作成して、トリガーと紐づけるだけです。

こんなかんじなので、読みながらでも、さくっと設定できます！

困ったときに活用できますよ。