勉強したことのメモ

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

  関連記事

WordPressで画像にカテゴリを設定し、記事投稿の際の画像選択時に指定したカテゴリの画像のみ表示させる方法

WordPressのメディアライブラリに画像を沢山登録していると、記事投稿の際の ...

WordPressでメモリを節約しつつ高速化する設定方法

メモリ1GのVPSを借りてWordpress以外にも、ちょいちょいものを置いてい ...

Polylangのスイッチャーでクエリ(GETパラメータ)を引き継ぐ方法

WordPressで多言語サイトを作成するにあたりPolylangというプラグイ ...

WordPress Popular Postsのサムネイルが表示されない

WordPressの人気記事を表示させるWordPress Popular Po ...

WordPressでCSSとHTMLコーディングデータから自作テーマを作成する方法

CSSとHTMLコーディングデータがあり、それをWordPressのテーマに反映 ...