技術Note

WordPressのお問い合わせフォームのプラグイン「Contact Form 7」ですが、サンクスページが無いため一般的な方法ではお申し込み完了数が計測できません。
ですがgoogleタグマネージャーを使うと計測することができます。

今回はgoogleタグマネージャーを使ったGA4のコンバージョン設定方法をまとめてみました！

変数の設定

１）googleタグマネージャーの左メニューの「変数」をクリックし、右上にある「設定」をクリックします。

２）「フォーム」の項目を全てクリックします。

タグの設定

１）左メニューの「タグ」をクリックし、右上にある「新規」をクリックします。

２）左上のタイトル部分に「お問い合わせ送信完了」など分かりやすい名前をつけます。

３）「タグの設定」の白枠をクリックし、メニュー内の「Google アナリティクス」＞「Google アナリティクス: GA4 イベント」をクリックします。

４）「測定ID」をGoogleアナリティクスから取得し、入力します。
①Google アナリティクスにログインし、Contact Form 7を設定しているサイトのGA4のアカウントを選択します。

②左下の歯車マーク「管理」をクリックしてプロパティの「データストリーム」をクリックし、自分のアカウントをクリックします。

③測定IDをコピーします。

５）タグマネージャーへ戻り、Google アナリティクスからコピーしてきた測定IDを貼り付けます。

６）イベント名（自由に命名できます）を設定し、タグの設定は完了です。

トリガーの設定

１）「トリガー」の白枠をクリックし、右上の+をクリックします。

２）左上のタイトル部分に「お問い合わせ送信完了」など分かりやすい名前をつけます。

３）「トリガーの設定」の白枠をクリックし、メニュー内の「ユーザー エンゲージメント」＞「フォームの送信」をクリックします。

４）「一部のフォーム」を選択し「Form Classes」「含む」を選択し、「wpcf7-form」と入力します。

※５）はサイト内に複数個フォームがあり、フォームごとにコンバージョンの取得を分けたい場合のみ必要です。
５）+マークを押し「Page Path」「含む」を選択し、フォームがあるページのURLを入力します。
https://www.redkirin.co.jp/contact/←赤字部分

６）右上の保存を押します。

７）こちらも右上の保存を押します。

最後に、右上の「公開」から公開すると完了です！

まとめ

いかがでしたでしょうか！
ホームページを運用していく上で、このコンバージョンの数というのはとても大事ですね。
きちんと設定して正確に数値を取っていきましょう！