【WordPress】ContactForm7の迷惑メールをreCAPTCHAで解決しよう！

URUOSHI管理人の、SUMMY（@URUOSHI）です。

悩む人

WordPressの問い合わせにContactForm7を入れたけど、良くわからない英語のメールが来て怖い…。どうすれば解決できるの？

このお悩みを解決します。

僕

それでは最後までお付き合い下さい♪

reCAPTCHAってどんなもの？

迷惑メールではなくて、ちゃんとしたお客様からのお問い合わせが欲しい！ですよね。

WordPressでサイトやブログを運用中するにあたって、ContactForm７というプラグインはとても優秀で使いやすさも抜群です。

お問い合わせフォームなど、設定さえしてしまえば色々なページにショートコード等でフォームを挿入出来ます。

ただ、ContactForm7だけの問題ではなく、フォームから大量英語の訳の分からんメールが送られてきませんか？

本当迷惑ですよね…。

そんな迷惑メールに「reCAPTCHA」を使って対策しましょう！

ContactForm7とは相性もよく、簡単に設定が出来るので是非使ってみましょう♪

reCAPTCHAの仕組み

「reCAPTCHA」は、Google提供のスパム行為を防ぐシステムのひとつです。

フォームの「名前」「連絡先」「メールアドレス」などの入力欄に、文字列を機械的に流し込ませることで送信ボタンをクリックするまでの処理を防いでくれます。

サイトで問い合わせフォームの最後に、なんだか「文字と数字がならんだもの」を見た事ありませんか？

正しい文字を入力しないと送信出来ないタイプのものですが、正しく入力したつもりが間違ってたりすると「面倒くせー！」ってなりますよね…。

「じゃあもういいや！」とそこでサイトから離脱してしまう原因にもなります…。

そこを改善して、シンプルに「私はロボットではありません」の表示とチェックボックスの形が現在の仕様です。

本記事ではチェックボックスのパターンと、違う表示の仕方の設定もご説明します♪

reCAPTCHAの設定方法

それぞれ図解しながら設定方法を見て行きましょう♪

1「reCAPTCHA」設定ページへ進む

「管理画面」⇒「お問い合わせ」⇒「インテグレーション」をクリック。

開いたページの「google.com/recaptcha」をクリックして、「reCAPTCHA」設定ページへすすみます。

2必要事項を入力します

右上の「My reCAPTCHA」ボタンをクリックして設定画面へ進みます。

Googleアカウントにログインしていない場合は、ここででログインを求められます。

この次に登録完了の画面が表示され、「サイトキー」と「シークレットキー」が表示されます。

忘れないように、この２つをメモなどにコピペして保存しておきましょう。

3取得したkeyを、ContactForm7に反映

先ほど表示された、「サイトキー」と「シークレットキー」をContactForm7に設定していきます。

「管理画面」⇒「お問い合わせ」⇒「インテグレーション」をクリックして、ページにある「キーを設定する」ボタンをクリックします。

先ほどの、「サイトキー」と「シークレットキー」を入力欄入力して、「保存」ボタンをクリックします。

「変更を保存」をクリックして完了。

reCAPTCHAが正しく設定できていれば、Webサイトを開くと画面右下にreCAPTCHAのマークが表示されます。

マークにカーソル（マウスポインタ―）を合わせると「reCAPTCHA で保護されています」と表示されます。

次に「Contact Form 7」の問い合わせフォームだけに表示する方法を解説します。

reCAPTCHAを問い合わせフォームだけに表示させる

問い合わせフォーム以外のページに、reCAPTCHAのマークを表示したくない！

その場合は「Invisible reCaptcha for WordPress」、というプラグインを使って設定することができます。

それでは手順を解説していきます。

1ContactForm7でreCaptchaを設定している場合は「キーの削除」

Contact Form 7でreCaptchaを設定している場合はまず「キーの削除」をしましょう。

「管理画面」⇒「プラグイン」⇒「新規追加」から「Invisible reCaptcha for WordPress」をインストールして有効化しましょう。

有効化が済んだら、「設定」から「Invisible reCaptcha」を選択してくだい。

設定画面が表示されるので、まず先ほどのreCAPTCHAの「サイトキー」と「シークレットキー」を入力します。

「Language」の部分で言語が選択出来ます。「Badge Position」は表示場所です（基本右下でいいかなと思います）。

入力が済んだら「変更を保存」をクリックします。

次に「WordPress」をクリックして、必要な項目にチェックを入れて「変更を保存」をクリックします。

項目の内容は上から、以下の４つがあります。

最後に「Contact Forms」をクリックします。

ここで「Enable Protection for Contact Form 7」にチェックをいれて「変更を保存」をクリックして作業は完了です！

サイトを確認してみて下さい。

「問い合わせフォーム」以外のページでは「reCAPTCHAのマーク」が表示がなくなっているはずです！

お疲れ様でした♪

【まとめ】迷惑メールはreCAPTCHAで解決！

今回はContactForm7で迷惑メールを防ぐ方法を、プラグインと合わせてご紹介しました。

「reCAPTCHA」は迷惑メールにとても有効的なので、迷惑メールで困っているという方はぜひ設定してみてください！

それでは最後までお読み頂きありがとうございました♪

本記事は以上です。