GoogleタグマネージャーでContactForm7のメール送信でコンバージョン計測

ContactForm7でのメールCVを取得する方法メモ

GTM設定のみ簡単に解説。メモ書きです。

Google Analytics CV ContactForm7

Google Analyticsを使っていて、かつ、WordPressのプラグイン、Contact Form 7を使っている方も多いでしょうが、最近、メール送信完了のコンバージョンが取得しづらい気がしました。

それで、いろいろ試行錯誤した結果をメモします。

※自己責任でご利用ください。

まず、現在のContactForm7では、「on_sent_ok」は使えない。

また、送信ボタンクリックではなかなか取得できない。

また、jsコードをカスタムHTMLに書いても取得できないことが多い。。。

そこで、「フォームの送信タイプ」を使用する。すると取得できました。

サイト内に複数CF7があるケースを考えて、Page Pathで指定もした場合。

※本サイトでの設定方法。


1.変数で、「Form Classes」を追加しておく

2.トリガーの設定

  トリガー名:CF7_Form_Send ←任意名

  トリガーのタイプ:フォームの送信 ←これがポイント

  このトリガーの発生場所:

   Page Path 正規表現に一致 (^/$|^/inquiry$) ←例

   Form Classes 含む wpcf7-form ←これがポイント

3.タグの設定

  タグ名:CF7_Form_CV ←任意名

  タグの種類:ユニバーサルアナリティクス

  トラッキングタイプ:イベント

  カテゴリ:CV ←任意に設定

  アクション:wpcf7-submit ←任意に設定

  ラベル:{{Page URL}} ←任意に設定

  値:1

  非インタラクションヒット:偽

  Googleアナリティクス設定:{{UA-id}} ←GAのタグの変数

  配信トリガー:CF7_Form_Send ←上記で設定したもの

4.GTM公開

以上
※GAの目標設定で、カテゴリ、アクション、ラベル、値を同じにすること。

なお、Google Analytics 4 Property (GA4)でも、同様のトリガーでコンバージョンの計測に成功しています。