Contact Form 7のフォームのコンバージョン率を計測する方法

WordPressのお問い合わせフォーム作成プラグイン”Contact Form 7″で、お問い合わせ（送信）されることをGoogleアナリティクスの目標として設定し、コンバージョン率を計測する方法です。

なお、アナリティクスの設置方法としてgtag.jsを使用することを前提としています。

フォームを設置する

Contact Form 7プラグインをインストールして有効化、フォームを作成します。特別な設定は不要です。

Googleアナリティクスのイベント通知処理を記述する

設置したフォームの”送信”ボタンが押されて送信完了した際に、Googleアナリティクスへの通知イベントを発生させます。

テーマに記述する方法と、function.phpに記述する方法がありますが、ここで後者の方法で説明します。

下記のコードをfunction.phpに記述します。

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

※function.phpの先頭行に”<?php”があることを必ず確認して下さい

“if ( is_page() || is_single() )”は、”固定ページまたは投稿ページであるか”という条件判定です。

Googleアナリティクスで目標を設定する

“管理→ビュー→目標”と進んだところにあります。下図を参考に設定して下さい。

目標の説明

名前：任意の名前（例：お問い合わせフォーム）
タイプ：イベント

目標の詳細

カテゴリ：[等しい] form
アクション：[等しい] submit
ラベル：[等しい] contact
値：[超] ※ここは空白でOK
コンバージョンの目標値としてイベント値を使用：はい

これで全ての作業は終了です。