当ブログですが「Contact Form 7」というプラグインを使ってお問い合わせフォームを設定しております。
このContact Form7は、全世界で使われるほど超人気のプラグイン!
とっても簡単にお問い合わせフォームを設置できるスグレモノ!
だが、しかしスパムメールは時々きます!
なので更にパワーアップさせてみたくないですか!?!?
そのパワーアップ内容は、そう!!!
スパムメール対策です!!!
ブログを始めたら絶対来るよくわからない英語のメール。
なんて書いてある変わらないけどめっちゃ怖いです(汗
なのでスパムメールをはじくためのスパム対策機能の設定方法を今回はご紹介します。
その方法は、
Googleが提供している「reCAPTCHA」というキャプチャ・システムを使います。
このシステムをつかうと
「私はロボットではありません」のあの機能が使えます(笑
目次
設定前に準備するもの
- プラグイン「Contact Form 7」をインストール
- Gmailのアカウント
この「reCAPTCHA」は、Googleが提供しているサービスのため利用するには、Googleのアカウント(Gmailアドレス)が必要です。
Googleアカウントがない場合は、これを機会にとっておきましょう。
今回画像数結構多いので、
Googleアカウント作成方法については近日中に別記事作成してご紹介しますね。
そして、プラグイン「Contact Form 7」が、インストールされた状態からご説明させていただきます。
「Googleアカウント」の取得と「Contact Form 7」が、インストールされた状態でいざ設定開始です!
設定方法1 reCAPTCHAのアカウントを発行する
まずは、「Google reCAPTCHA」にアクセスしましょう。
右上の「Get reCAPTCHA」をクリックします。
Googleアカウント教えてねと表記があるのでIDとPWを入力してログインします。
無事ログインできると上記のような設定フォームが出てきます。
それぞれの入力項目の書き方は以下のとおりです。
Label
ラベルなので登録する名前を入れます。
わかりやすいようサイトの名前とかでいいです。
私は、「napoleonmixh」にしました。
Choose the type of reCAPTCHA
「reCAPTCHA V2」を選択。
Domains
サイトのドメインを入力します。
当ブログですとは「napoleon.mixh.jp」です。
Accept the reCAPTCHA Terms of Service.
利用規約なのでチェックを入れて同意しましょう。
Send alerts to owners
Googleがサイトの問題を検出した場合に知らせてくれます。
チェックしましょう。
最後に、「Register」ボタンをクリック。
クリックすると何やらkeyが発行されてます。
このサイトキー(赤く塗られている部分)とシークレットキー(青く塗られている部分)のテキストはあとで使うのでテキストをコピーしておいてください。
これでGoogle側での準備はできました。
次は、このテキストを「Contact Form 7」に入れ込みます!
設定2 Contact Form 7での設定
「Contact Form 7」での設定なのでWordPress(ワードプレス)でログインしてください。
- 「お問い合わせ」をクリック
- 「インテグレーション」をクリック
- 「キーを設定する」をクリック
「他のサービスとのインテグレーション」と出たらあと一息です。
頑張りましょう!
「他のサービスとのインテグレーション」
サイトキー | 「reCAPTCHA」で手に入れたサイトキー(赤く塗られている部分)を入力 |
シークレットキー | 「reCAPTCHA」で手に入れたシークレットキー(青く塗られている部分)を入力 |
保存を押します。
そして、最後にお問い合わせフォームに「reCAPTCHA」入れ込むだけ!
- 「コンタクトフォーム」をクリック
- 「フォーム」から「reCAPTCHA」が追加されていますので入れたい場所にクリックして設置
- 「保存」をクリック
かんせーい!!!
お疲れ様でした。
無事お問い合わせに「私はロボットではありません」を追加に成功しました!!
まとめ
無事できましたでしょうか。
できたら、念の為テスト送信してくださいね。
私はなんと送信先設定してなかったので全然届かなくて焦りました。
- 「コンタクトフォーム」をクリック
- 「フォーム」から「メールタブ」をクリック
- 「送信先」がちゃんとあなたのメールアドレスになっているか確認
私のようなドジはしないでしょうが、念の為ね(笑
完成したお問い合わせフォームはこちらから見ることができます。
よかったらみてください。
以上、WordPressのお問合わせフォーム「Contact Form 7」のプラグインにスパム対策機能付きに設定する方法でした。