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を使用できます。
WordPressを初めてお使いになる方のために、WordPressプラグインのインストール方法をステップ・バイ・ステップでご紹介します。
次に、WPFormsの設定からhCaptchaオプションを選択する必要があります。
これを行うには、WordPressのダッシュボードに移動し、WPForms " 設定をクリックします。
これでWPFormsの設定ページが開きます。設定ページの上部に複数のタブオプションが表示されます。上部のタブからCAPTCHAタブをクリックします。
2つの人気のあるCAPTCHAサービスが表示されます: Cloudflare Turnstile、hCaptcha、reCAPTCHAです。
hCaptchaオプションを選択します。
hCaptchaオプションを選択するとすぐに、hCaptchaサイトと シークレットキーを追加する設定が表示されます。これからこれらを生成します。
ステップ2: hCaptcha Sitekeyのセットアップ
hCaptchaのキーを取得するには、hCaptchaの公式サイトを新しいタブで開き、WPFormsを別のタブで開いておくことを忘れないでください。
hCaptchaアカウントにログインし、新しいサイトを追加します。
サイトの詳細を追加するページが開きます。
最初のセクションは、「新しいSitekeyを追加」です。ここでは、この特定のSitekeyに名前を追加することができますが、これは参考のためだけですので、その名前についてはあまり気にしないでください。
次に、2番目のセクションで、このキーを使用するすべてのウェブサイトを定義する必要があります。さらに追加する必要がある場合は、プラスボタンをクリックしてください。
無料のhCaptchaアカウントを使用している場合は、Always Challengeモードを使用する必要がありますので、このステップは省略しましょう。
次に、CAPTCHAの難易度を決めます。hCaptchaではこれを「合格しきい値」と呼んでいます。
ほとんどの WordPress フォームでは、Auto で十分です。この設定をコントロールしたい場合は、それぞれの閾値が何を意味するのか、一般的なガイドをご覧ください:
- イージーは 、ユーザーを確認するための標準的な「イージー」チャレンジを表示する。
- モデレートは やや難易度が高い。
- Difficultは 解決困難な課題を示す。これは最も安全ですが、イライラさせる可能性もあるので、フォームが何のためにあるのか、誰が使うのかを考えたほうがよいでしょう。
これで完了です!これでhCaptchaキーの設定は完了です。では、WordPressに戻ってフォームに追加してみましょう。
ステップ3:WPFormsにSitekeyを追加する
サイトキーをWPFormsに追加することで、WordPressサイトとhCaptchaの接続が完了します。
hCaptchaサイトにしばらく留まり、設定ボタンをクリックして開始します。
sitekeyをコピーし、WPFormsのSite Keyフィールドに貼り付けます。
次に、秘密鍵を追加する必要がある。
シークレットキーをコピーするには、hCaptchaウェブサイトの右上にあるプロフィール画像をクリックしてください。
次に「設定」をクリックする。
秘密鍵をここにコピーしてください。
シークレットキーをWPFormsの設定に貼り付ければ接続完了です。
hCaptchaの設定をさらにカスタマイズしたい場合は、保存する前に「失敗メッセージ」を変更することができます。
これで完了です!これでWordPressのフォームにhCaptchaを素早く追加することができます。
ステップ4:新規フォームの作成
hCaptchaの設定がすべて完了したら、次はオンラインコンタクトフォームでhCaptchaを有効にしましょう。
そのためには、作成したフォームを開く必要がある。
まだフォームを作成していない場合は、WPFormsプラグインを使って新しいフォームを作成してください。
WPFormsには、以下のようなあらかじめ用意されたフォームテンプレートで構成される巨大なフォームテンプレートライブラリが付属しています:
- オンライン寄付フォームテンプレート
- アンケートと投票フォームのテンプレート
- 注文書テンプレート
- 求人申込書テンプレート
- などなど。
あらかじめ用意されたテンプレートを使う大きなメリットは、フォームを一から作る必要がないことです。
ここではシンプルなコンタクトフォームのテンプレートを選びます。
テンプルを選択すると、WPFormsフォームビルダーのセットアップが開きます。右側にフォーム、左側にドラッグ&ドロップビルダーが表示されます。
左から右へドラッグ&ドロップすることで、オンラインフォームにフィールドを追加できます。
ステップ 5: WordPress のフォームに hCaptcha フィールドを追加する
オンラインフォームの準備が整いました。
hCaptcha フィールドをフォームに追加するには、フォームビルダーの左側、標準フィールドセクションの下にあるhCaptcha フィールドをクリックします。
hCaptcha フィールドをクリックするとすぐに、このフォームで hCaptcha を有効にしたことを確認するポップアップが表示されます。OKをクリックしてください。
フォームの右上に hCaptcha のロゴが表示されている場合、hCaptcha サービスが有効になっています。
このロゴは、hCaptcha がフォーム上で有効であることを知らせるためのもので、公開フォームには表示されません。
保存ボタンをクリックし、WordPressのページにWPFormsを追加します。
ステップ 6: 新しいhCaptchaフィールドをテストする
ここで、hCaptchaがあなたのコンタクトフォームで正しく機能するかどうかを確認する必要があります。
hCaptchaをテストするには、あなたのサイトのフロントエンドでコンタクトフォームを開き、フォームの項目を入力し、hCaptchaボックスにチェックを入れます。選択した難易度によっては、チャレンジがポップアップ表示されます。
以上です!これでWordPressのフォームでhCaptchaを使う方法がわかりました。
注意: お問い合わせフォームのテストは、サイトの管理者としてログインしていない別のブラウザやシークレットウィンドウで行うことを忘れないでください。
次に、オンラインフォームにGDPR同意書を追加する
これで完了です!WordPress のフォームに hCaptcha を設定するのはとても簡単です。この記事が、あなたの WordPress ウェブサイトで、より保護された安全なオンラインフォームを作成する一助となれば幸いです。
hCaptchaを追加した後、フォームにGDPR同意書を追加する必要があるかもしれません。WordPressのフォームにGDPR同意書を追加する方法については、ステップバイステップのチュートリアルをご覧ください。
また、WPFormsがメールを送信できない場合のガイドも用意しています。
メールを修正する準備はできていますか? 今すぐ始める 最高のWordPress SMTPプラグインで。また、すべての有料プランには14日間の返金保証があります。この記事がお役に立ちましたら、Facebookや TwitterでWordPressのヒントやチュートリアルをご覧ください。