SWELL＋Contact Form 7で「お問合せフォームページ」のみreCAPTCHAを表示する方法

自分自身の備忘録として。

この記事では、SWELL × Contact Form 7環境で、reCAPTCHAバッジを「お問い合わせページのみに表示」する方法を解説します。

 前提条件

• WordPressテーマ：SWELL
• フォームプラグイン：Contact Form 7（CF7）
• reCAPTCHAバージョン：v3（右下にバッジが出るタイプ）
•  

作業手順

1. Google reCAPTCHA のサイトキーとシークレットキーを取得

1. Google reCAPTCHA 管理ページ にアクセス
2. ドメインを登録（例：yourdomain.com）
3. バージョンを選択（v2（チェックボックス型） or v3（バッジ表示・非表示可））
4. 「サイトキー」「シークレットキー」が表示されるのでコピーしておく

2. WordPressにキーを設定する

1. WordPress管理画面 → 「お問い合わせ」→「インテグレーション」
2. 「reCAPTCHA」セクションの「インテグレーションのセットアップ」をクリック
3. 上記で取得した「サイトキー」「シークレットキー」を入力
4. 変更を保存

サイトキーとシークレットキーを入力して保存

3. お問合せフォームページでのみ、reCAPTCHAバッジを表示

reCAPTCHA v3を使うと、バッジ（reCAPTCHAのマーク）が全ページで画面右下に表示されます。

ここではreCAPTCHAバッジ（v3）を「お問い合わせページのみ」に表示して、それ以外のページではreCAPTCHAスクリプトの読み込みを防ぐ（高速化＆デザイン崩れ防止）ように設定します。

functions.phpで制御

以下のコードを、子テーマの functions.php に追加してください。

function load_recaptcha_js() {// 「お問い合わせページのスラッグ」に置き換える（例："contact"） if ( ! is_page( 'contact' ) ) {  wp_deregister_script( 'google-recaptcha' ); }}add_action( 'wp_enqueue_scripts', 'load_recaptcha_js',100 );

完了

これでお問い合わせページのみでreCAPTCHA v3を読み込ませることができます！！

作業完了！

SWELLを活用したサイト制作・SEO相談、承っています！

この記事をここまで読んでいただき、
「SWELLいいな！」「自分でも使ってみたいかも」「こういうサイト作りたい」と思った方へ。

僕は普段、SWELLを活用したコーポレートサイト制作やSEO支援を中心に、
企業様・個人事業主の方のWebまわりをサポートしています。

✅ SWELLを使ったコーポレートサイト制作
→ 設計・デザイン・公開までまるっとお任せください。この記事で紹介した事例のようなサイト、作れます。

✅ SWELLのちょっとしたカスタマイズ相談
→ フォント調整・余白調整・レイアウト調整・表示条件の設定など、ピンポイントでの対応OKです！

✅ SEOコンサルティング
→ キーワード設計・競合分析・内部対策の見直しまで幅広くご対応します。SWELLで作ったホームページからのお問合せが欲しい方は是非ご相談ください。

お気軽にご連絡ください↓

メールアドレス：hikaru-web@hikaru-hongo.net