勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

Contact form7で送信数を測定(トラッキングタグ)

   2024/09/20  WordPress

contact form7でフォーム送信が完了した時点で計測されるようにトラッキングタグを設置して欲しいという案件があった。

以前にリンクのクリック数を測定するという記事を書いたけど、大体同じ様な感じでいけた。

 

WordPress側の設定

Contact Formの「その他の設定」内に、以下を追加する。

on_sent_ok: "ga('send', 'event', 'link', 'click' ,'test', true);"

linkはカテゴリ名、clickはアクション名、testはラベル名に該当する。

 

Googleアナリティクス側の設定

Googleアナリティクスにログインし、「管理」→「ビュー内の目標」→「新しい目標」の順に進む。

目標設定は「カスタム」、目標の説明の「名前」は適当に決めて「タイプ」は「イベント」を選択する。

イベント条件の「カテゴリ」「アクション」「ラベル」は上記で決めたlink / click / testを入れる。

 

その他

on_sent_okのフックの使用は現在非推奨らしく、2017年中に廃止される予定との事。

https://contactform7.com/ja/tracking-form-submissions-with-google-analytics/

今回は出来るだけソースを触りたくない案件だったので、on_sent_okを用いたが、今後は上記方法を使っていく。

 

2017/07/24追記

上記のwpcf7mailsentを使う方法も確認しておこうとテストしたが動かなかった。調べたところこの方法を使うのはcontact form7のバージョンが4.7からみたい。

https://contactform7.com/ja/2017/03/03/contact-form-7-47/

使っていたバージョンが4.7未満だったので使えなかった。

 - WordPress

  関連記事

WordPressのContact Form 7プラグインでユーザーに対して自動返信メールを送信する方法

WordPressのContact Form 7プラグインで実装されたお問い合わ ...

WordPressのContact Form 7プラグインで入力内容確認及び送信完了ページを実装する方法

WordPressのContact Form 7プラグインで実装されたお問い合わ ...

WordPressのContact Form 7から送信した内容をダッシュボードから確認及びCSVファイル化する方法

WordPressのContact Form 7プラグインで実装されたお問い合わ ...

WordPressのcontact form7で500エラーの対応方法

WordPressプラグインのcontact form7で送信ボタンを押し、ロー ...

Contact form7でフォーム送信時に別サーバへもデータを送信する方法

contact form7でフォーム送信時に別サーバーでフォーム内容をPOST送 ...