アダプティブフォーム reCAPTCHA google-recaptcha

CAPTCHA(コンピュータと人間を区別する完全に自動化された公開チューリングテスト)は、人間と自動化されたプログラム/ボットを区別するために、オンライントランザクションで一般的に使用されるプログラムです。テストを行ってユーザーの反応を評価し、サイトを使用しているのが人間かボットかを判断します。テストが失敗した場合の続行を防ぎ、ボットによるスパムの投稿や悪意のある目的を防止することで、オンライントランザクションの安全性を高めます。

AEM Forms as a Cloud Service は、アダプティブフォームで Google reCAPTCHA v2 をサポートします。これを使用して、フォームの送信時に CAPTCHA の課題を提示できます

使用方法 reasons-to-use-google-recaptcha

  • スパムとボットの防止:reCAPTCHA を使用する主な理由の 1 つは、スパムの送信や悪意のあるボットがフォームにフラッディングするのを防止するためです。reCAPTCHA の高度なアルゴリズムでは、フォームの送信の自動試行を検出し、正規のユーザーのみがフォームを操作できるようにします。

  • セキュリティの強化:reCAPTCHA を実装すると、アダプティブフォームに追加のセキュリティのレイヤーが追加されます。これにより、機密情報が保護され、悪意のあるユーザーによる脆弱性の悪用を防止できます。

  • ユーザーエクスペリエンス:CAPTCHA は不便だと見なされることもありますが、reCAPTCHA の適応型アプローチにより、ほとんどのユーザーには最小限の操作で済む、合理化されたわかりやすいエクスペリエンスが提供されます。これにより、ボットを抑止しながら、肯定的なユーザーエクスペリエンスを保持できます。

  • 適応性:reCAPTCHA のアダプティブメカニズムは、ユーザーの行動とインタラクションを分析し、ユーザーが人間であるかどうかを判断します。つまり、ボットである可能性によって、ユーザーに提示される課題のレベルは異なります。この適応性により、強力なセキュリティを保持しながら、ユーザー自身の負担が軽減されます。

  • 手動モデレートの削減:reCAPTCHA では、スパム送信とボット生成コンテンツの数を大幅に削減することで、手動でのモデレートやクリーンアップに費やされる時間とリソースを節約できます。

バージョンと互換性 version-and-compatibility

アダプティブフォームの Google reCAPTCHA コアコンポーネントは、コアコンポーネントの「バージョン」の一部として 2023年8月にリリースされました。次の表に、サポートされているすべてのバージョン、AEM の互換性、対応するドキュメントへのリンクを示します。

コンポーネントのバージョン
AEM as a Cloud Service
v1
リリース 2.0.4 以降と互換性あり

コアコンポーネントのバージョンとリリースについて詳しくは、コアコンポーネントのバージョンドキュメントをご覧ください。

技術的詳細 technical-details

アダプティブフォームの Google reCAPTCHA コアコンポーネントに関する最新情報については、GitHub のテクニカルドキュメントをご覧ください。コアコンポーネントの開発について詳しくは、コアコンポーネント開発者向けドキュメントをご覧ください。

設定ダイアログ configure-dialog

設定ダイアログを使用すると、訪問者の Google reCAPTCHA エクスペリエンスを簡単にカスタマイズできます。 また、簡単に Google reCAPTCHA オプションを定義して、シームレスなユーザーエクスペリエンスを実現することもできます。

「基本」タブ basic-tab

「基本」タブ

  • 名前 - フォームコンポーネントは、フォーム内とルールエディター内の両方で一意の名前で簡単に識別できますが、名前にスペースや特殊文字を含めることはできません。

  • タイトル - タイトルを使用すると、フォーム内のコンポーネントを簡単に識別できます。デフォルトでは、コンポーネントの上にタイトルが表示されます。 タイトルを追加しない場合、コンポーネントの名前がタイトルテキストの代わりに表示されます。

  • タイトルのリッチテキストを許可 - この機能により、ユーザーは、太字、斜体、下線付きのテキスト、様々なフォント、フォントサイズ、カラー、追加オプションなどの機能を組み込んで、プレーンテキストのタイトルを書式設定でき、視覚的なプレゼンテーションとカスタマイズが強化されます。 これにより、ドキュメント、web サイト、アプリケーション内でタイトルを目立たせる際の柔軟性とクリエイティブなコントロールが向上します。
    タイトルのリッチテキストを許可チェックボックスをオンにすると、コンポーネントのタイトルをスタイル設定するための書式設定オプションが表示されます。使用可能なすべての書式設定オプションにアクセスするには、 全画面表示アイコン タブをクリックします。

    リッチテキストのサポート

  • タイトルを非表示 - コンポーネントのタイトルを非表示にするには、このオプションを選択します。

  • 非連結フォーム要素としてマーク:どのスキーマにもリンクされていないフォームフィールドを設定する場合は、このオプションを選択します。 このオプションを使用すると、データソースを更新せずにデータを保存できます。 また、標準のデータベース統合とは別に、カスタム方法でデータを処理できます。

  • 設定:AEM Forms を Google の reCAPTCHA サービスに接続するクラウド設定を含む設定コンテナを選択します。

    note note
    NOTE
    環境に合わせて Google reCAPTCHA を作成および設定する方法については、コアコンポーネントに基づく AEM アダプティブフォームでの Google reCAPTCHA の使用の記事を参照してください。
  • タイプ:rreCAPTCHA のサイズを選択するには、このオプションを選択します。

    • 標準:reCAPTCHA ウィジェットの標準の大きいバージョンを参照します。特に画面が大きいデバイスでは、可視性が高く、ユーザーが操作しやすくなります。
    • コンパクト:reCAPTCHA ウィジェットの小型バージョンを参照します。このオプションは、モバイルデバイスや web ページの狭いレイアウトなど、スペースが限られている状況に適しています。
  • コンポーネントを非表示 - フォームでコンポーネントを非表示にするには、このオプションを選択します。 このコンポーネントは、他の目的(ルールエディターでの計算に使用するなど)にも利用できます。 これは、ユーザーが表示する必要のない情報や直接変更した情報を保存する必要がある場合に役立ちます。

  • コンポーネントの無効化 - コンポーネントを無効にする場合は、このオプションを選択します。 エンドユーザーは、無効になっているコンポーネントをアクティブにしたり、編集したりすることはできません。 無効なコンポーネントのデータは送信されません。ユーザーはフィールドの値を表示できますが、変更することはできません。このコンポーネントは、他の目的(ルールエディターでの計算に使用するなど)にも利用できます。

  • 読み取り専用 - コンポーネントを編集不可にするには、このオプションを選択します。 ユーザーはフィールドの値を表示できますが、変更することはできません。 このコンポーネントは、他の目的(ルールエディターでの計算に使用するなど)にも利用できます。

「検証」タブ validation-tab

「検証」タブ

  • エラーメッセージ - このオプションを使用すると、「必須」チェックボックスがオンで、かつフォームフィールドが空白の場合に表示されるメッセージを入力できます。

  • スクリプト検証メッセージ - スクリプトの検証が失敗した場合に表示するメッセージを入力できます。

デザインダイアログ design-dialog

デザインダイアログでは、reCAPTCHA コンポーネントの CSS スタイルを定義および管理できます。

「スタイル」タブ styles-design-tab

アダプティブフォームの reCAPTCHA コアコンポーネントは、AEM のスタイルシステムをサポートしています。

デザインダイアログ

  • デフォルトの CSS クラス:アダプティブフォームの reCAPTCHA コアコンポーネントのデフォルト CSS クラスを指定できます。

  • 許可されたスタイル:スタイルを表す名前と CSS クラスを指定してスタイルを定義します。 例えば、「bold text」という名前のスタイルを作成し、CSS クラス「font-weight: bold」を指定できます。 アダプティブフォームエディターでアダプティブフォームにこれらのスタイルを使用または適用できます。 スタイルを適用するには、アダプティブフォームエディターでスタイルを適用するコンポーネントを選択し、「プロパティ」ダイアログに移動して「スタイル」ドロップダウンリストから希望のスタイルを選択します。 スタイルを更新または変更する必要がある場合は、デザインダイアログに戻り、「スタイル」タブでスタイルを更新して変更を保存します。

カスタムプロパティ

カスタムプロパティダイアログ

カスタムプロパティを使用すると、フォームテンプレートを使用してカスタム属性(キーと値のペア)をアダプティブフォームのコアコンポーネントに関連付けることができます。 カスタムプロパティは、コンポーネントのヘッドレスレンディションのプロパティセクションに反映されます。 これにより、カスタム属性値に基づいて適応する動的なフォーム動作を作成できます。 例えば、開発者は、モバイル、デスクトップ、web プラットフォーム上にヘッドレスフォームコンポーネントの様々なレンディションをデザインできるので、幅広いデバイスでのユーザーエクスペリエンスが大幅に向上します。

  • グループ名:カスタムプロパティグループを識別する名前を指定できます。 複数のカスタムプロパティグループを追加、削除または並べ替えることができます。 カスタムプロパティグループを追加すると、次のオプションが表示されます。

    • キーと値のペア:各カスタムプロパティグループの「追加」ボタンをクリックすると、複数のカスタムプロパティ名とカスタムプロパティ値を追加できます。

    • 削除:タップまたはクリックすると、カスタムプロパティ名とカスタムプロパティ値を削除できます。

    • 並べ替え:タップまたはクリックしてドラッグすると、カスタムプロパティ名とカスタムプロパティ値の順序を並べ替えることができます。

関連記事 related-articles

関連トピック see-also

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c