WordPress ソフト開発 プログラミング

reCAPTCHA v2+WordPressの設定方法 フォームへの設置手順

更新日:

Googleアカウントと、Wordpressプラグイン「Google Captcha (reCAPTCHA) by BestWebSoft」をインストールすることで簡単に設置できます。

reCAPTCHAとはなんぞやと言うところから理解したい方は下記をご覧ください。

スパム対策に効果大 reCAPTCHA v2 v3をWordPressに設定する方法

 

この記事で分かること

  • reCAPTCHA v2の設定方法
  • WordPressのログインフォーム、コメントフォーム、Contact Form7のフォームに「私はロボットではありません」のチェックボックス認証を追加する方法

 

reCAPTCHA v2のSite KeyとSecret Keyを取得する

下記からSite KeyとSecret Keyを取得します。Googleアカウントでのログインが必要です。

https://www.google.com/recaptcha/admin#list

 

reCAPTCHA v2を選択し、 Checkboxを選択します。domainにURLのhttpとhttpsを抜いたやつを入力します。

 

Site Key と Secret Keyが発行されます。これを控えておいてください。後ほど入力します。

sitekey_secret

 

WordPressにGoogle Captcha (reCAPTCHA) by BestWebSoft をインストール

WordPressの管理画面から「Google Captcha (reCAPTCHA) by BestWebSoft」プラグインをインストールします。

reCAPTCHA_v2_plugin

 

Google Captchaプラグインの設定から、先ほど取得したSite KeyとSecret Keyを入力します。

reCAPTCHA_v2_plugin_settings

reCAPTCHA_v2_plugin_settings2

 

ログインフォームとコメントフォームにreCAPTCHA v2が設置されました

ログインフォーム + reCAPTCHA v2

login_and_reCAPTCHA_v2

コメントフォーム + reCAPTCHA v2

comment_and_reCAPTCHA_v2

 

注意ポイント

SIteGuardプラグインやその他プラグインで画像認証などを行なっている場合は、設定をOffにしておいた方が良いです。競合します。

 

Contact Form7 に reCAPTCHA v2 を適用する

Contact Form7はWordPress界隈で有名な問い合わせフォームのプラグインです。Contact Form7はデフォルトでreCAPTCHA v2の設定機能を持っています。

comment_and_reCAPTCHA_v2

 

設定方法を説明します。

Contact Form7のインストール

管理画面のプラグインから、Contact Form7を検索し、インストール->有効化します。

 

Site KeyとSecret Keyの入力

Contact Form7の設定から Contact->Integration->Configure Keysを選んで、Site KeyとSecret Keyを入力します。

 

問い合わせフォームのテンプレートに[recaptcha]というショートコードを入れる

フォームの内容入力画面で「reCAPTCHA」ボタンを押す。

 

デフォルトで突き進む。 

 

 

フォームのテンプレートに「recaptcha」のショートコードが挿入される。

 

問い合わせページを作って 表示する

 

 

Y平
手順は以上です! お疲れ様でした! これでスパムも怖くないよ!

 

reCAPTCHA v3のWordPressでの利用方法、フォームへの設置手順

reCAPTCHA v2はチェックボックス認証でしたが、v3になるとユーザー操作すら必要なくなります。インストールする方法も簡単ですので、気になる方は下記記事もご参照ください。

reCAPTCHA v3+WordPressの設定方法、フォームへの設置手順

 

  • この記事の筆者

Y平

札幌のWebデザイナー。オモコロライターも。Webデザイン、Web集客、コーダーできます。最近7年勤めた富士通を退職しました。1歳の娘いるのに年収下がっちゃう。仕事ください。

-WordPress, ソフト開発, プログラミング

Copyright© バイラシー , 2018 All Rights Reserved.