「ContactForm 7のスパムがひどい」「reCAPTCHAを入れたらページが重くなった」この問題で悩んでいた結果、HubSpotのネイティブフォームに移行した経緯と、実際に何が変わったかを正直に書きます。
Growth with Your Expertise.
HubSpot Starter 導入支援
スタートアップ企業（個人〜小規模チーム）向けにHubSpotの導入支援と運用サポートのコンサルティングを行っています。
そもそもなぜreCAPTCHAが必要になるのか
WordPressはCMSとして世界シェアが高い分、スパムボットの標的になりやすいです。特にContact Form 7（CF7）はインストール数が多いため、ボットによる自動送信（スパム）の被害が頻発します。
スパムの典型的な症状：
- 問い合わせフォームに意味不明な英文・URLが大量送信される
- 通知メールがスパムで埋まり、本物の問い合わせが埋もれる
- フォームのデータベースがゴミデータで汚染される
これを防ぐためにGoogleのreCAPTCHAを導入するわけですが、ここに別の問題が生じます。
reCAPTCHA v3がSEO・サイト速度に与える影響
CF7のreCAPTCHA統合設定で使えるのは主に「reCAPTCHA v3」です。v3はユーザーに「チェックを入れる」手間をかけさせない代わりに、フォームが設置されているページだけでなく、全ページでreCAPTCHAのスクリプトを読み込む必要があります。
これが問題です。
reCAPTCHAのスクリプトはGoogleのサーバーから読み込まれる外部リソースです。全ページに設置すると：
- ページの読み込みリクエスト数が増える
- Core Web Vitals（特にLCP・FID）に悪影響が出る可能性がある
- PageSpeed Insightsのスコアが下がる
SEO的にページ速度は重要な指標です。スパム対策のつもりが、集客に悪影響を及ぼすという皮肉な状況になります。
「v2に下げてチェックボックスを表示させる」という回避策もありますが、スパム判定の精度が下がる上にユーザー体験も悪化します。
なぜHubSpotフォームへの移行が解決策になるのか
HubSpotのフォームには独自のスパムフィルタリング機能が組み込まれています。reCAPTCHAを別途設定しなくても、大半のボットによる自動送信をブロックします。
さらに重要な点があります。HubSpotのトラッキングコードとフォームは、フォームが設置されているページにのみスクリプトを読み込みます（トラッキングコード自体は全ページですが、reCAPTCHAのような重いスクリプトではありません）。
| 比較項目 | CF7 + reCAPTCHA v3 | HubSpotフォーム |
|---|---|---|
| スパム対策の精度 | 高い | 高い（独自フィルター） |
| 全ページへのスクリプト読み込み | 必要（reCAPTCHA） | 不要 |
| ページ速度への影響 | 大きい | 小さい |
| コンタクトへの自動変換 | 別途連携が必要 | 自動 |
| 広告流入元の記録 | 困難 | 自動記録 |
| 設定・管理の場所 | WordPress＋Google | HubSpotのみ |
HubSpotフォームのreCAPTCHA設定（必要な場合）
HubSpotでも、さらにreCAPTCHAを追加したい場合は設定できます。
設定手順：
- HubSpotダッシュボードで「設定（⚙）→ マーケティング → フォーム」を開く
- 「reCAPTCHA」セクションを確認
- 有効にするとHubSpotフォームにreCAPTCHAが追加される
ただし、HubSpotの独自スパムフィルターで十分対応できるケースがほとんどです。実際に当社が運用しているサイトでは、reCAPTCHAを追加せずに運用していますが、スパムの問題は解消されています。
CF7からHubSpotフォームへの移行手順
ステップ1：HubSpotのトラッキングコードを設置する
まずトラッキングコードが全ページに設置されている状態にします。これがないとHubSpotフォームからのコンタクト作成が正常に動作しません。
ステップ2：HubSpotでフォームを作成する
HubSpotダッシュボードの「マーケティング → フォーム → 新規フォームを作成」から、既存のCF7フォームと同じフィールド構成でフォームを作成します。
フィールドの種類（テキスト・メール・電話番号・テキストエリアなど）はほぼCF7と同等のものが揃っています。
ステップ3：フォームの送信後アクションを設定する
HubSpotフォームでは、フォームを送信した後の動作を細かく設定できます。
- サンクスページへのリダイレクト
- サンクスメッセージの表示
- 担当者へのメール通知（自動ワークフロー）
- 送信者へのサンクスメール（自動ワークフロー）
ステップ4：WordPressページにフォームを埋め込む
フォームの「アクション → 埋め込みコード」でHTMLスニペットを取得し、WordPressのカスタムHTMLブロックに貼り付けます。
ステップ5：CF7のフォームを無効化・削除する
新しいHubSpotフォームが正常に動作することを確認したら、CF7のフォームを削除します。reCAPTCHAとの連携設定も削除することで、全ページでのスクリプト読み込みが止まります。
移行で注意すること
フィールド名の対応確認
CF7のフォームフィールド名（your-nameなど）はHubSpotのプロパティ名と異なります。HubSpotフォームを作成する際に、各フィールドが正しいコンタクトプロパティ（「名前」「メールアドレス」など）に対応しているかを確認してください。
Google広告のコンバージョンタグの設置確認
CF7では、フォーム送信のコンバージョンをGoogleタグマネージャー経由で計測しているケースが多いです。HubSpotフォームに切り替えた後も、コンバージョン計測が正しく動作しているか確認が必要です。
HubSpotフォームでは、フォーム送信イベントに対してJavaScriptのコールバック関数（window.addEventListener経由）でコンバージョンタグを発火させることができます。当社ではこの設定もサポートしています。
移行後の変化（実体験）
当社がCF7からHubSpotフォームに移行した後の変化：
- スパムがほぼゼロになった
- PageSpeed InsightsのスコアがモバイルでInsights改善
- フォーム送信とコンタクト作成が自動化され、Excelへの手入力が不要になった
- フォーム経由で来たコンタクトの流入元（Google広告・SEOなど）が自動記録されるようになった
移行作業自体は1〜2時間程度です。
HubSpot Starter 導入支援・運用サポート
CF7のreCAPTCHA問題は「スパム対策 vs サイト速度」というトレードオフに見えますが、HubSpotフォームへの移行でどちらも解決できます。
さらに、フォームから来たコンタクトの流入元自動記録・ワークフローによる自動返信・CRMへの直接連携など、CF7には存在しなかった機能が使えるようになります。
当社では、CF7からHubSpotフォームへの移行設定もサポートしています。
ご依頼・相談受付
ご依頼は下記のフォームから受付けております。
お気軽にご連絡ください。
