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. [Amazon] アマゾンで「NHKこどもパーク」開始!月額390円で「ワンワン…
  2. 3.11復興とは?問うドキュメンタリー:メディアが語らない真実「被災地の水産加工…
  3. 災害時に役立つTwitterアカウント、情報サイト等まとめ
  4. VERAプロジェクト前倒し終了:『恋する小惑星(アステロイド)』にも登場した国立…
  5. 忙しい朝もコーヒーは欠かせない!お湯を沸かすのすら面倒な人におすすめ!ネスカフェ…

関連記事

  1. WordPress

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

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

  2. Photo by Hannes Wolf on Unsplash
  3. Photo by Burst on Unsplash

    WordPress

    [WordPress] Gutenbergからクラシックエディタへ戻しました!

    こんにちは。@OfficeTAKUです。なんでも新しいもの…

  4. WordPress

    Web

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

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

  5. WordPress

    WordPress,XAMPP,Mac OS X,ロリポップ

    今回、このサイトを構築するに当たって、MacBook、OS X 10.…

LINE公式アカウント:OfficeTAKU

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

最近の記事

日比谷花壇_毎月楽しむお花のある暮らし特集

人気の記事

  1. Surface Mobile Mouse
  1. MS Office

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

    【Instagram】インスタグラム追悼アカウント リクエスト
  3. cheero USB-C PD Charger 18W mini

    ハードウェア

    【レビュー】 cheero USB-C PD Charger 18W mini …
  4. Word

    【Word】Windows版Wordのページ設定で1ページの行数を増やしたのに行…
  5. PAPERANG-P2

    ハードウェア

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