【Worpress】ContactFrom7に画像認証機能を追加

Wordpress
Wordpress

ContactForm7は非常に使い勝手の良いお問合せ送信フォーム作成のためのプラグインだが、サイトの運用を続けていると、スパムメールが多くなってくることがある。

そこで利用される手段として、画像認証機能や、Google reCAPCHAなどがある。

画像認証機能は、以下のようなもの。

マシンが読み取りにくい歪んだ英数字を、ユーザが入力するというものである。



本来ContactForm7に、追加で導入できプラグイン「Really Simple CAPTCHA」をインストールし有効化すれば、すぐに使えるはずなのだが、

設置方法が紹介されている記事を読んでいても、最新バージョンのWordpressとGUIが違っていて、齟齬がある。

設置するために必要な画面が、最新Wordpressには備わっていない?のだ。

要は、ContactForm7のフォーム内に、Really Simple CAPTCHA呼び出し用のタグを記述すればいいので、以下のサイトを参考にして、タグをコピペするとよい。

【スパム対策】Contact Form 7に画像認証プラグイン「Really Simple CAPTCHA」を入れる方法
自分用のメモとして。 お問い合わせ(プラグイン:Contact Form 7)へのスパム対策の手順。画像認証CAPTCHAを入れる。 当ブログのお問い合わせページは導入済みなので、参考にどうぞ。 手順

Google reCAPCHAは、以下のようなもの。

どちらも、送信フォームに設置されていることが多いので、見慣れている方も多いと思う。

reCAPTHAとは? スパム対策に効果的な reCAPTHA の導入方法、注意点、メリット・デメリットを解説 | BLOG | シナジーマーケティング株式会社
reCAPTHAとは、ロボットと人間とを区別し、スパムなどのサイバー攻撃を防ぐサービスです。 本記事では reCAPTHA についての導入からそのメリットデメリットについて説明します。また、導入においての意図せぬエラーも一定数存在する為、その解決方法についても記載しています。

reCAPTCHAの導入には以下の3つ手順が必要である。

  1. GoogleのサイトでreCAPTCHAを取得
  2. 適用したいフォームのHTMLにreCAPTCHAのウィジェットを組み込む
  3. サーバー側でreCAPTCHAが送信したトークンをチェック
レイアウトがスッキリしてイメージを損なわない
画像認証判断~トークン取得からサーバー送信の一連の動作をウィジェットがやってくれる(構成図の2~5の部分)
認証の必要がない場合は、そのままフォーム登録が実行できます。「ホントに確認した?」と感じるくらい自然で、フォームの見栄えを損ないません。
また、reCAPTCHAのトークンは、取得後数分放置するとタイムアウトと判定されるので、ユーザーの操作に不便のないように、考慮する必要があります。Invisible reCAPTCHAはトークンの取得から送信まで連続して処理されるため、タイムアウトへの考慮を軽減できます。
デメリット
認証が必要だと判断された場合、突然画像認証の画面が表示されるので、おどろく
ユーザーが送信ボタンを押下したタイミングで、予告なく画像認証画面が表示されるため、なんらかのフィッシングの可能性などを考えて操作を躊躇するかもしれません。特に、ユーザーの年齢層が高い場合などは、ユーザーの戸惑いを軽減するコメントを記載するなどの配慮が必要になりそうです。

Webサイト制作を依頼したい方へ

PRYTHM WORKS(プリズムワークス)は、東京都墨田区、東京スカイツリーのふもとにあるWebコンテンツ制作事務所です。

華々しいおしゃれなECサイトをはじめ、アンダーグラウンドな案件まで幅広くご依頼をいただき、どんな案件でも真心・丁寧・楽しくを理念に掲げて制作しております!

作りたいサービスはあるけど、まずは費用感が知りたい!という方も、まずはお問い合わせください!

mail@prytymworks.tokyo

PRYTHM WORKSが手掛ける仕事の一部をご紹介します。

制作のご依頼者様用 費用かんたんお見積もりフォーム

おそらく本記事を読まれるのは、制作の現場の、法人またはフリーの、プロデューサーの方、ディレクターの方、エンジニアの方がほとんどかと存じます。
いつもおつかれさまです!そして本記事をお読みいただきありがとうございます。
紹介した記事の内容について、またはその他制作のご依頼について、以下のフォームより簡易お見積もりができます!
試算だけならフォーム送信しなくてもできますので、ぜひ試しにいかがでしょう?

お仕事をご希望の制作者様用 お問合せフォーム

また、まずはライトなご相談から…ということであれば、こちらのコンタクトフォームからお気軽にどうぞ!ご縁を大切にしてご返信いたします!