AEM Forms as a Cloud Service の Edge Delivery Services での reCAPTCHA の使用

reCAPTCHA は、web サイトを不正行為、スパムおよび悪用から守るために使用される一般的なツールです。Edge Delivery では、Google reCAPTCHA を追加して人間とボットを区別する機能がアダプティブフォームブロックから提供されます。この機能により、ユーザーは自分の web サイトをスパムや不正使用から保護できます。
例えば、旅行の開始日と終了日、部屋の予算、旅行費用の見積もり、旅行者情報などのデータを収集する問い合わせフォームを考えてみます。このような場合は、悪意のあるユーザーがフォームを悪用してフィッシングメールを送信したり、スパムボットを使用して無関係または有害なコンテンツを大量に送信したりするリスクがあります。reCAPTCHA を統合すると、送信が本物のユーザーからのものであることを確認して、セキュリティを強化し、スパムエントリを最小限に抑える効果を得ることができます。

Edge Delivery Services では、アダプティブフォームブロックに​ スコアベース（v3）の reCAPTCHA のみをサポートしています。

{align="center" width="300"}

この記事を最後まで読むと、以下の操作を実行できるようになります。

前提条件

1 つのフォームに対する Google reCAPTCHA の有効化 enable-google-recaptchas-for-a-single-form

1 つのフォームに対して Google reCAPTCHA を有効にするには、Google の reCAPTCHA サービスを特定の web フォームに統合して、自動化された不正使用やスパム送信を防ぐ必要があります。

1 つのフォームに対して Google reCAPTCHA を有効にするには：

Edge Delivery Services Forms で reCAPTCHA の設定を開始するには、フォームの定義を含む次のスプレッドシートを参照してください。

プロジェクト設定ファイルの reCAPTCHA 秘密鍵の設定 configure-secret-key

Google reCAPTCHA に登録されているドメインのサイトシークレットが、Microsoft SharePoint または Google Drive の AEM プロジェクトフォルダーで設定ファイル（.helix/config）に追加されます。サイトシークレットを設定ファイルに追加するには：

reCAPTCHA サイトキーのフォームへの追加 add-site-key

Google reCAPTCHA に登録されているドメインのサイトキーが、保護するフォームのスプレッドシートに追加されます。サイトキーをフォームに追加するには：

フォーム定義に新しい行を追加すると、フォームの右下隅に reCAPTCHA バッジが表示されます。これにより、フォームが不正行為、スパムおよび悪用から保護されるようになります。

サイト上のすべてのフォームに対して reCAPTCHA を有効にする enable-recaptcha-for-all-the-forms

アダプティブフォームブロックを使用するサイト上のすべてのフォームに Google reCAPTCHA を適用するには、前の手順をスキップし、sitekey 値を recaptcha.js ファイルに直接埋め込みます。recaptcha.js ファイルにサイトキー値を含めるには：

recaptcha.js ファイルの Google reCAPTCHA サイトキーを更新

ファイルをデプロイしてプロジェクトをビルド

更新された recaptcha.js ファイルを GitHub プロジェクトにデプロイし、ビルドが成功したことを確認します。

AEM Sidekick を使用してサイトをプレビュー

AEM Sidekick を使用してサイトをプレビューし、公開します。

reCAPTCHA バッジが、サイト上のすべてのフォームに表示され始めます。