un tronc
ホームページ制作

Contact Form 7の送信をGA4で計測|キーイベント設定手順

こんにちは!アントロンのNaokoです。

ホームページのアクセス数は見ていても、「そのうち何人がお問い合わせを送ってくれたか」までは見ていない、ということはありませんか? お問い合わせの数が分からないと、ホームページが仕事につながっているのかも分かりません。

この記事では、WordPress のお問い合わせフォーム(Contact Form 7)の送信を、GA4(Google アナリティクス 4)で数えるまでの手順と、私がつまずいたところをまとめます。

アクセス数は分かるのに、お問い合わせの数が分からない

このサイト(untronc.jp)も、GA4 でページの表示やユーザーの数は見ていました。でも、お問い合わせフォームが送られたかどうかは、GA4 では数えていませんでした。GA4 の「キーイベント」(購入やお問い合わせなど、ビジネスにとって重要なイベント。以前は「コンバージョン」と呼ばれていたもの。出典:Google アナリティクスのコンバージョンとキーイベント)も、0件のままでした。

解決:Site Kit でフォームの送信を GA4 に送り、キーイベントとしてマークを付ける

やることは2つです。

  • WordPress のプラグイン「Site Kit by Google」で、フォームの送信を GA4 に送る設定をオンにする
  • GA4 で、そのイベントに「キーイベントとしてマークを付ける」

コードを書く必要はありません。ただ、2つ目でつまずきました。

やったこと1:Site Kit で「プラグインのコンバージョン トラッキング」をオンにする

Site Kit には、決まったプラグインの操作を GA4 に送る機能があります。Contact Form 7 はその対象です(出典:Plugin conversion tracking(Site Kit 公式))。

WordPress の管理画面で、次の順に進みます。

1. Site Kit → 設定
2. 接続済みサービス → アナリティクス → 編集
3. 「プラグインのコンバージョン トラッキング」をオンにして保存

Site Kit の設定画面。アナリティクスの欄に、プラグインのコンバージョン トラッキングが有効と出ている

オンにしたあと、Claude Code(AI に作業を頼めるアプリ)に、お問い合わせのページで何が読み込まれているかを調べてもらいました。Site Kit の Contact Form 7 用のスクリプトが入っていて、フォームの送信が完了したときに、GA4 へ contact という名前のイベントを送る作りになっていました。

ひとつ注意があります。この画面の「アナリティクスから除外」が「ログインしているすべてのユーザー」になっていると、WordPress にログインしたまま自分で試しに送っても数えられません。試すときは、ログアウトした状態か、別のブラウザで送ります。

つまずいたところ:計測されていないイベントには「スター」が押せない

次に GA4 で、contact をキーイベントにしようとしました。GA4 の「管理 → データの表示 → イベント」には「イベントにキーイベントとしてマークを付けるには、イベント名の横にあるスターを選択します」と出ています。

ところが、「最近のイベント」の一覧に contact がありません。

GA4 の管理のイベント画面。最近のイベントは first_visit、page_view、session_start、user_engagement の4つだけで、contact が無い

この一覧には、すでに GA4 で計測されたイベントしか出ません。設定をオンにしたあと、まだ誰もお問い合わせを送っていなかったので、スターを押す場所がありませんでした。最初は「1件届くまで待つしかない」と思っていました。

やったこと2:「イベントを作成」で、計測される前にキーイベントとして登録する

Google アナリティクス ヘルプを確かめると、計測される前でも名前を指定して登録する手順がありました(出典:キーイベントを作成または変更する(Google アナリティクス ヘルプ))。

1. 管理 → データの表示 → イベント → 「イベントを作成」
2. イベント名に contact と入れる
3. 「キーイベントとしてマークを付ける」をオンにする
4. 「イベントの作成方法の選択」で「コードを使用して作成」を選ぶ
5. 「作成」を押す

GA4 のイベントを作成する画面。イベント名に contact と入れ、キーイベントとしてマークを付けるをオンにしたところ

開いた直後は「コードなしで作成」が選ばれているので、「コードを使用して作成」に切り替えます。

イベントの作成方法の選択で、コードを使用して作成を選んだところ

「コードを使用して作成」は、「サイトのコードからこの名前のイベントが送られてくる」と GA4 に伝える選び方です。今回は Site Kit が contact を送るので、これを選びます。ヘルプには、作ったイベントは「最近のイベント」には、GA4 がそのイベントを処理するまで出ない、とも書かれています。

キーイベントとしてマークを付けると、「デフォルトのキーイベント値」を決める欄も出ます。お問い合わせには金額が無いので、私は「デフォルトのキーイベント値を設定しない」を選びました。

「作成」を押すと、まだ1件も計測されていないのに、contact が「キーイベント」の一覧に入りました。

GA4 のキーイベントの一覧に contact が入り、スターが付いている

確かめたこと:テストで1通送ると、キーイベントとして数えられた

最後に、WordPress にログインしていない端末から、お問い合わせフォームでテストを1通送りました。GA4 の「リアルタイムの概要」を開くと、イベント数に contact が1件、キーイベントにも contact が1件出ていました。

GA4 のリアルタイムの概要。イベント数に contact が1件、キーイベントにも contact が1件出ている

これで、お問い合わせが送られるたびに、GA4 でキーイベントとして数えられます。

まずは、自分のサイトで何が数えられているかを見てみてください

GA4 の「管理 → データの表示 → イベント → 最近のイベント」を開くと、過去28日間に計測されたイベントの一覧が見られます。お問い合わせの送信がそこに無ければ、まだ数えられていません。WordPress で Site Kit と Contact Form 7 を使っている方は、上の2つの設定から始めてみてください。

ホームページの計測の見直しや、AI を使ったサイト運営のご相談は、お問い合わせフォームからどうぞ。

最後まで読んでくださりありがとうございました!

コメント