GA4 + Contact Form 7 送信イベント計測

アクセス解析でコンバージョン率をカウントする方法はいくつかあるようだけど、目的などによって使い分ける必要がある。

シンプルな方法から、複雑だがデータの質を高める事ができる手法などがあるので、自分の中でうまくできた手法を、まとめておく。

1.Contact Form 7 公式サイトで紹介されているトラッキング方法

※「ソースコードの記述がGA4で推奨しているイベントトラッキングの記述方法と異なる」「複数のフォームを設置している場合に対応できない」可能性がある。

Googleタグマネージャー設定

参照元:主婦の知恵いかがですか

2.GA4 & GTM 単一フォーム(Contact Form 7)のコンバージョン測定

※GA4の推奨イベントに準じた設定方法

WordPress 設定

Java script を対象ページの本文に「カスタムHTML」などで埋め込む

<script>
  document.addEventListener("wpcf7mailsent", function (event) {
    gtag('event', 'generate_lead');
  }); 
</script>

Google Tag Manager の設定

  1. Googleタグマネージャーの「タグ → 新規」
  2. タグタイプ:「カスタムHTML」
  3. 入力内容はコレ

WordPress 側の設定

Java script を対象ページの本文に「カスタムHTML」などで埋め込む

<script>
  document.addEventListener("wpcf7mailsent", function (event) {
    gtag('event', 'generate_lead');
  }); 
</script>

3.GA4 & GTM 複数フォーム(Contact Form 7)のコンバージョン測定

※GA4の推奨イベントに準じた設定方法

Follow me!