WordPress

[WordPress] コンタクトフォーム 7 のスパム対策 reCAPTCHA(v3) を設定する方法


こんにちは。
@OfficeTAKUです。

WordPressで「お問い合わせ」など、メールフォームのページを作成する時に欠かせないプラグイン 「コンタクトフォーム 7」
reCAPTCHA という Googleのサービスを利用することで、スパムメール対策ができます。
以前は、reCAPTCHA (v2) というバージョンでした。
チェックボックスにチェックを入れたり、表示された文字を入力したりするようにできたものです。

ぼーっとしている間に、reCAPTCHA (v3) にバージョンアップされていました。

コンタクトフォーム 7 で reCAPTCHA (v3) を利用する

reCAPTCHAにサイトを登録し、キーを取得する

  1. Google reCAPTCHA を開きます。
  2. 右上の[Admin console]ボタンをクリックします。(Google アカウントへのログインが必要です。)
    Googloe reCAPTCHA
  3. 右上の[+]をクリックします。(初めてサイトを登録する時は画面が違います。たぶん。)
    Googloe reCAPTCHA
  4. [新しいサイトを登録する]画面が開きます。
    下記の項目を入力していきます。
  5. [ラベル]:サイト名などを入力(日本語でも大丈夫です。わかりやすい名前にしておきます。)
  6. [reCAPTCHAタイプ]:[reCAPTCHA v3]にチェックが入っていることを確認します。
  7. [ドメイン]:自分のサイトのドメインを入力します。このサイトでしたら office-taku.com となります。
  8. [reCAPTCHA利用条件に同意する]のチェックボックスをクリックしチェックを入れます。
  9. [送信]ボタンをクリックいします。
    Googloe reCAPTCHA
  10. [サイトにreCAPTCHAを追加する]画面が表示されます。
    この画面は開いたままにしておきます。
  11. 下記の手順6 でキーをコピーし貼り付けます。
    Googloe reCAPTCHA

WordPressのコンタクトフォーム 7 で キーを設定

  1. 別のタブでWordPressへログインします。
  2. [お問い合わせ]-[インテグレーション]をクリックします。
  3. [他のサービスとのインテグレーション]画面が表示されます。
  4. [reCAPTCHA]セクションの[インテグレーションのセットアップ]をクリックします。
    Googloe reCAPTCHA
  5. [reCAPTCHA]のインテグレーション画面が開きます。
  6. reCAPCHAサイトに表示されている、サイトキーとシークレットキーをそれぞれコピーし、それぞれのテキストボックスにペーストします。
  7. [変更を保存]ボタンをクリックします。
    Googloe reCAPTCHA
  8. 一つ前の画面にもどります。
  9. [reCAPTCHA]セクションのサイトキー、シークレットキーが登録され表示されていることが確認できます。
    Googloe reCAPTCHA

詳細は下記のコンタクトフォーム7のページをご覧下さい。

reCAPTCHA (v3) | Contact Form 7 [日本語]

reCAPTCHA v3 が稼働しているか確認する

reCAPTCHA v3 を導入したサイトを表示します。
画面右下に reCAPTCHA アイコンが表示されていればOKです。
Googloe reCAPTCHA

サービスの変化を見逃さないようにしよう

今回も気づくのが遅く、いまさら、という感じですが、なんとかすべてのサイトに reCAPTCHA v3 を設定できました。

日頃からよくチェックしないとだめだなぁ、とまた反省しました。

Chrome 拡張機能「Password Checkup」【Google】 流出したパスワードを使用すると警告してくれる Chrome 拡張機能「Password Checkup」前のページ

【Google】Chrome 拡張機能「Password Checkup」導入翌日はじめての警告がHootsuiteで出現しパスワード変更したお話し次のページ

ピックアップ記事

  1. 【iPhone】音声読み上げを利用する方法
  2. [iTunes] Apple Music ライブラリ内の曲を再生したら全く別の曲…
  3. [レビュー] レノボ 「TAB4 8 Plus」 画面が美しく動画もマンガも満喫…
  4. [iPhone] Safariでブラウズ中に表示される、「警告! あなたのApp…
  5. [レビュー] リンダ・リウカス『ルビイのぼうけん こんにちは!プログラミング』:…

関連記事

  1. WordPress

    [WordPress] ロリポップさんからお願いされていた 『SiteGuard WP Plugin…

    こんにちは。@OfficeTAKUです。ここの大家さん(レ…

  2. Web

    [WordPress] Jetpackでブログの更新情報をFacebook、Google+、Link…

    こんにちは。@OfficeTAKUです。ブログ記事の更新情…

  3. Chrome 非SSLサイト
  4. WordPress

    写真サイト「Scenery in Okyouduka 御経塚通信写真部」を再開しました

    こんにちは。@OfficeTAKUです。しばらく更新を休ん…

LINE公式アカウント:OfficeTAKU

OfficeTAKU Line公式アカウントバナー

最近の記事

  1. 武田英志『伝わるデザインの授業 一生使える8つの力が身につく』

人気の記事

  1. Surface Mobile Mouse
  1. Photo by Taskin Ashiq on Unsplash

    Security

    「宅ふぁいる便」で利用していたメールアドレスとパスワードで登録しているサービスは…
  2. MS Office

    【Office】Excelの表も簡単にブログへの埋め込みできる!無料で使えるWe…
  3. WebService

    国立天文台YouTubeチャンネル【4月28日15:00〜】【休校中特別授業】電…
  4. 書籍

    集中して仕事がしたい、自分で時間をコントロールしたい、と思い、読んでためになった…
  5. Photo by Ben Hershey on Unsplash

    WebService

    おすすめ野球アニメ『おおきく振りかぶって』Amazon Prime Video …
PAGE TOP