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

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

WordPressのフォームにhCaptchaを設定する方法をお探しですか?

hCaptchaはGoogle reCAPTCHAの代替となる素晴らしいもので、完全に無料です。

このチュートリアルでは、フォームに hCaptcha を(簡単に)設定する方法を説明します。

お問い合わせフォームのメールを今すぐ修正

hCaptchaとは?

hCaptchaは人気の無料CAPTCHAサービスです。ハッカーやスパマーからウェブサイトを守るアンチスパムツールです。GoogleのreCAPTCHAに代わる最高のツールです。

hCaptchaのプライバシーポリシーは、GDPRやCCPAといった最近の規制に対応しています。あなたのサイトのプライバシーを心配するなら、hCaptchaはあなたのフォームに適したスパム対策ツールかもしれません。

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

WordPressのフォームにhCaptchaを設定するのはとても簡単です。チュートリアルの目次はこちらです:

では、始めよう!

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

まず最初にWPFormsプラグインをダウンロードして有効化します。

このチュートリアルでは、WPForms LiteまたはWPForms Proを使用できます。

WPFormsを有効にする

WordPressを初めてお使いになる方のために、WordPressプラグインのインストール方法をステップ・バイ・ステップでご紹介します。

次に、WPFormsの設定からhCaptchaオプションを選択する必要があります。

これを行うには、WordPressのダッシュボードに移動し、WPForms " 設定をクリックします

WPFormsの設定

これでWPFormsの設定ページが開きます。設定ページの上部に複数のタブオプションが表示されます。上部のタブからCAPTCHAタブをクリックします。

WPFormsのCAPTCHA設定

2つの人気のあるCAPTCHAサービスが表示されます: Cloudflare TurnstilehCaptcha、reCAPTCHAです。

hCaptchaオプションを選択します。

WordPressでhCaptchaを選択する

hCaptchaオプションを選択するとすぐに、hCaptchaサイトと シークレットキーを追加する設定が表示されます。これからこれらを生成します。

ステップ2: hCaptcha Sitekeyのセットアップ

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

hCaptchaアカウントにログインし、新しいサイトを追加します。

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

サイトの詳細を追加するページが開きます。

最初のセクションは、「新しいSitekeyを追加」です。ここでは、この特定のSitekeyに名前を追加することができますが、これは参考のためだけですので、その名前についてはあまり気にしないでください。

hCaptcha Sitekeyに名前を付ける

次に、2番目のセクションで、このキーを使用するすべてのウェブサイトを定義する必要があります。さらに追加する必要がある場合は、プラスボタンをクリックしてください。

hCaptchaの一般情報

無料のhCaptchaアカウントを使用している場合は、Always Challengeモードを使用する必要がありますので、このステップは省略しましょう。

hCaptchaのチャレンジモード

次に、CAPTCHAの難易度を決めます。hCaptchaではこれを「合格しきい値」と呼んでいます。

hCaptcha通過基準値

ほとんどの WordPress フォームでは、Auto で十分です。この設定をコントロールしたい場合は、それぞれの閾値が何を意味するのか、一般的なガイドをご覧ください:

  • イージーは 、ユーザーを確認するための標準的な「イージー」チャレンジを表示する。
  • モデレートは やや難易度が高い。
  • Difficultは 解決困難な課題を示す。これは最も安全ですが、イライラさせる可能性もあるので、フォームが何のためにあるのか、誰が使うのかを考えたほうがよいでしょう。

これで完了です!これでhCaptchaキーの設定は完了です。では、WordPressに戻ってフォームに追加してみましょう。

ステップ3:WPFormsにSitekeyを追加する

サイトキーをWPFormsに追加することで、WordPressサイトとhCaptchaの接続が完了します。

hCaptchaサイトにしばらく留まり、設定ボタンをクリックして開始します。

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

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

hCaptchaサイトキー

次に、秘密鍵を追加する必要がある。

シークレットキーをコピーするには、hCaptchaウェブサイトの右上にあるプロフィール画像をクリックしてください。

次に「設定」をクリックする。

hCaptchaの設定

秘密鍵をここにコピーしてください。

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

シークレットキーをWPFormsの設定に貼り付ければ接続完了です。

hCaptchaの設定をさらにカスタマイズしたい場合は、保存する前に「失敗メッセージ」を変更することができます。

WPFormsでのhCaptchaの失敗メッセージ

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

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

hCaptchaの設定がすべて完了したら、次はオンラインコンタクトフォームでhCaptchaを有効にしましょう。

そのためには、作成したフォームを開く必要がある。

まだフォームを作成していない場合は、WPFormsプラグインを使って新しいフォームを作成してください。

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

WPFormsには、以下のようなあらかじめ用意されたフォームテンプレートで構成される巨大なフォームテンプレートライブラリが付属しています:

あらかじめ用意されたテンプレートを使う大きなメリットは、フォームを一から作る必要がないことです。

ここではシンプルなコンタクトフォームのテンプレートを選びます。

WPFormsコンタクトフォームテンプレート

テンプルを選択すると、WPFormsフォームビルダーのセットアップが開きます。右側にフォーム、左側にドラッグ&ドロップビルダーが表示されます。

WPFormsコンタクトフォームテンプレート

左から右へドラッグ&ドロップすることで、オンラインフォームにフィールドを追加できます。

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

オンラインフォームの準備が整いました。

hCaptcha フィールドをフォームに追加するには、フォームビルダーの左側、標準フィールドセクションの下にあるhCaptcha フィールドをクリックします。

WordPressのWPForms hCaptchaフィールド

hCaptcha フィールドをクリックするとすぐに、このフォームで hCaptcha を有効にしたことを確認するポップアップが表示されます。OKをクリックしてください。

WPForms hCaptchaフィールドの確認

フォームの右上に hCaptcha のロゴが表示されている場合、hCaptcha サービスが有効になっています。

WordPressのフォームにhCaptcha

このロゴは、hCaptcha がフォーム上で有効であることを知らせるためのもので、公開フォームには表示されません。

保存ボタンをクリックし、WordPressのページにWPFormsを追加します。

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

ここで、hCaptchaがあなたのコンタクトフォームで正しく機能するかどうかを確認する必要があります。

hCaptchaをテストするには、あなたのサイトのフロントエンドでコンタクトフォームを開き、フォームの項目を入力し、hCaptchaボックスにチェックを入れます。選択した難易度によっては、チャレンジがポップアップ表示されます。

WPFormsでWordPressのフォームにhCaptchaを追加する

以上です!これでWordPressのフォームでhCaptchaを使う方法がわかりました。

注意: お問い合わせフォームのテストは、サイトの管理者としてログインしていない別のブラウザやシークレットウィンドウで行うことを忘れないでください。

お問い合わせフォームのメールを今すぐ修正

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

これで完了です!WordPress のフォームに hCaptcha を設定するのはとても簡単です。この記事が、あなたの WordPress ウェブサイトで、より保護された安全なオンラインフォームを作成する一助となれば幸いです。

hCaptchaを追加した後、フォームにGDPR同意書を追加する必要があるかもしれません。WordPressのフォームにGDPR同意書を追加する方法については、ステップバイステップのチュートリアルをご覧ください。

また、WPFormsがメールを送信できない場合のガイドも用意しています。

メールを修正する準備はできていますか? 今すぐ始める 最高のWordPress SMTPプラグインで。また、すべての有料プランには14日間の返金保証があります。

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

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

クレア・ブロードリー

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

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

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

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