お問い合わせフォームにCAPTCHAを追加する方法

WordPressのお問い合わせフォームにCAPTCHAを追加する方法

WordPressのお問い合わせフォームにCAPTCHAを追加する方法をお探しですか?CAPTCHAフィールドはフォームスパムと戦うための素晴らしい方法なので、これは賢いアイデアです。

役立つツールはいくつかある。GoogleのreCAPTCHAの方が有名かもしれないが、hCaptchaとWPFormsのCustom Captchaは、CAPTCHAツールの代表格であり、場合によっては同等かそれ以上に機能する。WPFormsを使えば、この3つのCAPTCHAをWordPressで使うことができます。

この記事では、hCaptcha に焦点を当て、WordPress のコンタクトフォームに hCaptcha フィールドを追加する方法を紹介します。簡単でわかりやすいです!

hCaptchaとは何ですか?

hCaptchaは、GoogleのreCAPTCHAに代わるフォームスパム対策の代表的なもののひとつです。

一部のユーザーは、hCaptchaとreCAPTCHAの比較を好む:

  • reCAPTCHAは、すべてのスパムメッセージをキャッチできないことがある。最もよく使われるCAPTCHAなので、スパムボットはこれを回避する方法を考え出す動機がある。
  • 場合によっては、reCAPTCHAはアグレッシブすぎる - これはv3の場合であり、正当なエントリーを通過させるのを止めてしまう傾向がある。
  • reCAPTCHAは、あなたが快適と感じる以上のユーザーデータを収集する可能性があります。
  • hCaptchaはよりプライバシーに配慮しています。

hCaptchaが何であるか、そしてなぜそれを使いたいのかが明確になったところで、その方法を説明しましょう!

WordPressのお問い合わせフォームにCAPTCHAを追加する方法

1.WPFormsをインストールする

WPForms Proは最高のWordPressコンタクトフォームプラグインです。それはサポートしています:

  • hCaptcha
  • クラウドフレア・ターンスタイル
  • アキズメット
  • reCAPTCHA
  • キーワードと国のフィルター
  • カスタムCAPTCHA
  • などなど! 

WPFormsホームページ

WPFormsはまた、あなたが見ずにエントリーを破棄するのではなく、'スパム'としてフラグを立てることができます。

WPFormsのスパム状態での入力

プラグインをインストールして有効化したら、WordPressのダッシュボードに戻ってWPForms " Settingsをクリックします。

WPFormsの設定

すべてのCAPTCHAオプションは同じ場所にあります。CAPTCHAタブをクリックしてください。

WPFormsのCAPTCHA設定

そしてhCaptchaをクリックします。

WordPressでhCaptchaを選択する

次に、WordPressサイトとCAPTCHAサービスとの接続を設定します。

2.hCaptchaにサイトキーを設定する

hCaptchaのキーを取得するには、hCaptchaの公式サイトを新しいタブで開き、WPFormsを別のタブで開いておくことを忘れないでください。

hCaptcha アカウントにログインし、[新規サイト] ボタンをクリックします。

hCaptchaに新しいサイトを追加する

Add New Sitekeyセクションで、サイトに名前を付けます。

hCaptcha Sitekeyに名前を付ける

次に、Hostnamesセクションに、この鍵を使用したいドメイン名をすべて列挙する。

hCaptchaの一般情報

次に、合格しきい値を設定する。

ハードCAPTCHAはボットが解くのは難しいが、人間にとっても難しい。

hCaptcha通過基準値

もう少し説明しよう:

  • Easyは 標準的なCAPTCHAの設定です。
  • 人間にとっては簡単だが、スパムボットにとっては簡単すぎないようにしたいのであれば、中庸が いい。
  • Difficultは 、解決が難しい課題を表します。人間の訪問者にとっては難しく、フォームのコンバージョン率に悪影響を与える可能性があることに留意してください。

それが完了したら、「設定」をクリックする。

hCaptchaのサイトキーを取得する

さて、hCaptchaの説明は終わり、WordPressに戻りましょう。

3.WPFormsにサイトキーを追加する

最後にWPForms側でサイトに接続します。

最後のステップで「設定」をクリックすると、サイトキーが表示されるはずです。

sitekeyをコピーし、WPFormsのSite Keyフィールドに貼り付けます。

hCaptchaサイトキー

シークレット・キーが必要なのだ。

hCaptchaサイトで、あなたのアバター(画像)をクリックし、「設定」をクリックします。

hCaptchaの設定

このページにあなたのシークレットキーがあります。ボタンをクリックしてコピーしてください。

hCaptchaのシークレットキーをコピーする

これで完了です!これでWordPressのフォームにhCaptchaを素早く追加することができます。

4.コンタクトフォームに CAPTCHA を追加する

hCaptchaはフォームビルダーを使って新しいWPFormsフォームや既存のフォームに追加することができます。とても簡単です!

WordPressのダッシュボードで、WPForms " Add Newをクリックします。

WPFormsに新しいフォームを追加する

フォーム名を入力し、2,000以上のWordPressフォームテンプレートから選択するか、ブランクフォームを選択して全く新しいフォームを作成します。

両方のオプションがフォームビルダーで開きます。ここで、左側のパネルの標準フィールドセクションに hCaptcha フィールドがあります。これをクリックして有効にします。

wpforms-hcaptcha-field

ページの右上に、hCaptchaが有効化されたことが表示されます。

wpformsのキャプチャを有効にする

新しい CAPTCHA 対応フォームは、お好きなページに埋め込むことができます。フォームを埋め込むには、既存のページに埋め込むか、新しいページを作成するかの2つの方法があります。

しかし、まず「保存 」をクリックし、次に「埋め込み」をクリックする。

フォームビルダー埋め込みボタン

WPForms はフォームを新しいページに追加するか、既存のページに組み込むかを尋ねます。この例では新しいページにフォームを埋め込みます。

新しいページにフォームを埋め込む

さて、新しいページに名前を付け、「Let's Go」をクリックします。

新しいページに埋め込む

これで自動的に新しいページが作成され、フォームがブロックとして追加されたWordPressエディターが表示されます。他のWordPressページと同じように変更を加え、準備ができたら公開を押してください。

hcaptchaでフォームを公開する

これでサイトのフロントエンドから新しく公開したフォームを確認できるようになりました。このように表示されるはずです:

hcaptchaフロントエンド

詳しくはWordPressのページにコンタクトフォームを追加するガイドをご覧ください。

そして、これだけです!これで、hCaptchaを使ってWordPressのページに好きな時にCAPTCHAを追加できるようになります。

次に、これらのreCAPTCHAの代替品をチェックしてください。

hCaptchaを使ってフォームをスパムから守る方法について説明しました。この方法はよく機能しますが、他にもいくつか考慮すべき選択肢があります。 トップreCAPTCHA代替案ガイドでベストなものを見てみましょう

WordPressサイトに特にお勧めのスパム対策として、WPForms Akismetインテグレーションがあります。フォーム上でAkismetを使用すると、WordPressのコンタクトフォームスパムをフィルタリングするための優れた方法です。

メールを修正する準備はできていますか?最高のWordPress SMTPプラグインで今すぐ始めましょう。メールを修正する時間がない場合は、追加購入としてWhite Glove Setupのフルサポートを受けることができます。

今すぐWordPressのメールを修正

この記事がお役に立ちましたら、Facebookや TwitterでWordPressのヒントやチュートリアルをご覧ください。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。WPFormsがどのように資金を調達しているのか、なぜそれが重要なのか、そしてどのように私たちをサポートできるのかをご覧ください。

クレア・ブロードリー

クレアはWP Mail SMTPチームのコンテンツマネージャーです。WordPressとウェブホスティングについて13年以上の執筆経験がある。もっと知る

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

お気に入りのSMTPプロバイダーを使って、WordPressのメールを確実に送信しましょう。

このフォームを入力するには、ブラウザのJavaScriptを有効にしてください。