Contact Form 7 グーグルアナリティクス GA4での送信イベント設定

Filed under: contactform7,functions.php,googleAnalytics — kdcs @ 22年10月2日 日曜日

contact form 7はサンクスページが無く、同じURLで送信完了となるためグーグルアナリティクスのコンバージョン設定が簡単にできなかった。
contact form7は最近のバージョンアップで、サンクスページが無くてもコンバージョンが計測できるようにイベントタグを公開した。これはGA4に対応したもので、従来のユニバーサルアナリティクスには非対応と思われる。

function.phpに記述

add_filter( 'wp_footer', function() {
  if ( is_page('contact')) {
  ?>
  <script>
  document.addEventListener( 'wpcf7mailsent', function( event ) {
    gtag('event', 'Submit', {
      'event_category' : 'Form',
      'event_label' : 'contact'
    });
  }, false );
  </script>
  <?php
  }
} );

is_pageで指定したページのwp_footerでgtagが出力されるようになっている。
イベント名:Submit
イベントカテゴリー:Form
イベントラベル:contact

名前は自由っぽい

後はGA4側でイベントの設定を行う
GA4→設定→イベント→イベントを作成→作成(カスタムイベント)
上記のgtag設定より、カスタムイベント名(任意)を入力し、event_nameに「Submit」を入力
多分これだけでよい。反映に時間がかかる(一晩くらい)

設定が反映されるとイベントリストに表示されるので「コンバージョンとしてマークを付ける」をオンにする

GA4→設定→コンバージョン
設定が反映されるとコンバージョンイベントリストに表示されるので「コンバージョンとしてマークを付ける」をオンにする

サイト内検索

カテゴリー

最近の投稿

« |Contact Form 7 グーグルアナリティクス GA4での送信イベント設定| »
↑上に戻る