PR

プラグイン Contact Form 7にGoogleの画像認証(reCAPTCHA)を実装する

こんにちは! 

WordPressで記事を書いていると、次第にサイトのコンテンツも充実し、ある日突然お問い合わせフォームから大量のスパムメールが~~~~!なんて事になるやもしれません。

ものすごく簡単にお問い合わせフォームが設置できるプラグインContact Form 7ですが、有名だけに穴があると一斉に攻撃が仕掛けられてきます。
[baloon-line-right img=”/wp-content/uploads/woman.png”]そういうことにならないよう、対策しましょう♪[/baloon-line-right]

Contact Form 7にGoogleの画像認証(reCAPTCHA)を実装する

 reCAPTCHA API keysを取得する

  1. 「お問い合わせ」「インテグレーション」を右クリックして新しいタブで開きます。
  2. reCAPTCHAキャプチャ画面

  3. 右上の「google.com/recaptcha」 の文字をクリックします。
  4. reCAPTCHAキャプチャ画面

  5. Googleアカウントにログインします。
  6. reCAPTCHAキャプチャ画面

  7. 画面右上の「Get reCAPTCHA」ボタンをクリックします。
  8. reCAPTCHAキャプチャ画面

  9. 下のように設定します。
    入力するドメイン名は今回reCAPTCHAを設置したいドメイン名です。サイトURLではないのでご注意ください。
  10. reCAPTCHAキャプチャ画面

  11. Site key と Secret key の確認をします。
  12. reCAPTCHAキャプチャ画面

Contact Form 7と raCAPTCHA をインテグレートする

  1. WordPressの管理画面に戻り「キーを設定する」をクリックします。
  2. reCAPTCHAキャプチャ画面

  3. さきほどgoogleのサイトで確認したSite key と Secret keyをそれぞれ入力し保存します。
  4. reCAPTCHAキャプチャ画面

お問い合わせフォームに画像認証を追加する

  1. 「お問い合わせ」「コンタクトフォーム」を開いて、画像認証を追加したいフォームの「編集」をクリックします。
  2. 右端にある「reCAPTCHA」を開いて「タグの挿入」をクリックします。
  3. reCAPTCHAキャプチャ画面

  4. 下の箇所にタグが挿入出来ていることを確認して保存します。
  5. reCAPTCHAキャプチャ画面

  6. 実際のお問い合わせフォームに下のような画像認証が設置されていれば完了です!

あとがき

ある日やってきた5秒に1通というすさまじい数のスパムメール!
メールは携帯に転送していたので、チャンチャラ♪チャンチャラ♪着信音が鳴り響きます(笑)
その時ネットで対策を調べると、送信前にチェックを入れてもらえるチェックボックスを設置するといい というようなアドバイスがあり、そうしていました。
でも、この画像認証の方がもっといいですよね!
設置も簡単だし、利用しない手はないですよ!

関連Contact Form 7で作ったお問い合わせフォームのカスタマイズはこちら
Contact Form 7プラグインで設置した「お問い合わせフォーム」をカスタマイズしてみよう

送信中です

×

※コメントは最大500文字、1回まで送信できます

送信中です送信しました!

コメント

  1. そのた より:

    こんばんは。いつも参考にさせていただいてます!
    最近スパムが増えてきたので、どらみさんのようにコメント欄に「私はロボットではありません」を付けようと、このページを見ながらがんばったのですが、このページは「お問い合わせ」のカスタマイズだったのですね(笑)。
    試行錯誤で数時間、どうでもよかった「お問い合わせ」のページだけがさらに強固になりました。
    やっぱり、メインブログもルクセリタスにしたほうが楽そうですね。
    また今度がんばってみます。
    ありがとうございました。

    • どらみ より:

      そのたさん

      こんばんは^^
       どうでもよかった「お問い合わせ」のページだけがさらに強固になりました。
        ↑笑っちゃいましたww
      コメント欄のスパム対策だけなら、エックスサーバーの国ごとブロックだけでは無理ですかね?
      最近、洗濯機に振り回されて大変などらみでした。

  2. そのた より:

    コメント欄はいろいろ何とかしたいので、また後日。
    その前に、あの「横断歩道はどれ?」とか「車をクリックせよ!」とかは何とかならないのでしょうか。
    どらみさんのやつは、クリックだけで終わりのようですが、どこかで設定するのでしょうか?(検索してみたけど分からない・・・)

    • どらみ より:

      そのたさん

      おやおや?
      今試しにお問い合わせを使わせていただきましたが、チェックボックス以外、何も出てきませんでしたよ???
      自分のサイトの表示は一度ログアウトして確認して見られるといいと思います!^^
      あ!そうそう!
      それに、その仕組みが現れるのは、繰り返し同じ人が使用した場合なので、普通は大丈夫だと思います♪

タイトルとURLをコピーしました