My,WebNote - 備忘録 -

「楽して稼ぐ」才能が皆無。貧乏暇なしを身を持って実践し、趣味のために働くキモオタ・ワーカーホリック。 絶賛「艦これブログ」となりつつある今日この頃・・・・。

WordPress プラグイン

WordPressのお問い合わせフォームプラグインのスパム対策

投稿日:

wordpress_お問い合わせ_スパム対策_00

 

どうも白夜霧(@KiRi_Byakuya)です。

日々のアクセス数が雀の涙程度のこのブログでも、ここ最近お問い合わせフォームからのスパムが多くなった。

プラグイン側で設定出来ないのか?と調べてみたら、Googleのログイン認証でおなじみの『reCAPTCHA』が使えるみたいなので設定してみた。

スポンサーリンク

Ad_336x280

環境・準備 / お問い合わせフォーム スパム対策

本記事では、WordPressのお問い合わせフォームプラグインとして有名な『Contact Form 7』がインストール済み。かつ、Googleアカウントを所持していることを前提としての手順を記載します。

 

設定手順1:GoogleからAPI Keyを発行する。

「reCAPTCHA」からサイトを登録

wordpress_お問い合わせ_スパム対策_01.png

 

reCAPTCHAを開き、右上の『Get reCAPTCHA』を押す。

 

登録画面で各項目を選択

wordpress_お問い合わせ_スパム対策_04.png

 

登録画面にて、下記項目を設定して下さい。

 

Label

名前の通り単なる登録時のラベル名。何でもいいが、わかりやすくするためにブログ名にしておくことを推奨。

 

Choose the type of reCAPTCHA

reCAPTCHAのタイプを選択する。基本は一番先頭の「reCAPTCHA V2」を選択。

  • reCAPTCHA V2:『私はロボットではありません。』という見慣れたボタンを表示する。
  • Invisibele reCAPTCHA:バックグラウンドで認証処理をする。
  • reCAPTCHA Android:Androidアプリ用

 

Domains

上記「Choose the type of reCAPTCHA」を選択すると表示される。

名前の通り、自分のサイトのドメインを記入する。本ブログの場合は「my-web-note.com」と入力。

 

プライバシーポリシー(利用規約)に同意

wordpress_お問い合わせ_スパム対策_05.png

 

各項目の入力が完了したら『Accept the reCAPTCHA Terms of Service.』のチェックボックスにチェックを入れて、右下の「Register」を押してサイトを登録。

 

API Key の作成完了

wordpress_お問い合わせ_スパム対策_06.png

 

サイトの登録とkeyの発行が完了。今回の設定で使うのは「Add reCAPTCHA to your site」の『Site key』と『Secret key』のみ。

メモ帳にコピーしてもいいですが、わざわざ画面を閉じる必要もないので、タブを開いたまま作業を進めても問題ありません。そこら辺はお好きなように。

※キーは後からでも確認出るのでご安心を。

 

設定手順2:API Keyを設定する。

「インテグレーション」を開く。

wordpress_お問い合わせ_スパム対策_07.png

 

WordPressの管理画面のメニューから『お問い合わせ』>『インテグレーション』を開き、「他のサービスとのインテグレーション」の『キーを設定する』を押す。

 

サイトキーとシークレットキーを設定

wordpress_お問い合わせ_スパム対策_08.png

 

取得・発行した「サイトキー(site key)」と「シークレットキー(secret key)」を入力して『保存』。『設定を保存しました。』と表示されたらキーの設定は完了。

 

設定手順3:「私はロボットではありません」ボタンを設置する

コンタクトフォームを開き、フォーム編集画面へ。

wordpress_お問い合わせ_スパム対策_09.png

 

『お問い合わせ』→『コンタクトフォーム』から作成済みのフォームを選択。

※本記事では作成済みのフォームを編集する形となります。未作成の場合は上記「新規作成」から作成してく下さい。

 

[recaptcha]タグを挿入する。

 「フォーム」タブからボタンを設置します。フォームタブ内の「reCAPTCHA 」ボタンを押す。

wordpress_お問い合わせ_スパム対策_10.png

 

⑦「フォームタグ作成:reCAPTCHA 」でボタンのサイズやテーマが設定可能。こだわりがなければそのまま右下の「タグを挿入」を押す。

wordpress_お問い合わせ_スパム対策_11.png

 

⑧『[recaptcha]』タグ(ショートコード)がテキストエリアに追記されたら左下の『保存』を押して設置完了。

自身のサイトの「お問い合わせ」ページを確認して下さい。設置位置はタグの挿入位置で変更可能です。

wordpress_お問い合わせ_スパム対策_02.png

 

私の場合「送信ボタン」の上に設置しました。

テーマ側の影響?か、そのまま設置すると送信ボタンと認証ボタンが若干被るため、私は[recaptcha]タグの後ろに改行を入れています。

 

動作確認 / お問い合わせフォーム スパム対策

wordpress_お問い合わせ_スパム対策_03.png

 

認証ボタンを押さずに送信ボタンを押すと、注意が表示され投稿されません。これでスパム対策は完了です。

 

まとめ / お問い合わせフォーム スパム対策

一度設定してしまえば終わりなので、ちゃっちゃと設定してしまいましょう。

これで『いいバ○ヤグラ紹介するぜ(゚∀゚)b!』的なメールも、もう来ないことでしょう・・・。そう言えば、これって記事のコメントの方にも設定出来るのかな?後で調べてみよう。

 

よろしければポチッとお願いします。

Ad_336x280

Ad_336x280

  • この記事を書いた人

白夜霧

現役のIT土方・社畜・カフェイン中毒者。趣味のために生き、趣味のために金を稼ぐ。趣味はアニメ、マンガ、ゲーム、車、料理、etc・・・。何となく「艦これ」を始めたら、どっぷりハマってしまい、攻略記事なんかを偉そうに投稿しているおっさんです。最近新しいブログを立ち上げ、こき使われています『吾輩は群馬である。』。こちらも宜しくお願いします m(_ _)m

オススメ記事

Fire_TV_Stick_新型_レビュー_31 1

  どうも白夜霧です。 以前記事を上げた新型「Amazon Fire TV」と「Fire TV Stick」の比較記事を ...

2

Amazon「Fire HD 8」 タブレット 2017年 Newモデルを買ってみた。艦これもサクサク動くねぇ~。

電子タバコ_VITAFUL_ビタフル_ビターコーヒー00 3

  どうも、タバコが嫌いな白夜霧(@KiRi_Byakuya)です。   皆さんはコーヒーはお好きですか? 私 ...

audible_オーディオブック_無料_料金_安い_コイン_君の名は_新海誠_アニメ_声優_025 4

スキマ時間活用・Amazon Audible・登録・退会・購入方法・オススメ作品まとめ・豪華声優出演作品あり・新海誠・君の名は。

-WordPress, プラグイン
-, ,

Copyright© My,WebNote - 備忘録 - , 2018 All Rights Reserved.