WordPress ReCaptcha Integrationは、問い合わせフォームに対するボットスパムを遮断するのに役立つプラグインです。
問い合わせフォームに、海外からのボットでのスパム問い合わせが増えると、業務に支障を来します。
そこで人間でないと問い合わせができないようにできるのが、「ReCaptcha」と呼ばれる認証を入れることです。
WordPress ReCaptcha Integrationは、Googleが提供しているReCaptchaテクノロジーを使って、問い合わせフォームに簡単に認証システムを設定することができます。
WordPressで定番の問い合わせフォームプラグイン「Contact Form 7」をセットで導入しましょう!
目次
WordPress ReCaptcha Integrationのインストールの手順
早速WordPress ReCaptcha IntegrationをWordPressにインストールしましょう。
![1.png WordPress ReCaptcha Integrationの設定方法と使い方](https://rocketfactory.info/wordpress01/wp-content/uploads/2018/02/1-6.jpg)
まず、「WordPressの管理画面>プラグイン>新規追加」と進みます。
![2.png WordPress ReCaptcha Integrationの設定方法と使い方](https://rocketfactory.info/wordpress01/wp-content/uploads/2018/02/2-2.jpg)
「プラグインを追加」画面の入力欄に、「WordPress ReCaptcha Integration」を入力して、「ENTERキー」を押します。
![00001.png WordPress ReCaptcha Integrationの設定方法と使い方](https://rocketfactory.info/wordpress01/wp-content/uploads/2018/03/00001.jpg)
「今すぐインストール」をクリックします。
![00002.png WordPress ReCaptcha Integrationの設定方法と使い方](https://rocketfactory.info/wordpress01/wp-content/uploads/2018/03/00002.jpg)
「有効化」をクリックすればインストールは終了です。
WordPress ReCaptcha Integrationの設定の方法
ポイント
![00003.png WordPress ReCaptcha Integrationの設定方法と使い方](https://rocketfactory.info/wordpress01/wp-content/uploads/2018/03/00003.jpg)
「WordPressの管理画面>お問い合わせ>インテグレーション」と進みます。
![00004.png WordPress ReCaptcha Integrationの設定方法と使い方](https://rocketfactory.info/wordpress01/wp-content/uploads/2018/03/00004.jpg)
ReCaptchaの利用には登録が必要になりため、画面右上部のリンクをクリックして、GoogleのReCaptchaページを表示します。
Google ReCaptchaの登録設定
![00006.png WordPress ReCaptcha Integrationの設定方法と使い方](https://rocketfactory.info/wordpress01/wp-content/uploads/2018/03/00006.jpg)
画面上部の「Get ReCaptcha」をクリックします。
![00023.png WordPress ReCaptcha Integrationの設定方法と使い方](https://rocketfactory.info/wordpress01/wp-content/uploads/2018/03/00023.jpg)
それぞれ入力設定します。
・「Label」には任意の名前を入力
・「Choose the type of ReCaptcha」は「ReCaptcha V2」を選択
・「Domains」には使用するブログのURLのドメインを入力
・チェックボックのすべてをチェック
![00027.png WordPress ReCaptcha Integrationの設定方法と使い方](https://rocketfactory.info/wordpress01/wp-content/uploads/2018/03/00027.jpg)
次の画面で、ReCaptchaの設定情報が表示されます。
使用するのは「Adding ReCaptcha to your site」の「Site key」「Secret key」の2つになりますのでコピーをします。
![00028.png WordPress ReCaptcha Integrationの設定方法と使い方](https://rocketfactory.info/wordpress01/wp-content/uploads/2018/03/00028.jpg)
WordPressに戻り、キーを設定します。
先程コピーした「Site key」をサイトキーに、「Secret key」をシークレットキーに入力して「保存」をクリックすれば完了です。
WordPress ReCaptcha Integrationの設定
![00031.png WordPress ReCaptcha Integrationの設定方法と使い方](https://rocketfactory.info/wordpress01/wp-content/uploads/2018/03/00031.jpg)
「WordPressの管理画面>設定>ReCaptcha」と進みます。
![00032.png WordPress ReCaptcha Integrationの設定方法と使い方](https://rocketfactory.info/wordpress01/wp-content/uploads/2018/03/00032.jpg)
WordPress ReCaptcha Integrationの設定は基本デフォルトのままでOKですが、問い合わせフォームの背景色に応じて、ReCaptchaのデザインを「Theme」で変更することができます。
ReCaptchaを問い合わせフォームに設置する
WordPress ReCaptcha Integrationの設定が完了したら、次は問い合わせフォームにReCaptchaを設置します
![00040.png WordPress ReCaptcha Integrationの設定方法と使い方](https://rocketfactory.info/wordpress01/wp-content/uploads/2018/03/00040.jpg)
予め「Contact Form 7」をインスール・有効化済みであれば、フォーム入力欄に「ReCaptcha」ボタンが追加されます。
ReCaptchaを設置するのは「送信ボタン」の直前は基本ですので、フォーム内の[submit "送信"]の直前に「ReCaptcha」のショートコードをクリックで追加しましょう。
![00099.png 00099](https://rocketfactory.info/wordpress01/wp-content/uploads/2018/03/00099.jpg)
問い合わせフォームを確認して、ReCaptchaが表示されていれば、すべての設定は完了です。
まとめ
海外からの迷惑な問い合わせフォームのほとんどを、ReCaptchaを導入すれば防ぐことができますので、ぜひ問い合わせフォームと同時に設定を済ませてしまいましょう。