【reCAPTCHA】THE THOR お問い合わせフォーム スパム対策

皆様ごきげんよう、えいちょふです。

今回は自分が使用しているWordpressテーマ「THE THOR」のお問い合わせフォームについて「THE THOR」を長らく利用している筆者が説明していきます。

THE THORのお問い合わせフォームはデフォルトで搭載されており、簡単に設定ができ便利なのですが
・スパムメールが多い
・reCAPTCHAが機能しない
など

ブログを長らく続けていくなかで不便さを感じてしまう事もありました。

大量のスパムメールにより、お問い合わせフォームがサーバー側から停止されてしまうといったことがあり、しばらくそのままにしていたのですが何とかできないか自分なりに調べて現在はスパムが届かなくなり問題なくお問い合わせフォームを利用できるようになりましたのでご紹介させていただきます。

THE THOR以外のテーマを利用される方にも役立つ内容となっていますので参考になれば幸いです。


1.対策

それでは早速、紹介していきますが

Contact Form 7

reCAPTCHA

を使用することです。

調べる中でよく目にするのが

THE THORとContact Form 7はプラグインの相性が悪い為、動作が重くなるなど問題が発生する

上記について筆者も初めは多くのプラグインの導入には否定的であったためあまり使用したくなかったのですが実際に設定しても問題はありませんでした。

※もちろんプラグインの導入となるため100%問題が発生しない訳ではございません(アップデートなどによって影響が出る場合も考えられます)

THE THORには元々お問い合わせフォームの機能が搭載している為、このような解釈となってしまっている状況だと考えられます。

THE THORがやreCAPTCHAが悪いわけではなく相性が悪いのです。

Contact Form 7とTHE THORのお問い合わせフォームを同時利用するとお問い合わせフォームが2重に表示されてしまう問題も出てきますので正しい設定方法を紹介していきます。

スポンサーリンク

※画像をクリックで拡大表示できます


2.お問い合わせフォームの設定

まずはTHE THORのお問い合わせフォームについて説明します。

設定は非常に簡単で

WordPressダッシュボード「固定ページ」から
新規固定ページを作成しお問い合わせTPLを選択するだけ(今回は設定不要です)

THE THORのお問い合わせフォームを利用される方は上記の設定だけでお問い合わせフォームが簡単に作成できます。


上記でも問題なければ構いませんが大量のスパムが届いたりお問い合わせフォームの項目の細かい設定ができないためContact Form 7のプラグインを使用したお問い合わせフォームの設置を行います。


1.Wordpressダッシュボードの「プラグイン」から新規プラグインを追加


2.「Contact Form 7」と検索し下記の画像のプラグインをインストール


3.プラグインをインストールするとダッシュボードの項目に「お問い合わせ」が追加されます



4.お問い合わせフォームを自分好みにカスタマイズできますので作成し下記の画像の様にショートコードがあることを確認してコードをコピー


5.THE THORのお問い合わせフォーム作成で紹介した方法でお問い合わせフォームを設置します。「お問い合わせ」などで固定ページを作成し
下記の設定が重要です
テンプレートを必ず「デフォルトテンプレート」に設定してください!
※お問い合わせTPLに選択しがちですがこちらに設定するとお問い合わせフォームが2重になってしまいます。(THE THORのお問い合わせフォームも反映されるようです)

上記にてContact Form 7を使用したお問い合わせフォームの設定ができました。


3.reCAPTCHA導入

筆者もお問い合わせフォームから大量のスパムメールが届いたことにより、下記のメールと共にサーバー側から停止されてしまいました。

お問い合わせフォームが利用できないのは大変困るため大量のスパムメールの対策としてreCAPTCHAの導入について紹介します。

reCAPTCHA設定

まずは上記のリンクからreCAPTCHAの登録を完了させサイトキーを発行します。

続いてプラグインをインストールしていきます。

reCAPTCHAは「Advanced Google reCAPTCHA」と検索し画像を参考にインストールします。

※reCAPTCHAプラグインは種類があります。間違ったプラグインをインストールしないよう注意しましょう。
(紹介しているreCAPTCHAプラグインは筆者が使用しており、問題ないですがご自身のテーマの相性にあったreCAPTCHAをインストールしてください)



WordPressダッシュボード>設定>「Advanced Google reCAPTCHA」へ進みます。
画像を参考に設定し変更内容を保存します


英語表記のため設定が難しいと感じる場合がございますが下記が設定の例です


上記でご自身のサイトへのreCAPTCHA設定は完了していますがContact Form 7で設定したお問い合わせフォームにもreCAPTCHAを設定する必要があります。


WordPressダッシュボード「お問い合わせ」のインテグレーションを選択しreCAPTCHAのインテグレーションのセットアップを選びます



サイトキー、シークレットキーをペーストし保存(筆者は既に設定されているため削除と出ています)


ここまでの操作にてサイトおよびContact Form 7のお問い合わせフォームにもreCAPTCHAを設定を設定できました!

4.最後に

紹介は以上となります。今回の問題について

・他にTHE THOR利用者のブログを確認するが明確な答えなし

・THE THOR利用者の公式サポートページにも解決策なし

と非常に困っておりました。

今回紹介した内容がTHE THOR利用の方、Contact Form 7reCAPTCHAを使用される方々のお力になれば幸いです。


created by Rinker
ソニー・インタラクティブエンタテインメント
¥71,700 (2024/12/06 14:36:05時点 Amazon調べ-詳細)
スポンサーリンク
スポンサーリンク
最新情報をチェックしよう!

THE THORの最新記事8件