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 の設定
- Googleタグマネージャーの「タグ → 新規」
- タグタイプ:「カスタムHTML」
- 入力内容はコレ
WordPress 側の設定
Java script を対象ページの本文に「カスタムHTML」などで埋め込む
<script>
document.addEventListener("wpcf7mailsent", function (event) {
gtag('event', 'generate_lead');
});
</script>
3.GA4 & GTM 複数フォーム(Contact Form 7)のコンバージョン測定
※GA4の推奨イベントに準じた設定方法