スパムの心配のない WordPress 申請書作成 - WPFormsコンタクトフォームのプラグイン

  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

ワードプレスのサイトで申込書フォームを介して訪問者からの問い合わせや申込書を受信した場合、ボット(bot)によるスパムが入ってくる場合があります。 ボットによる自動化されたスパムの問い合わせが多い場合、Googleが提供するreCAPTCHAを利用することができます。

ワードプレスでは、様々なコンタクトフォームのプラグインがあります。 Contact Form 7とWPFormsが現在、それぞれ500万を超えるサイトと300万を超えるサイトに設置されて使用されています。 WPFormsは、ドラッグ・アンド・ドロップ方式で簡単に申請書を作成することができ、ユーザーが増え続けているようです。 WPFormsとContact Form 7の詳細については、次の記事を参考にしてください。

この記事では、WPFormsでreCAPTCHAを活用する方法を見てみましょう。

申請書にreCAPTCHAチェックボックスを追加する方法

なぜreCAPTCHAか?

reCAPTCHAは、実際に人間がフォームを送信することを確認して自動化され、すべてのスパム送信の試みをブロックします。 そして付加的なセキュリティ対策として、ユーザーは、そのフォームが安全だと感じることができます。

また、図を合わせたり、よく見ていない数字や文字を入力して、人間であることを証明する方法より便利にユーザーが利用することができます。 特に、2018年の秋は、GoogleでreCAPTCHA v3を発表してフォームを送信する訪問者には何も必要としない場合も、悪意のあるトラフィックを検出して遮断することが可能となりました。 ここでは、reCAPTCHA v2チェックボックスを問い合わせフォームに追加する方法を説明します。

申請フォームの作成

ワードプレスでコンタクトフォーム(申込書)を使用して、ユーザーやお客様からのお問い合わせを受ける前にWPFormsプラグインをインストールして有効にします。

その後、 WPForms>新規追加をクリックして、新しいアプリケーションを作成することができます。 申請フォームを作成する方法は、次の記事を参考にしてください。

reCAPTCHA設定する

WPFormsでreCAPTCHAを使用するには、reCAPTCHAを設定する必要があります。 WPForms]> [設定]に移動し、 reCAPTCHAは タブをクリックします。

wpforms01 compressor  - スパムの心配のないワードプレス申請書作成 -  WPFormsコンタクトフォームのプラグイン

コンタクトフォームにreCAPTCHAボックスを表示するには、v2 reCAPTCHAを選択するようにします。 reCAPTCHAは、Googleで提供し、無料であるが、使用するには、サイトキーと秘密キーを入力する必要があります。 サイトキーと秘密キーは、Googleの reCAPTCHAの設定ページで簡単に作成できます。

Googleの設定ページにアクセスし、右上にあるはAdmin console ボタンをクリックします。

wpforms02 compressor  - スパムの心配のないワードプレス申請書作成 -  WPFormsコンタクトフォームのプラグイン

グーグルGmailのアカウントにログインすると、reCAPTCHAを登録することができるページが表示されます。

次のような画面が表示されたら、新しいサイトを登録するためにプラス記号(+)をクリックします。

wpforms03 compressor  - スパムの心配のないワードプレス申請書作成 -  WPFormsコンタクトフォームのプラグイン

新しいサイトの登録 ページで ラベル フィールドを入力して reCAPTCHAの種類reCAPTCHA v2を選択して、 「ロボットがありません。」 チェックボックスを選択します。

wpforms04 compressor  - スパムの心配のないワードプレス申請書作成 -  WPFormsコンタクトフォームのプラグイン

そしてウェブサイトのドメイン(例:example.com)を入力する必要があります。

wpforms05 compressor  - スパムの心配のないワードプレス申請書作成 -  WPFormsコンタクトフォームのプラグイン

入力が完了したら、一番下の 提出 ボタンをクリックします。

これにより、サイトキーと秘密キーが生成され、キーを確認できる画面が表示されます。

wpforms06 compressor  - スパムの心配のないワードプレス申請書作成 -  WPFormsコンタクトフォームのプラグイン

サイトキーと秘密キーをコピーして、WPForms設定ページに貼り付けてください。

wpforms07 compressor  - スパムの心配のないワードプレス申請書作成 -  WPFormsコンタクトフォームのプラグイン

WPForms> Settings> reCAPTCHA タブに移動した後のサイトのキーと秘密キーを貼り付けます。

wpforms08 compressor  - スパムの心配のないワードプレス申請書作成 -  WPFormsコンタクトフォームのプラグイン

Site Key フィールド(①)にサイトキーを入力して、 秘密鍵 フィールド(②)に秘密鍵を入力します。 下部の Save Settings(設定の保存) ボタンをクリックします。

コンタクトフォームにreCAPTCHAチェックボックスを追加する

今お問い合わせフォームにreCAPTCHAを追加することができます。 コンタクトフォーム編集画面で 設定>一般に移動します。

wpforms09 compressor  - スパムの心配のないワードプレス申請書作成 -  WPFormsコンタクトフォームのプラグイン

右から Enable Google Checkbox v2 reCAPTCHAのチェックボックスをチェックするようにします。

申請書を保存して、ページの申込書のショートコードを追加すると、申請書にreCAPTCHAチェックボックスが表示されることを確認することができます。

wpforms10 compressor  - スパムの心配のないワードプレス申請書作成 -  WPFormsコンタクトフォームのプラグイン

申請書は、ブログ記事、ページに表示することができ、さらにサイドバーも表示することができます。

グーグルreCAPTCHAを利用したくない場合は、WPFormsのCustom Captcha Addonをインストールすることができます。 このアドオンは、無料版では提供されず、有料版にのみインストールが可能です。

Custom Captchaアドオンを使用すると、簡単な数学計算式やユーザーが指定した質問と回答(例:大韓民国の首都は?)を使用してスパム問い合わせを減らすことができます。

Custom Captcha compressor  - スパムの心配のないワードプレス申請書作成 -  WPFormsコンタクトフォームのプラグイン
WPFormsのCustom Captchaアドオン

注:



コメントを残す