コアコンポーネントに基づく AEM アダプティブフォームでの Google reCAPTCHA の使用 using-reCAPTCHA-in-adaptive-forms
CAPTCHA(コンピュータと人間を区別する完全に自動化された公開チューリングテスト)は、人間と自動化されたプログラム/ボットを区別するために、オンライントランザクションで一般的に使用されるプログラムです。テストを行ってユーザーの反応を評価し、サイトを使用しているのが人間かボットかを判断します。テストが失敗した場合の続行を防ぎ、ボットによるスパムの投稿や悪意のある目的を防止することで、オンライントランザクションの安全性を高めます。
AEM Forms as a Cloud Service は、次の CAPTCHA ソリューションをサポートしています。
AEM Forms 環境と Google reCAPTCHA サービスの接続 connect-your-forms-environment-with-recaptcha-service-by-google
フォームの作成者は、Google による reCAPTCHA サービスを使用してアダプティブフォームに CAPTCHA を実装できます。サイトを保護する高度な CAPTCHA 機能を提供します。reCAPTCHA の仕組みについて詳しくは、Google reCAPTCHA を参照してください。AEM Forms as a Cloud Service は、アダプティブフォームで Google reCAPTCHA v2 をサポートします。これを使用して、フォームの送信時に CAPTCHA の課題を提示できます。AEM Forms 環境を Google による reCAPTCHA サービスに接続するには
-
Google から reCAPTCHA API キーペアを取得します。これには、サイトキー と 秘密鍵 が含まれます。
-
設定コンテナを AEM Forms as a Cloud Service 環境に作成します。設定コンテナには、AEM を外部サービスに接続するために使用されるクラウド設定が格納されます。Google で AEM Forms 環境を reCAPTCHA サービスに接続するための設定コンテナを作成および設定するには、次の手順を実行します。
-
AEM Forms as a Cloud Service インスタンスを開きます。
-
ツール/一般/設定ブラウザー に移動します。設定ブラウザーでは、次の操作を実行できます。
-
既存のフォルダーを選択するか、フォルダーを作成します。フォルダーを作成して、そのフォルダーの「クラウド設定」オプションを有効にしたり、既存のフォルダーの「クラウド設定を有効にする」オプションを有効にしたりできます。
-
フォルダーを作成し、それに対して「クラウド設定」オプションを有効にするには、次の手順を実行します。
- 設定ブラウザーで「作成」をタップします。
- 設定作成ダイアログで、名前とタイトルを指定し、「クラウド設定」オプションを選択します。
- 「作成」をクリックします
-
既存のフォルダーに対して「クラウド設定」オプションを有効にするには:
- 設定ブラウザーで、フォルダーを選択して「プロパティ」を選択します。
- 設定プロパティダイアログで、「クラウド設定」を有効にします。
- 「保存して閉じる」を選択して設定内容を保存し、ダイアログを閉じます。
-
-
-
Cloud Service を設定:
- AEM オーサーインスタンスで、 /クラウドサービス に移動し、「reCAPTCHA」を選択します。
- 前の節で作成または更新した設定コンテナを選択します。「作成」を選択します。
- reCAPTCHA サービス用(手順 1 で取得)に タイトル、名前、サイトキー および 秘密鍵 を指定します。「作成」を選択します。
reCAPTCHA サービスを設定すると、アダプティブフォームで使用できるようになります。詳しくは、アダプティブフォームでの Google reCAPTCHA の使用を参照してください。
アダプティブフォームで Google reCAPTCHA を使用 using-reCAPTCHA
アダプティブフォームで reCAPTCHA を使用するには:
-
AEM Forms as a Cloud Service インスタンスを開きます。
-
Forms/フォームとドキュメント に移動します。
-
アダプティブフォームを選択し、「プロパティ」を選択します。「設定コンテナ」オプションで AEM Forms を Google の reCAPTCHA サービスに接続するクラウド設定を含む設定コンテナを選択し、「保存して閉じる」を選択します。
このような設定コンテナがない場合は、Googleによる reCAPTCHA サービスを使用した AEM Forms 環境の接続の節を参照して、設定コンテナを作成する方法を確認してください。
-
アダプティブフォームを選択し、「編集」を選択します。アダプティブフォームエディターでアダプティブフォームが開きます。
-
コンポーネントブラウザーから アダプティブフォーム reCAPTCHA コンポーネントをアダプティブフォームにドラッグ&ドロップします。
Google reCAPTCHA 検証は時間的制約があり、数分で期限切れになります。そのため、アダプティブフォーム reCAPTCHA コンポーネントを 送信 ボタンのすぐ前に配置することをお勧めします。
-
アダプティブフォーム reCAPTCHA コンポーネントを選択し、プロパティ アイコンを選択します。プロパティダイアログが開きます。次の必須プロパティを指定します。
- 名前: フォームコンポーネントは、フォーム内とルールエディター内の両方で一意の名前で簡単に識別できますが、名前にスペースや特殊文字を含めることはできません。
- Captcha 設定: フォームの Google reCAPTCHA ダイアログを表示するように設定されたクラウド設定を選択します。同様の目的で、環境内に複数のクラウド設定を作成することができます。そのため、サービスは慎重に選択してください。サービスが表示されない場合は、Googleによる reCAPTCHA サービスを使用した AEM Forms 環境の接続で、AEM Forms 環境と Google の reCAPTCHA サービスを接続する Cloud Service を作成する方法を参照してください。
- Captcha サイズ:「Google reCAPTCHA チャレンジ」ダイアログの表示サイズを選択できます。「コンパクト」オプションを選択すると小さいサイズ、「標準」オプションを選択すると比較的大きなサイズの Google reCAPTCHA チャレンジダイアログを表示できます。
-
「完了」を選択します。
reCAPTCHA で保護された がアダプティブフォームに表示されます。Google reCAPTCHA サービスを使用するように設定されているすべてのアダプティブフォームに表示されます。
現在、フォームの入力者は Google reCAPTCHA サービスによって提供される課題を正常にクリアした正規のフォームのみを送信できます。
よくある質問
Q:アダプティブフォーム内で複数の Captcha コンポーネントを使用できますか。
A: アダプティブフォームでは、複数の Captcha コンポーネントを使用することはできません。また、遅延読み込みのマークが付けられたフラグメントやパネルで Captcha コンポーネントを使用することはお勧めしません。
関連トピック see-also
- AEM アダプティブフォームの作成
- AEM Sites ページへ AEM アダプティブフォームを追加
- AEM アダプティブフォームへテーマを適用
- AEM アダプティブフォームへコンポーネントを追加
- AEM アダプティブフォームでの Captcha の使用
- AEM アダプティブフォームの PDF バージョン(DoR)を生成
- AEM アダプティブフォームを翻訳
- フォームの使用状況を追跡するアダプティブフォームの Adobe Analytics を有効にする
- Microsoft SharePoint へアダプティブフォームを接続
- Microsoft Power Automate へアダプティブフォームを接続
- Microsoft OneDrive へアダプティブフォームを接続
- Microsoft Azure Blob Storage へアダプティブフォームを接続
- Salesforce へアダプティブフォームを接続
- AEM アダプティブフォームで Adobe Sign を使用
- アダプティブフォームの新しいロケールを追加
- データベースへアダプティブフォームデータを送信
- REST エンドポイントへアダプティブフォームデータを送信
- AEM ワークフローへアダプティブフォームデータを送信
- フォームポータルを使用して AEM web サイト上の AEM アダプティブフォームを一覧表示
- アダプティブフォームへのバージョン管理、コメント、注釈の追加
- アダプティブフォームの比較