Contact Form 7のトリガーをgoogleタグマネジャーに設定

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

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

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

Google タグマネージャーにログインします。
左側のメニューから「変数」をクリックします。
「組み込み変数」の項目で「設定」をクリックします。
表示されるリストの中から「Form Classes」にチェックを入れて有効にします。

GTMのトリガー設定

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

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

GTMのタグ設定

作成したトリガーを使って、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 送信」トリガーを選択します。
「保存」ボタンをクリックします。

GTMでのプレビューと公開

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

GTMの右上にある「プレビュー」ボタンをクリックします。
ウェブサイトのURLを入力し、Connectします。
GTMのプレビューモードが起動したブラウザで、実際にContact Form 7のフォームを送信してみます。
GTMのプレビュー画面に戻り、送信イベントが正しく発火しているか、設定したタグが「Tags Fired」として表示されているかを確認します。
問題がなければ、GTMのワークスペースに戻り、右上にある「公開」ボタンをクリックして変更を公開します。

GA4でのコンバージョン設定（必要であれば）

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

Google アナリティクスにログインします。
左下の「管理」 (歯車アイコン) をクリックします。
「データの表示」の下にある「コンバージョン」をクリックします。
「新しいコンバージョンイベント」をクリックし、GTMで設定したイベント名（例: form_submission）を入力して「保存」します。

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

コンテンツマーケティングの容易さ:
- ブログ機能: 記事の作成・公開が非常に簡単で、定期的な質の高いコンテンツの提供を支援します。これは、ターゲット顧客の関心を引きつけ、信頼関係を築く上で不可欠です。
- 多様なコンテンツ形式: テキスト、画像、動画、インフォグラフィックなど、さまざまな形式のコンテンツを容易に統合・管理できます。
デザインの柔軟性とプロフェッショナリズム:
- テーマ（デザインテンプレート）: 豊富な無料・有料のテーマがあり、専門的な知識なしに、ブランドイメージに合ったプロフェッショナルなウェブサイトを構築できます。
- モバイルフレンドリー（レスポンシブデザイン）: 多くのテーマがレスポンシブデザインに対応しており、スマートフォンやタブレットからのアクセスにも最適化されています。これは、今日のモバイルユーザーの重要性を考えると必須です。
多機能性と拡張性（プラグイン）:
- マーケティングツールとの統合: プラグインを利用して、メールマーケティング、SNS連携、A/Bテストツール、アナリティクスツールなど、さまざまな外部マーケティングツールと簡単に連携できます。
- フォーム作成: 問い合わせフォームやアンケートフォームなどを簡単に設置でき、見込み客の獲得（リードジェネレーション）を促進します。

クリーンでシンプルなコード構造:
- WordPressは、検索エンジンのクローラー（情報を収集するプログラム）がサイトのコンテンツを効率的に読み取り、理解しやすいように設計されています。
URLの最適化:
- 投稿のパーマリンク（URL構造）を自由にカスタマイズでき、キーワードを含んだわかりやすいURLを設定することが容易です。
SEO専用プラグインの活用:
- Yoast SEOやAll in One SEO Packなどのプラグインを使用することで、以下のSEO作業を簡単に行えます。
  - タイトルタグとメタディスクリプションの最適化: 検索結果に表示される情報を、キーワードを含めて正確に設定できます。
  - XMLサイトマップの自動生成: 検索エンジンにサイトの全ページ構造を効率的に伝えることができます。
  - コンテンツのSEO分析: 記事作成時に、キーワードの使用状況や可読性などに基づいてSEO改善点を指摘してくれます。
表示速度の改善:
- 適切なキャッシュ系プラグインや画像最適化を行うことで、ウェブサイトの表示速度を向上させることができます。表示速度は、ユーザーエクスペリエンス（UX）の向上とSEOのランキング要因として非常に重要です。
内部リンクの管理:
- 関連記事へのリンクを簡単に挿入でき、サイト内の回遊性を高め、検索エンジンにコンテンツ間の関連性を伝えることができます。