パソコンやスマホに関することを気ままに書いていきます!

WordPress ブログ

コンタクトページからのスパムメールを対策する【reCAPTCHA導入】

投稿日:

スポンサーリンク

はじめに

最近、コンタクトページを利用したスパムメールが増えてきました。というのも、当サイトはお問い合わせフォームを用意しているのですが、そこから多くの迷惑メールが送られてきます。
1日数件の日もあれば10件近く届く日もありました。
そこで今回は「reCAPTCHA」を導入してさらなるスパム対策を行っていこうと思います。

reCAPTCHAとはなにか

ここで簡単にですがreCAPTCHAについて説明しておきます。
reCAPTCHAとはボットと人間を区別して、悪質なアクセスやボット攻撃からサイトを守るサービスです。
PCやスマホを使っている方であれば
「私はロボットではありません」というチェックボックスや、画像から車やバイクといった特定のオブジェクトを選択するという場面に遭遇した経験があるのではないでしょうか。

これがreCAPTCHAです。
現在最新のreCAPTCHA v3ではバックグラウンドで自動的に人間かボットか評価されるため、チェックを入れたり画像を選択する必要がありません。
詳しい仕組みについては割愛しますが、気になる方は調べてみてください。

現状

当サイトではお問い合わせページに「Contact Form 7」を使っています。

ボット対策もかねて、送信の際はプライバシーポリシーに同意するチェックボックスを用意していたのですが、これだけでは不十分なようです。
「Contact Form 7」にもスパム対策としてreCAPTCHAを導入できる設定はありますが、詳細な設定はできません。
今回は「Invisible reCaptcha」というプラグインを導入して設定していきます。

reCAPTCHAを導入する

サイトの登録

reCAPTCHAを利用するには事前にサイトを登録して必要なキーを取得する必要があります。
reCAPTCHAのサイトにアクセスしてGoogleアカウントでログインしてください。

必要な項目を入力し、新しいサイトを登録します。

今回はreCAPTCHA v3を選択しました。
送信をクリックすると「サイトキー」と「シークレットキー」が発行されます。

このキーをプラグイン導入後に入力します。

プラグインをインストール

WordPressのプラグイン追加ページから「Invisible reCaptcha」と検索します。

今すぐインストールをクリックして有効化してください。

プラグイン設定

設定の「サイト鍵」「秘密鍵」に先ほど発行されたキーを入力します。

変更を保存してWordPressの項目に移動します。
必要な項目にチェックを入れます。

今回はすべてにチェックを入れました。
続いて問い合わせフォームの項目に移動します。

「Contact Form7の設定を有効化」にチェックを入れて変更を保存をクリックします。
これで設定は完了です。

確認

それでは導入できているか確認してみましょう。
コンタクトページを開きます。

このようにreCAPTCHAバッジが表示されれば成功です。
デフォルトだと画面右下に表示されますが、ページ上へ戻るボタンと被ってしまったので左下に設定しました。
インラインに設定するとCSSで細かなカスタムもできるのでやりたい方は設定してみてください。

まとめ

今回はreCAPTCHAを導入してスパムメール対策を行いました。
まだ導入直後のためどれだけの効果があるかは分かりませんが、しばらく様子を見て見ようと思います。

スポンサーリンク

-WordPress, ブログ


comment

メールアドレスが公開されることはありません。

関連記事

Atom Cam2買ってみたけど使い方次第では微妙かも

目次1 はじめに2 開封の儀3 設定4 使ってみる5 NASに接続してみる5.1 RTSPを使えるようにする5.2 監視カメラアプリの設定5.3 NASで映像は確認できるようになったけど…6 まとめ …

NASで防犯カメラシステムを構築する

目次1 はじめに2 必要なもの3 QNAPがおすすめな理由4 購入した製品4.1 NAS4.2 IPカメラ4.3 スイッチングハブ5 NASの準備5.1 HDDを取り付け5.2 NASにアクセス5.3 …

【第1回】サイト高速化のために行った3つのこと

目次1 はじめに2 レンタルサーバーの設定変更3 高速化プラグイン導入3.1 W3 Total Cache3.1.1 設定3.1.1.1 基本設定3.1.1.2 モバイル用設定3.2 EWWW Ima …

令和だけどCore2Duoで自作

目次1 はじめに2 今回使ったパーツ3 組み立て3.1 マザーボードにパーツを取り付け3.2 ケースに固定3.3 配線3.4 完成!4 起動確認5 OSインストール6 ベンチマーク6.1 CPU6.2 …

半年使ったMacを修理に出した話と修理に出す方法について

目次1 はじめに2 突然あらわれた不具合3 修理の準備4 修理の申込み4.1 持ち込みと配送4.1.1 持ち込み修理4.1.2 配送修理4.2 オンラインで予約する5 いざ、AppleStoreに持ち …

スポンサーリンク