スキルアップを始める!

reCAPTCHAとは?reCAPTCHAの種類と設定について(v2)チェックボックス・インビジブル

Web(ウェブ技術関連)
この記事は約2分で読めます。

※記事中に広告情報を含みます。

\ワードプレスのスキルアップはこちら!/ WordPress入門読本

reCAPTCHAは、ウェブサイトがスパムや悪意のあるボットから保護するためのツールです。Google reCAPTCHAにはいくつかのバージョンがあり、それぞれ異なる方法でユーザーを確認します。

reCAPTCHA
reCAPTCHA is a security service that protects your websites from fraud and abuse.

reCAPTCHAの種類(v2)チェックボックス・インビジブル

  1. Google reCAPTCHA v2 チェックボックス
    • ユーザーが「私はロボットではありません」というチェックボックスをクリックして確認します。
  2. Google reCAPTCHA v2 インビジブル
    • ユーザーの行動を分析し、ユーザーに何も表示しないか、疑わしい場合にのみ確認を求めます。

設定項目の意味

  1. あなたのreCAPTCHAサイトキー
    • サイトキーは、あなたのウェブサイトがreCAPTCHAを利用するためのキーです。GoogleのreCAPTCHA管理コンソールで取得できます。
  2. あなたのreCAPTCHAのシクレットキー
    • シークレットキーは、サーバー側で使用するキーで、Google reCAPTCHAサービスとの通信を認証します。これもreCAPTCHA管理コンソールで取得します。

設定手順

  1. Google reCAPTCHA管理コンソールにアクセスし、サイトを登録します。
  2. サイト登録後、サイトキーとシークレットキーが発行されます。
  3. ウェブサイトのreCAPTCHA設定欄に、取得したサイトキーとシークレットキーをそれぞれ入力します。

コード例

以下は、Google reCAPTCHA v2 チェックボックスのHTMLとJavaScriptの実装例です。

    <form action="your_backend_script" method="POST">
<div class="g-recaptcha" data-sitekey="あなたのreCAPTCHAサイトキー"></div>
<br>
<input type="submit" value="Submit">
</form>

注意点

サイトキーとシークレットキーは、安全に管理してください。特にシークレットキーは、サーバーサイドのコードでのみ使用し、クライアントサイドのコードには絶対に含めないでください。

まとめ

この設定により、ウェブサイトにreCAPTCHAを組み込むことができ、スパムやボットからサイトを保護できます。

URLをコピーしました!