勉強したことのメモ

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

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

   2024/02/22  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

  関連記事

WPのget_the_contentsでpタグが挿入されない場合の対応方法

WordPressのテーマを編集した際に表示が崩れるという症状が発生した。編集内 ...

WordPressの5系から搭載されたブロックエディタ(Gutenberg)を元に戻す方法

WordPressを5系にアップデートしたところ記事投稿ページのエディタが大幅に ...

PHP8系で「Warning: Attempt to read property "xxxxxx" 」エラーの対応方法

PHP8系&WordPress6.4.3で「Warning: Attem ...

WordPressで翌日以降に編集した記事のみ最終更新日を表示する方法

WordPressで翌日以降に編集した記事のみ最終更新日を表示させたい。逆に言う ...

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

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