Contact Form 7 / QuformでreCAPTCHAを使用する

コンタクトフォームを通じて迷惑なメッセージが入ってくる場合reCAPTCHAなどのCaptcha(セキュリティ文字入力)を追加することができます。

reCAPTCHAは、Googleのサービスであるため、無料で簡単に利用が可能です。 Really Simple CAPTCHAのようなプラグインをあえて使用する必要はないようです。 この記事では、 QuformとContact Form 7でreCAPTCHAを追加して使用する方法を簡単に説明します。

グーグルreCAPTCHA APIキー発給

reCAPTCHAを使用するためには、Googleアカウント(Gmailの)が必要です。 グーグルreCAPTCHA管理ページで、サイトを登録してAPIキーを申請します。

  1. 구글 reCAPTCHA管理ページに接続します。
  2. サイトを登録します。
    Google reCAPTCHA site registration
  3. サイトを登録すると、サイトのリストに追加したサイトが表示されます。 追加されたサイトをクリックして入ってsite keyとsecret keyなど二つのキーを確認してコピーして配置します。

Contact Form 7でreCAPTCHAを使用する

Contact Form 7でreCAPTCHAを使用するには、発行されたreCAPTCHAキー情報をContact Form 7の設定で追加ヘジュオヤます。

  1. WordPress 管理者ページで Contact> Integrationに移動します。
  2. reCAPTCHAは セクションで Configure Keys ボタンをクリックします。
    Contact Form reCaptcha
  3. その後site key(サイトキー)とsecret key(秘密鍵)を登録することができる画面が表示されます。 発行されたキーを入力して保存するようにします。
  4. 今reCAPTCHAウィジェット([recaptcha])をコンタクトフォームに追加することができます。
    Contact Form add reCaptcha

その後、お問い合わせフォームにreCAPTCHAが追加されます。 エラーメッセージが出たら、キーを誤って入力したかのキーの期限が切れている可能性があります(この場合は、Google reCAPTCHA管理ページからサイトを削除した後、再登録します)。

QuformでreCAPTCHAを使用する

Quformもほぼ同じプロセスを経て、reCAPTCHAを連動させることができます。

  1. WordPress 管理者ページで Quform> Settingsに移動します。
    Contact Form 7 / QuformでreCAPTCHAを使用する5
  2. reCAPTCHAをreCAPTCHAサイト鍵と秘密鍵を登録します。
    Contact Form 7 / QuformでreCAPTCHAを使用する6
  3. Quformで新しいフォームを作成しreCAPTCHAフィールドを好きなところにドラッグアンドドロップされます。
    Contact Form 7 / QuformでreCAPTCHAを使用する7QuformはreCAPTCHAのほか、独自で提供するCaptcha機能も使用することができます。 上の図でreCAPTCHAアイコンの左にあるアイコン(握手する形のアイコン)を使用すると、GoogleでreCAPTCHAサービスを構成する必要がなく、すぐにシンプルなCaptcha(キャプチャ)機能を使用することができます。
  4. reCAPTCHAフィールドをドラッグした後、ギアの形のアイコンをクリックして、詳細にラベルなどを設定することができます。
    Contact Form 7 / QuformでreCAPTCHAを使用する8
  5. 保存して、ページにQuformショートコードを追加すると、reCAPTCHAが適用されていることを確認してみることができます。reCAPTCHA in Quform

このように お問い合わせフォーム7Quformで簡単にreCAPTCHAを適用することができます。

メモ:

一部の記事にはアフィリエイトリンクが含まれている場合があり、パートナーの活動で一定額の手数料を受け取ることがあります。

3のコメント

コメントを残す

*電子メール情報は公開されません。