この記事には広告を含む場合があります。
記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。
Invisible reCaptcha for WordPressとはWordPressコメントや問い合わせをスパムから保護するプラグインである。筆者はContact Form 7で表示するreCaptchaアイコンの見た目を調整するためにInvisible reCaptchaを導入した。機能を確認したらWordPressコメントにも対応しているようなので問い合わせとコメントの二か所で使っている。無料で使えるスパム対策プラグインなのでおすすめする。
操作画面やプラグインの仕様などは2019年6月のもので最新情報と異なる可能性があります。ご了承ください。
新しいプラグインを導入する際はエラー発生などの問題に備えサイトをバックアップしてください。バックアップについてはこちらをご参照ください。
WordPress バージョン 5.2.1
PHP バージョン 7.2.6
Twenty Nineteen バージョン 1.4
Contact Form 7 バージョン 5.1.3
Invisible reCaptcha バージョン 1.2.3
目次
Invisible reCaptcha for WordPressとは
WordPressのコメントや問い合わせなどにreCaptchaのセキュリティを統合させるプラグインである。このブラグインを使うことでスパムコメントからサイトを守ることができる。
機能概要
Contact Form 7標準のreCaptchaはアイコンが常にサイト上に表示され見栄えが良くない。このプラグインを使うことで必要な部分だけにアイコンを表示することができる。
Invisible reCaptcha for WordPress is an extremely powerful plugin which integrates the new Invisible reCaptcha by Google with your WordPress site.
引用：Invisible reCaptcha for WordPress – WordPress プラグイン | WordPress.org
ログインフォーム、登録フォーム、コメントフォーム、パスワードフォームをreCaptchaで攻撃から保護できる。
– Login form protection – annihilates Brute Force attacks
– Registration form protection
– Comments form protection
– Forgot Password form protection
引用：Invisible reCaptcha for WordPress – WordPress プラグイン | WordPress.org
Invisible reCaptcha for WordPressとAdvanced noCaptcha & invisible Captcha (v2 & v3)の違い
実はInvisible reCaptchaに似たようなプラグインが他にもあった。簡単に調べてみるとどちらもreCaptchaを使ったコメントフォームなどの保護ができるようだった。
| プラグイン | バージョン | 最終更新 | 有効インストール数 | WordPress バージョン | 検証済み最新バージョン | PHP バージョン | 言語 | 評価 |
|---|---|---|---|---|---|---|---|---|
| Advanced noCaptcha & invisible Captcha (v2 & v3) | 5.5 | 4週間前 | 60,000+ | 4.4 またはそれ以上 | 5.2.2 | 5.4 またはそれ以上 | English (US)、German、German (Switzerland)、Russian、Spanish (Spain). | 5 |
| Invisible reCaptcha for WordPress | 1.2.3 | 3か月前 | 90,000+ | 4.0 またはそれ以上 | 5.1.1 | – | Czech、Dutch、English (UK)、English (US)、Greek、Portuguese (Portugal)、Russian. | 4.5 |
上記の表は2019/6/20時点の情報です。
評価は微妙にAdvanced noCaptchaの方が高いが筆者はInline表示できるInvisible reCaptchaを選択した。
- V3のreCaptchaアイコンをインラインで表示できる
- 設定が多少こちらの方がわかりやすい
- Contact Form 7の対応が設定をチェックするだけでできる
どちらも高評価なので気に入った方を使えばよい。
使い方
本記事の例ではWordPressのコメントフォームとContact Form 7の問い合わせフォームを保護の対象にしている。
- WordPressのコメントフォーム
- Contact Form 7の問い合わせフォーム
インストール
サイドバーのプラグインをクリック。「新規追加」ボタンをクリック。
キーワードに「Invisible reCaptcha for WordPress」を入力。Invisible reCaptcha for WordPressの「今すぐインストール」ボタンをクリック。
「有効化」ボタンをクリック。
一覧にプラグインが追加される。
Contact Form 7のreCaptcha連携解除
Contact Form 7がreCaptchaに連携している場合は解除する。Invisible reCaptcha for WordPressを使ってContact Form 7にreCaptchaを連携するため解除する必要がある。
サイドバーの「お問い合わせ＞インテグレーション」をクリック。reCaptcha連携している場合は「キーを削除」ボタンをクリック。
reCaptcha連携していない場合は以下のように表示される。
画面右下のreCaptchaアイコンが消えない場合はContact Form 7のreCaptcha連携を再度確認する。
reCaptchaのキーを取得
reCaptchaを有効にするためサイトキーをシークレットキーを取得する。サイドバーの「お問い合わせ＞インテグレーション」をクリック。reCAPTCHAの「google.com/recaptcha」リンクをクリック。
reCaptchaのサイトが表示される。右上の「Admin console」をクリック。
reCAPTCHAを登録していない人は以下の記事の「reCAPTCHAの設定」を確認。
Contact Form 7～問い合わせフォームプラグインの初心者向け設定手順～
reCaptchaの管理画面が表示される。右上にある歯車のアイコンをクリック。
後で使うのでサイトキーとシークレットキーを控えておく。
Invisible reCaptchaの設定
コメントフォームと問い合わせフォームをreCaptchaで保護するように設定する。
サイドバーの「設定＞Invisible reCaptcha」をクリック。管理画面の「Settiing」タグをクリック。入力したら「変更を保存」ボタンをクリック。
Badge Positionは好みによるがInlineがおすすめ。
| 設定項目 | コメント |
|---|---|
| Your Site Key | reCaptchaの管理画面で確認したサイトキーを入力する。 |
| Your Secret Key | reCaptchaの管理画面で確認したシークレットキーを入力する。 |
| Language | 言語に「Japanese」を設定する。 |
| Badge Position | アイコンがサイトと被ってしまうのでInlineにするのがおすすめ。 |
WordPressのコメントを保護する場合はWordPressタブをクリックし「Enable Comments Form Protection」にチェックを入れる。「変更を保存」ボタンをクリック。
「Contact Forms」タブをクリック。「Enable Protection for Contact Form 7」にチェックを入れる。「変更を保存」ボタンをクリック。
Invisible reCaptchaの設定はここまで。これでコメントと問い合わせがreCaptchaで保護されている。
reCaptchaアイコンの確認
サイトのトップページにreCaptchaのアイコンが表示されていないことを確認。Contact Form 7のreCaptchaではサイトのすべてにアイコンが表示されるがInvisible reCaptchaでは指定したページにしかreCaptchaのアイコンが表示されない。
問い合わせフォームの下にインラインでreCaptchaのアイコンが表示されていることを確認する。
WordPressのコメントに設定した場合も同じようにアイコンが表示される。
まとめ
もともとはContact Form 7のreCaptchaアイコンを表示を調整するために入れたプラグインだったがコメントにも対応しているで両方で使っている。スパム対策プラグインのAkismetは商用で利用できない。広告を一切使わない個人ブログならいいがそれ以外は有料となってしまう。無料でスパム対策したい場合はInvisible reCaptchaがおすすめ。
- Invisible reCaptchaでコメントと問い合わせのスパム対策
- Inlineでアイコンをすっきり見せる
- Akismetと違い無料で使える
