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. サイゼリヤも採用!割れにくいワイングラス・デカンタは透明性の高いトライタン樹脂性…
  2. 【Google】Chrome 拡張機能「Password Checkup」導入翌…
  3. Scratch (スクラッチ)を ちょっとだけ勉強して、かんたんな作品『のっティ…
  4. [レビュー] レノボ 「TAB4 8 Plus」 画面が美しく動画もマンガも満喫…
  5. 机からケーブルを落とさない NuAns WORKLIFE FOLDKEEPER …

関連記事

  1. WordPress

    [WordPress]ロリポップサーバーで不要になったWordPressサイトを削除する方法

    こんにちは。@OfficeTAKUです。別れと新たな出会い…

  2. WordPress

    Web

    WordPress : 「Facebook Comments for WordPress」のエラー

    以前のエントリ「Facebook : Facebookページのコメント…

  3. Web

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

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

  4. WordPress

    [lolipop] WordPress に ログインしようとしたら 403 エラー

    こんにちは。@OfficeTAKUです。オリジナルドメイン…

  5. WordPress

    Wp Super Cashe を 有効化すると「警告! PHPセーフモードが有効になっています」

    ここ最近、複数のサイトをWordPressに移行したり、いままであまり…

LINE公式アカウント:OfficeTAKU

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

最近の記事

  1. ふくふくbyもく遊リん
  2. Lenovo IdeaPad Duet Chromebook
  3. Microsoft Surface Pro 7
日比谷花壇_毎月楽しむお花のある暮らし特集

人気の記事

  1. 日商PC検定
  2. ロジクール MX KEYS(MAC用)
  1. Web

    2020年プログラミング教育必修化が不安!!というお母さんお父さんに伝えたいこと…
  2. WebService

    Amazonプライム・ビデオで今見ておくべき作品
  3. PAPERANG-P2

    Hard・Acc

    [レビュー]インク不要のモバイルプリンター「PAPERANG-P2」
  4. WebService

    Amazon Echo Alexa を Google カレンダーとリンクしたらと…
  5. Photo by Kobu Agency on Unsplash

    WebService

    オンラインでお勉強 Vol.5 自宅でプログラミングを本格的に学べるオンラインス…
PAGE TOP