WordPressフォームにhCaptchaを設定する

WordPressフォームにhCaptchaを設定する方法

要約:ChatGPTPerplexity

ボットがWordPressフォームにジャンクデータを送信していませんか?hCaptchaは、ほとんどのボットを受信トレイに届く前にブロックできます。

hCaptchaはGoogle reCAPTCHAの人気の代替手段であり、無料プランがあります。WPFormsは無料バージョンでも標準でサポートしています。ただし、セットアップは2つのダッシュボードにまたがり、間違ったキーが1つあるとすべてのエントリがブロックされる可能性があります。

このガイドでは、WordPressフォームにhCaptchaを設定する方法を説明します。

hCaptchaとは?

hCaptchaは、ボットやスパマーがフォームを送信するのを防ぐのに役立つCAPTCHAサービスです。ほとんどの訪問者は「私は人間です」ボックスをチェックし、短い画像チャレンジを解決します。

hCaptchaが保存前にWordPressフォーム送信をチェックする方法

hCaptchaはプライバシーを念頭に置いて構築されており、個人データを販売しないと述べています。そのプライバシーポリシーには、GDPRやCCPAなどの規則が記載されています。

したがって、サイトのプライバシーがあなたにとって重要である場合に適しています。

hCaptchaには無料プランがあり、このチュートリアルではそれだけで十分です。有料のProプランには、「99.9%パッシブ」モードとカスタムテーマが追加されます。

hCaptcha vs reCAPTCHA vs Cloudflare Turnstile

WPFormsは3つのCAPTCHAサービスをサポートしています。サイト全体で一度に1つしか使用できません。それらの比較は次のとおりです。

hCaptchaGoogle reCAPTCHACloudflare Turnstile
無料プランはいはい、月間10,000件まではい、最大20ウィジェット
訪問者がWPFormsで見るものチェックボックス。通常、画像チャレンジが続きます(無料プラン)。チェックボックス(v2)、または何も表示されません(Invisible v2およびv3)。小さなウィジェット。通常、パズルはありません。
WPFormsの非表示オプションいいえはいウィジェットモードはCloudflareで設定されます。
最適な用途チェックボックスで問題ないプライバシー重視のサイトすでにGoogleサービスを利用しているサイト最も手間のかからない方法を望むサイト

制限は、GoogleのreCAPTCHAティアおよびCloudflareのTurnstileプランによるものです。

詳細については、hCaptchaとreCAPTCHAの比較をご覧ください。また、WordPressフォームでのCloudflare Turnstileに関するガイドもあります。

WordPressフォームにhCaptchaを設定する方法

WordPressでhCaptchaを設定するには、WPFormsをインストールします。次に、WPForms » 設定 » CAPTCHAでhCaptchaを選択します。

hCaptchaダッシュボードからサイトキーとシークレットキーを貼り付けて保存します。次に、フォームビルダーでフォームにhCaptchaフィールドを追加します。

各ステップを詳しく説明します。

ステップ1:WPFormsのインストールと有効化

まず、WPFormsプラグインをインストールして有効化します。hCaptchaはWPForms LiteとWPForms Proの両方で動作します。これに有料ライセンスは必要ありません。

WordPress初心者ですか?WordPressプラグインのインストール方法についてのステップバイステップガイドはこちらです。

次に、CAPTCHA設定を開きます。ダッシュボードでWPForms » 設定に移動し、CAPTCHAタブをクリックします。

hCaptcha、reCAPTCHA、TurnstileオプションのあるWPForms設定のCAPTCHAタブ

hCaptcha、reCAPTCHA、Turnstile、Noneの4つのオプションが表示されます。hCaptchaを選択します。

選択するとすぐに、サイトキーとシークレットキーのフィールドが表示されます。これらは次のステップでhCaptchaから取得します。

WPFormsでCAPTCHAプロバイダーとしてhCaptchaを選択

このページに「CAPTCHAは不要ですか?」というボックスが表示される場合もあります。これはWPFormsチームによる非表示スパムフィルターであるActiveLayerです。

これはオプションであり、このチュートリアルではスキップできます。

ステップ2:hCaptchaサイトキーの設定

次に、新しいタブでhCaptchaのウェブサイトを開きます。最初のタブでWPFormsの設定を開いたままにしておきます。

無料アカウントにサインアップするか、すでにアカウントをお持ちの場合はログインしてください。

hCaptchaは2つのキーを提供します。サイトキーは公開されており、フォームにCAPTCHAを読み込みます。シークレットキーは非公開であり、サイトがhCaptchaと各回答を照合できるようにします。

hCaptchaサイトキーとシークレットキーの違い

hCaptchaダッシュボードで、サイトタブを開きます。アカウントにサイトキーがすでにリストされている場合があります。このサイトを分離するために、新しいサイトキーを追加します。

hCaptchaダッシュボードのサイトタブ

サイトキーに名前を付けます。これは参照用なので、「私のコンタクトフォーム」のようなもので十分です。

次に、サイトキーのドメインリストにサイトのドメインを追加します。例:example.com。フォームが表示されるすべてのドメイン、ステージングサイトを含めて追加してください。

完了したら、サイトキーを保存します。

hCaptchaサイトキーにサイト名とドメインを追加

注意:無料プランでは、ほとんどの訪問者はチェックボックスをチェックしてから短い画像チャレンジを解きます。これは正常です。パッシブモードはhCaptcha Proの一部です。

ステップ3:WPFormsにサイトキーを追加

次に、hCaptchaをWPFormsに接続します。サイトタブに戻り、新しいサイトのサイトキーをコピーします。

hCaptchaダッシュボードからサイトキーをコピー

WPFormsタブに切り替えて、サイトキーフィールドに貼り付けます。

WPFormsにhCaptchaサイトキーを貼り付け

次に、シークレットキーを取得します。hCaptchaで、右上にあるプロフィールアイコンをクリックし、設定を選択します。

そこに表示されているシークレットキーをコピーします。

新しいキーが必要な場合は、新しいシークレットを生成をクリックします。すぐにシークレットをコピーして安全に保管してください。

hCaptchaアカウント設定でシークレットキーを見つける

WPFormsのシークレットキーフィールドに貼り付けます。

失敗メッセージを変更することもできます。訪問者がチェックに合格しなかった場合に表示されます。

デフォルトは「hCaptchaの検証に失敗しました。後でもう一度お試しください。」です。

設定を保存をクリックします。WPFormsは、サイトキーから構築されたCAPTCHAのプレビューを表示します。

プレビューが読み込まれれば、サイトキーは機能しています。

WPFormsのhCaptcha設定におけるシークレットキー、失敗メッセージ、プレビュー

プロのヒント:ステージングサイトでテストしていますか?hCaptchaには、常に合格するテストキーがあります。

サイトキー10000000-ffff-ffff-ffff-000000000001とシークレット0x0000000000000000000000000000000000000000を使用します。これらはスパム保護を提供しないため、本番環境に移行する前に実際のキーに切り替えてください。

ステップ4:新しいフォームの作成

次に、フォームにhCaptchaを追加します。既存のフォームを開くか、WPForms » 新規フォームを追加で新しいフォームを作成します。

フォームに名前を付けます。次に、フォームテンプレートライブラリからテンプレートを選択するか、空白のフォームから開始します。

テンプレートを使用すると、すべてのフィールドを手動で作成する手間が省けます。

この例では、シンプルなコンタクトフォームテンプレートを使用します。

WPFormsでシンプルなコンタクトフォームテンプレートを選択

フォームビルダーが開きます。フィールドは右側にあり、フィールドリストは左側にあります。

ステップ5:WordPressフォームにhCaptchaフィールドを追加

左側のフィールドリストで、標準フィールドセクションを見つけます。hCaptchaフィールドをクリックします。

これはドラッグしません。シングルクリックで有効になります。

WPFormsの標準フィールドリストにあるhCaptchaフィールド

ポップアップに「このフォームでhCaptchaが有効になりました。フォームを保存することを忘れないでください!」と表示されます。OKをクリックします。

フォームでhCaptchaが有効になっていることの確認

hCaptchaバッジがフォームプレビューに表示されます。

これはビルダー内のリマインダーにすぎません。訪問者には実際のhCaptchaチェックボックスが表示されます。

WPFormsフォームビルダーのhCaptcha有効バッジ

フォームの設定からhCaptchaを有効にすることもできます。

設定 » スパム保護とセキュリティに移動します。CAPTCHAの下で、hCaptchaを有効にするトグルをオンにします。

WPFormsのスパム保護とセキュリティ設定でhCaptchaトグルを有効にする

ビルダーの上部にある保存をクリックします。次に、WordPressのページにフォームを追加します。

ステップ6:新しいhCaptchaフィールドのテスト

hCaptchaが機能することを確認します。サイトのフロントエンドでフォームがあるページを開きます。

フィールドに入力し、hCaptchaボックスをチェックします。解決するための画像チャレンジが表示される場合があります。

次に、フォームを送信し、確認メッセージが表示されることを確認します。

hCaptchaで保護されたWordPressコンタクトフォーム

注意:プライベートまたはシークレットウィンドウでフォームをテストしてください。これにより、ログインしていない訪問者が見るものを、キャッシュされた管理者ビューではなく確認できます。

これで完了です!hCaptchaがWordPressフォームを保護します。

WordPressフォームを今すぐ作成する

WordPressフォームでhCaptchaが機能しない場合のトラブルシューティング

hCaptchaが機能しない場合、原因は通常、キー、ドメイン、または別のプラグインです。最も一般的な問題の解決方法を次に示します。

以下に記載されているトークン、localhost、およびテストキーのルールは、hCaptcha の開発者ドキュメントから取得したものです。

hCaptcha ボックスがフォームに表示されない

まず、このフォームで hCaptcha が有効になっていることを確認してください。ビルダーでフォームを開き、設定 » スパム保護とセキュリティ » CAPTCHA を確認します。

有効になっている場合は、サイトとブラウザのキャッシュをクリアしてください。キャッシュおよびスクリプト最適化プラグインは、hCaptcha スクリプトを遅延させたりブロックしたりする可能性があります。

それでも表示されない場合は、別のプラグインが独自の CAPTCHA を読み込んでいる可能性があります。

WPForms » 設定 » CAPTCHA で、競合なしモードをオンにしてください。これにより、他の CAPTCHA スクリプトがページから削除されます。

WPForms CAPTCHA 設定の競合なしモード トグル

「hCaptcha の検証に失敗しました。後でもう一度お試しください」

これは WPForms のデフォルトのエラーメッセージです。訪問者がチェックを完了しなかったか、時間がかかりすぎました。

hCaptcha トークンは、約 2 分で期限切れになります。

もう一度チェックボックスをチェックして、すぐに送信するように依頼してください。全員がこのメッセージを表示する場合は、次に秘密鍵を確認してください。

WPFormsがhCaptchaがシークレットキーを拒否していると表示する

WPForms 2.0.2 以降では、WordPress ダッシュボードに次の通知が表示されます。「hCaptcha が秘密鍵を拒否しているため、フォームの送信がブロックされています。」

秘密鍵が間違っているか、サイト鍵のアカウントと一致していません。

hCaptcha の設定から新しい秘密鍵をコピーします。貼り付けて、設定の保存をクリックします。

hCaptchaはライブサイトでは機能するが、ステージングでは機能しない

まず、ステージングドメインがサイト鍵のドメインリストに含まれていることを確認してください。含まれていない場合は追加してください。

hCaptcha は `localhost` または `127.0.0.1` を一切受け付けません。ローカルサイトの場合は、ステップ 3 の hCaptcha のテストキーを使用してください。

フォームは送信されるが、メールが届かない

それは hCaptcha の問題ではなく、メールの問題です。デフォルトでは、WordPress はウェブホスト経由でフォームメールを送信しますが、多くは失われます。

当社のガイド WPForms がメールを送信しない では、WP Mail SMTP を使用した修正方法を説明しています。

hCaptchaに関するFAQ

WordPress で hCaptcha を使用する場合のよくある質問への回答です。

hCaptchaは無料ですか?

はい。hCaptcha には WPForms で動作する無料プランがあります。

Pro は、年払いの場合、hCaptcha の Pro ページあたり月額 $99 から始まります。99.9% のパッシブモードとカスタムテーマが追加されます。

WPForms LiteはhCaptchaをサポートしていますか?

はい。hCaptcha、reCAPTCHA、および Cloudflare Turnstile はすべて無料の WPForms Lite プラグインに含まれています。これらを使用するために有料の WPForms ライセンスは必要ありません。

hCaptchaとreCAPTCHAを同時に使用できますか?

いいえ。WPForms はサイト全体で 1 つの CAPTCHA サービスを使用します。

WPForms » 設定 » CAPTCHA で選択します。各フォームで CAPTCHA をオンまたはオフにすることは引き続き可能です。

WPFormsでhCaptchaを目立たないようにできますか?

WPForms からではありません。常に hCaptcha のチェックボックスが表示されます。

表示される CAPTCHA をなくしたいですか? reCAPTCHA Invisible v2 または v3 を選択するか、Cloudflare Turnstile を試してください。

hCaptchaはreCAPTCHAよりも優れていますか?

必要に応じて異なります。hCaptcha はプライバシーに焦点を当てています。reCAPTCHA は WPForms で非表示オプションを提供します。

この投稿の上部近くにある比較表に、主な違いが示されています。

次に、オンラインフォームにGDPR同意を追加します

これでフォームがボットから保護されたので、GDPR 同意も必要になる場合があります。チュートリアルでは、WordPress フォームに GDPR 同意を追加する方法を説明しています。

ボットを停止するさらに多くの方法を知りたいですか? 最高の WordPress アンチスパムプラグインの選択肢をご覧ください。

WordPressメールを今すぐ修正する

メールの修正準備はできましたか?今日から始めましょう WordPressの最高のSMTPプラグインで。メールを修正する時間がない場合は、追加購入で完全なWhite Glove Setupアシスタンスを利用でき、すべての有料プランで14日間の返金保証が付いています。

この記事がお役に立った場合は、WordPressのヒントやチュートリアルについては、FacebookとTwitterでフォローしてください。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、手数料が発生する可能性があることを意味します。WPFormsがどのように資金調達されているか、なぜそれが重要なのか、そしてどのように私たちをサポートできるかをご覧ください。

レイチェル・アドニャナ

レイチェルは 10 年間 WordPress に関する執筆を行い、それよりも長い間ウェブサイトを構築してきました。ウェブ開発と並行して、SEO とデジタルマーケティングの芸術と科学に魅了されています。もっと詳しく

無料のWP Mail SMTPプラグインをお試しください

お気に入りのSMTPプロバイダーを使用して、WordPressのメールを確実に送信してください。