Contact Form 7でGTMイベントを発火させる設定手順【決定版】

Contact Form 7 (CF7) の送信をGoogleタグマネージャー (GTM) で計測する方法を解説。変数・トリガー・タグの具体的な設定から、GA4でのコンバージョン設定、プレビューでの動作確認まで、初心者でも迷わず設定できる手順を詳しく紹介します。

GTMの変数設定（初回のみ）

Contact Form 7 (CF7) の送信を Google タグマネージャー (GTM) で計測するためのトリガー設定です。GA4（Google Analytics 4）での計測を前提に、一般的な設定方法を説明します。

まず、CF7のフォームクラスを認識するために、GTMの「組み込み変数」を有効にします。

次に、CF7のフォーム送信時に発火するトリガーを作成します。

GTMの左側のメニューから「トリガー」をクリックします。
「新規」ボタンをクリックします。
トリガーの名前を分かりやすいものに設定します（例: Contact Form 7 送信）。
「トリガーのタイプを選択」で、「ユーザーエンゲージメント」の下の「フォームの送信」を選択します。
「このトリガーの発生場所」で「一部のフォーム」を選択します。
条件を設定します。
- 左側のドロップダウンで「Form Classes」を選択します。
- 中央のドロップダウンで「含む」を選択します。
- 右側の入力欄に wpcf7-form と入力します。
「保存」ボタンをクリックします。補足: 複数のフォームがあり、特定のフォームの送信だけを計測したい場合は、上記に加えて「Page URL」などの条件を追加することも可能です。例えば、特定のURLに設置されたフォームの送信のみを計測したい場合は、以下のように追加します。
- 「+」ボタンをクリックして新しい条件を追加
- 左側のドロップダウンで「Page URL」を選択
- 中央のドロップダウンで「含む」または「等しい」を選択
- 右側の入力欄に、そのフォームが設置されているページのURLの一部または全部を入力

作成したトリガーを使って、GA4にイベントを送信するタグを設定します。

GTMの左側のメニューから「タグ」をクリックします。
「新規」ボタンをクリックします。
タグの名前を分かりやすいものに設定します（例: GA4 - Contact Form 7 送信）。
「タグの設定」で「Google アナリティクス: GA4 イベント」を選択します。
「測定ID」に、GA4の測定ID（G-XXXXXXXXX）を入力します。
- GA4の管理画面の「データストリーム」から確認できます。
「イベント名」を設定します（例: form_submission や contact_form_send など）。GA4で分かりやすい名前にしてください。
- 必要であれば、イベントパラメータを追加することもできます（例: form_name など）。
「トリガー」の部分をクリックし、先ほど作成した「Contact Form 7 送信」トリガーを選択します。
「保存」ボタンをクリックします。

設定が正しく機能するかを確認し、公開します。

GA4でこのイベントをコンバージョンとして計測したい場合は、GA4側で設定を行います。

これで、Contact Form 7の送信がGoogle タグマネージャー経由でGA4にイベントとして送信され、必要であればコンバージョンとして計測されるようになります。

表示速度の高速化: 無駄なコードを省き、画像読み込みの最適化などが施されています。読み込み速度はGoogleのランキング要因（Core Web Vitals）の一つです。
正しいHTML構造: 検索エンジンのクローラー（ロボット）が内容を理解しやすいよう、見出しタグ（H1〜H3など）や内部リンクが適切に配置されています。
構造化データの実装: 検索結果に評価の星印やFAQを表示させるための特殊なコードが、最初から組み込まれていることが多いです。