ブログを運営していて厄介なのが、スパムメールなのではないでしょうか？
と、そのメールの多さにウンザリしてしまいますよね。
※最近では、開設したばかりのブログに届くケースも増えています。
そこで本記事では、WordPress用プラグインであるContact Form 7を利用して、reCAPTCHAを導入する方法をご紹介していきます。
海外から英語で送られてくるスパムメールにも有効ですよ！
目次
reCAPTCHAとは？
reCAPTCHAは、スパムメールなど外部の不正攻撃からウェブサイトを守るGoogleのサービスです。
reCAPTCHAにはいくつかバージョンがありますが、今回はreCAPTCHAv3というユーザーの目につかないバックグラウンドでスパム判定をし、サイトを保護する仕組みを利用します。
「私はロボットではありません」といったチェックを入れる必要がないため、ユーザビリティを損ねることもありません。
reCAPTCHAを導入する手順
reCAPTCHAの導入は、２つの手順に分かれます。
- reCAPTCHAに登録し、キーを取得する
- プラグインに設定する
２つ合わせて5分程度で完了するので、サクッと設定していきましょう！
reCAPTCHAに登録する
まずは、reCAPTCHAサービスページにアクセスして、プラグインに連携するためのキー（Key）を取得していきましょう！
GoogleのreCAPTCHAサービスページにアクセスして連携用のキー(Key)を取得する必要があります。
Googleアカウントにログインします。
以下の①～④の項目をそれぞれ入力していきましょう。
- ラベル：何でもOK
- reCAPTCHAタイプ：「reCAPTCHA3」を選択
- ドメイン：スパム対策したいブログURLを入力
- 同意事項にチェック
ここまで入力できたら、「送信」をクリックします。
このブログを設定する場合：ym-life.com
※「ym-life.com/」と最後にスラッシュがあるとエラーが表示されてしまうので注意。
無事登録されたら、サイトキーとシークレットキーが表示されます。
※このページは後で使いますので、閉じずに開いたままにしておいてください。
プラグインに設定する
次に、WordPressでの設定です。
『お問い合わせ』⇒『インテグレーション』をクリック。
reCAPTCHAの『インテグレーションのセットアップ』をクリックします。
先ほどのサイトキーとシークレットキーをこちらに入力していきます。（※コピペ推奨）
入力できたら、『変更を保存』しておきましょう！
reCAPTCHAはこのサイト上で有効化されています。
このように表示されたら、設定完了です！
ブログを確認し、画面右下にこんなマークが表示されていればOK。
保護マークを非表示にする方法（任意）
※ここからは、任意の操作になります。
フッターメニューを設定されている場合など、保護マークがブログ運営の邪魔になる場合のみ非表示の設定をしていきましょう！
こちらの手順も２段階です。
- htmlのコードをcontact form7に貼り付ける。
- CSSにコードを記述する。
htmlのコードをcontact form7に貼り付ける
まずは、GoogleのQ&Aサイトにアクセスします。
※別ページで開くことを推奨
「I’d like to hide the reCAPTCHA badge. What is allowed?」の箇所までスクロールし、htmlコードをコピーします。
※この画面はまだ使うので、閉じないでください。
This site is protected by reCAPTCHA and the Google
<a href="https://policies.google.com/privacy">Privacy Policy</a> and
<a href="https://policies.google.com/terms">Terms of Service</a> apply.
コンタクトフォーム７に、このコードを記述していきます。
管理画面『お問い合わせ』⇒『コンタクトフォーム』を開き、最後の行にコードを貼り付け。
貼り付けたら、「保存」を押しておきましょう。
CSSにコードを記述する
次に、先ほどアクセスしたGoogleの公式ページを再度開き、ロゴを非表示にするコードをコピーします。
.grecaptcha-badge { visibility: hidden; }
こちらを、WordPressのダッシュボード画面からCSSに記述していきます。
JINやSWELLの場合は、『外観』⇒『カスタマイズ』から追加CSSを記述することができます。
先ほどコピーしたコードを貼り付けていきます。
貼り付けたら、忘れずに「公開」ボタンを押しておきましょう！
最後に、ロゴが非表示になっているか確認してください。
また、お問い合わせページに以下の文言が追加されているかも併せてチェックしておきましょう！
こちらが確認できたら、非表示の処理は完了です！
あとがき
今回は、スパムメール対策についてでした。
reCAPTCHAで海外から届く鬱陶しい英文メールを排除し、快適にブログを運営していきましょう！
【期間限定】ブログで月100万を叶えたノウハウを受取る
他にも…
◆ 本当に稼げる他社広告5選
◆ 図解付き！ブログの開設マニュアル
これらを無料でプレゼント中！
つい数年前まで普通のOLだった私が、たった一つのブログを始めたことで人生が変わりました。
初心者から始めたブログで、4ヶ月で月100万円の収入を叶え、今では時間や場所に縛られない自由なフリーランスとして働いています。
- 好きな場所、好きな時に働きたい
- 自宅やカフェで、PC一台で仕事をすることに憧れがある
- 文章を書く仕事で、月20万円以上を稼ぎたい
- お金を気にせずに旅行したり、経済的な不安から解放されたい
そんなあなたらしい人生を叶えるために、未経験からブログで収入を得る方法を解説したマニュアルを無料で配布しています。
初めて挑戦される方でも、安心してブログを開設できるよう、図解付きの手順書も併せてプレゼント中！
メルマガ登録者さん限定で、期間限定で配布していますが、いつ有料化するかわかりませんので、今のうちにお受け取りください。
ボタンをクリックして、登録フォームに「名前」と「メールアドレス」を入力したら、プレゼントが手に入ります。
