Contact FormにreCAPTCHAを設置する方法

当サイトでは一部のリンクが広告を含む場合がございます。ご理解いただけますと幸いです(•ᵕᴗᵕ•)⁾⁾
Contact FormにreCAPTCHAを設置する方法

こんにちは!ここでは、「Contact FormreCAPTCHAを設置する方法」をご紹介しますね!
「何それ!?」って思っている人がほとんどだと思います。でも、心配しないでください。これはあなたのブログを守るための一つの手段なんですよ。

簡単に言うと、Contact Formはあなたのブログにメッセージを送るためのお問合せフォームで、reCAPTCHAはそのフォームをスパムから守るためのシステムです。そもそもスパムって何?とおもうかもしれませんが、今からご説明します!では早速行ってみましょう!

追記:テーマがスウェルの場合PHPが8以上の人は不具合が発生すると記載を見つけました。
私のPHPは8.0.25でしたが大丈夫でした。色々な兼ね合いで不具合が起こることもあるので注意が必要です。導入は自己責任でお願いします

Invisible reCAPTCHA設定欄にWordPress等の設定部分が出てきません。

 03/02/2023 9:46 am


スウェルフォーラムより

クリックでジャンプできる目次

スパムメールとは?

インターネット上には「スパム」と呼ばれる厄介な存在があります。これはあまり嬉しくないメッセージや広告なんかです。

例えば、「あなたが一億円の宝くじに当選しました!」という信じられないような話を持ちかけるメールや、「このクリームを使えば若返る!」と主張する未承諾の広告など、これら全てがスパムの一例です。

では、これらのスパムがブログにどう影響するのでしょうか?ブログにあるコンタクトフォームを通じて、スパムメッセージが大量に送られてきたら、あなたはその中から本当に大切なメッセージを見つけるのに苦労することでしょう。それは、大事なメールを見つけるためにジャンクメールの山を探すようなものです。面倒ですよね。

ここでreCAPTCHAの登場です。reCAPTCHAは、人間とロボット(スパムを送りつける厄介なプログラム)を見分けるツールです。

まずはGoogleのreCAPTCHAサイトで2種類のキーを取得する必要あり

reCAPTCHAを設置するためには、まずGoogleからAPIキーを取得する必要があります。GoogleのreCAPTCHAサイトにアクセスし、新しいサイトを登録しまAPIキーを取得しましょう。

\ ココで2種類のキーが取得できます /

2種類のキーがもらえた際はこんな感じで表示されます。
サイトキーとシークレットキーがあり、それぞれコピーしておきます。

GoogleのreCAPTCHAでサイトキーとシークレットキーを取得した画面

以前 reCAPTCHAのAPIキーを取得している場合:2種のキー確認方法

STEP
GoogleのreCAPTCHAサービスページにアクセスし、V3 を選択。

GoogleのreCAPTCHAページへアクセスし
V3 Admin Console』をクリック。

STEP
過去に登録していたドメインを選択後、歯車マークを選択

Ⓐで登録していたドメインを選択し、
Ⓑの設定マークをクリック

STEP
『reCAPTCHAのキー』の横にある『∨』マークをクリック

『reCAPTCHAのキー』の横にある
『∨』マークをクリックすると
以前取得したキーが表示されます

reCAPTCHA設置作業(Contact Form7での説明)

STEP
ワードプレスの管理画面で『お問合せ』>『インテグレーション』をクリックします。
ワードプレスの管理画面で『お問合せ』>『インテグレーション』をクリックを促す画像
STEP
『reCAPTCHA』を探し
『インテグレーションのセットアップ』をクリックします。
インテグレーションのセットアップ部分のクリックを促す画像
STEP
『サイトキー』と『シークレットキー』の入力箇所が表示されるので
取得したキーを記載する

先程GoogleのreCAPTCHAサイトで取得したキー
それぞれに記載しⒹ最後『変更を保存』をクリック

サイトキーとシークレットキーを記入する欄が表示されている画像

reCAPTCHAはこのサイトで有効化されていますと表示されればOK

reCAPTCHAは、このサイトで有効化されていますと書かれた画像

reCAPTCHAマークの確認を行う

念のためにどのように自分のサイトに表示されているか見てみましょう。
左下にreCAPTCHAマークが表示が確認できました。

お問合せページに左下にreCAPTCHAマークが確認できている画像
はぴねこ

お疲れさまでした。

まとめ

いかがでしたか?reCAPTCHAの設置、思ったよりもか簡単だったのではないでしょうか??ブログはいろいろ大変ですがひとつ一つ手順を追ってやっていけば必ずゴールが見えてきます♪一緒に頑張りましょう!最後までありがとうございました。

クリックでジャンプできる目次