フォームにreCAPTCHAを設定する

最終更新日:

2021/11/11のUI刷新 第一弾リリースにてカラースキーム(配色設計)とタイポグラフィ(文字の書体、大きさ、配列のしかたなど)を変更しております。オンラインマニュアルに掲載している画面キャプチャと実際の管理画面の配色や文字の状態が異なる場合がございますがご了承いただけますと幸いでございます。

フォームに「reCAPTCHA(リキャプチャ)」を設定する方法をご案内します。
※本機能は2025年1月16日(木)より利用可能です。

目次

 

reCAPTCHAとは

reCAPTCHAは、Googleが提供するセキュリティサービスで、ウェブサイト上のフォームやログイン画面で人間とbot(ボット)を識別する技術です。
フォームにreCAPTCHA設定を行うことにより、フォームの不正利用やスパム送信を防止し、フォームセキュリティと信頼性を向上することができます。

「SATORI」では「reCAPTCHA v2(チェックボックス)」に対応しています。
reCAPTCHA v2(チェックボックス)では、フォームに「私はロボットではありません」のチェックボックスが表示され、通常はこれをクリックするだけでセキュリティを確保できます。

reCAPTCHA_20241220_01.png

ただし、利用者の行動や接続元の環境によっては、追加で画像認証が求められる場合があります。
この場合、指定された条件に合致する画像を選択する操作が必要です。

reCAPTCHA_20241220_02.png

reCAPTCHAはスパム対策に有効ですが、入力の手間が増えるなど利用者の利便性に影響する場合もあります。
導入時は目的や利用状況を考慮し、適切なフォームに設定してください。

 

reCAPTCHAキーの取得方法

reCAPTCHAを利用するためには、サイトキーとシークレットキーが必要となります。
以下の手順に沿って取得してください。
※キーの取得にはGoogleアカウントが必要です。Googleアカウントがない場合、キーの取得ができず、本機能をご利用いただけません。

  1. https://www.google.com/recaptcha/about/ にアクセスし、画面右上の「v3 Admin Console」をクリックします。
    reCAPTCHA_20241220_03.png

  2. 下記の情報を入力し、「送信」ボタンをクリックします。
    reCAPTCHA_20241220_04.png

    ①ラベル
    任意の名称を入力します。
    ※このキーをどのサイトやフォームで使用するか判別できるよう、識別しやすい名前(例:「〇〇サイト」、「お問い合わせフォーム」、「資料請求フォーム」など)を入力してください。

    ②reCAPTCHA タイプ
    「チャレンジ(v2)」のラジオボタンを選択してください。「チャレンジ(v2)」を選択すると、「『私はロボットではありません』チェックボックス」が選択された状態で表示されます。
    ※「スコアベース(v3)」や、「チャレンジ(v2)」の「非表示 reCAPTCHA バッジ」には対応していません。

    ③ドメイン
    SATORIのフォームを設置するウェブページのドメインを入力します。
    以下の事項を確認し、正しいドメインを登録してください。

    ※Google Cloud Platformの設定は、必須ではありません。

  3. 「サイトキー」と「シークレットキー」が発行されます。
    reCAPTCHA_20241220_05.png

 

フォームでの設定方法

フォーム設定の「スパム投稿防止設定」で以下の設定を行ってください。

  1. 「reCAPTCHA設定」で「使用する」を選択します。
  2. 取得したサイトキーとシークレットキーを入力します。

reCAPTCHA_20241220_06.png

 

注意事項

  • reCAPTCHAキーの取得方法は2025年1月時点の情報を元にしており、今後変更される可能性があります。
  • フォーム設定画面で誤ったサイトキーを設定した場合、またはキー発行時に指定したドメインと異なるドメインのウェブページにフォームを設置した場合、以下のエラーが表示され、フォームを送信できません。
    reCAPTCHA_20241220_07.png

  • フォーム設定画面で誤ったシークレットキーを設定すると、以下のエラーが表示され、フォームを送信できません。
    reCAPTCHA_20241220_08.png

 

関連オンラインマニュアル/FAQ

この記事は役に立ちましたか?

0人中0人がこの記事が役に立ったと言っています