アダプティブフォームの CAPTCHA の使用

注意

AEM 6.4 の拡張サポートは終了し、このドキュメントは更新されなくなりました。 詳細は、 技術サポート期間. サポートされているバージョンを見つける ここ.

CAPTCHA（Computers and Humans Apart を伝える完全自動公開チューリングテスト）は、人と自動化されたプログラムまたはボットを区別するためにオンライントランザクションで一般的に使用されるプログラムです。 テストを行ってユーザーの反応を評価し、サイトを使用しているのが人間かボットかを判断します。テストが失敗した場合の続行を防ぎ、ボットがスパムや悪意のある目的を掲示するのを防ぎ、オンライントランザクションのセキュリティを確保します。

AEM Formsは、アダプティブフォームで CAPTCHA をサポートしています。 Google が提供する reCAPTCHA サービスを使用して、CAPTCHA を実装できます。

メモ

AEM Formsは reCaptcha v2 のみをサポートします。 その他のバージョンはサポートされません。

アダプティブフォームの CAPTCHA は、AEM Formsアプリのオフラインモードではサポートされていません。

Google が提供する reCAPTCHA サービスの設定

フォーム作成者は、Googleの reCAPTCHA サービスを使用して、アダプティブフォームに CAPTCHA を実装できます。 サイトを保護する高度な CAPTCHA 機能を提供します。 reCAPTCHA の仕組みについて詳しくは、 Google reCAPTCHA.

recaptcha

AEM Forms で reCAPTCHAを実装するには、以下の手順を実行します。

  1. 取得 reCAPTCHA API キーペア Googleから サイトキーと秘密鍵が含まれます。

  2. クラウドサービスの設定コンテナを作成します。

    1. ツール／一般／設定ブラウザー​に移動します。

    2. 以下の手順を実行して、global フォルダーをクラウド設定用に有効にします。クラウドサービス設定用に別のフォルダーを作成する場合は、この手順をスキップしてください。

      1. 設定ブラウザーで、global フォルダーを選択して「プロパティ」をタップします。
      2. 設定プロパティダイアログで、「クラウド設定」を有効にします。
      3. 「保存して閉じる」をタップして設定内容を保存し、ダイアログを閉じます。

    3. 設定ブラウザーで「作成」をタップします。

    4. 設定を作成ダイアログでフォルダーのタイトルを指定し、「クラウド設定」を有効にします。

    5. 「作成」をタップします。これで、クラウドサービス設定が有効になったフォルダーが作成されました。

  3. reCAPTCHA のクラウドサービスを設定します。

    1. AEMオーサーインスタンスで、に移動します。 ツール > Cloud Services.
    2. タップ reCAPTCHA. 設定ページが開きます。 前の手順で作成した設定コンテナを選択し、をタップします。 作成.
    3. reCAPTCHA サービスの名前、サイトキー、秘密鍵を指定し、「作成」をタップして、クラウドサービスの設定を作成します。
    4. コンポーネントを編集ダイアログで、サイトおよび手順 1 で取得した秘密鍵を指定します。「設定を保存」をタップしてから、「OK」をタップして設定を完了します。

    reCAPTCHA サービスを設定すると、アダプティブフォームで使用できるようになります。 詳しくは、 アダプティブフォームでの CAPTCHA の使用.

アダプティブフォームでの CAPTCHA の使用

アダプティブフォームで CAPTCHA を使用するには：

  1. アダプティブフォームを編集モードで開きます。

    メモ

    アダプティブフォームの作成時に選択した設定コンテナに reCAPTCHA クラウドサービスが含まれていることを確認します。 アダプティブフォームのプロパティを編集して、フォームに関連付けられた設定コンテナを変更することもできます。

  2. コンポーネントブラウザーから、 Captcha コンポーネントをアダプティブフォームに追加します。

    メモ

    アダプティブフォーム内での複数の Captcha コンポーネントの使用はサポートされていません。 また、遅延読み込み用とマークされたパネルやフラグメントでは、CAPTCHA を使用しないことをお勧めします。

    メモ

    Captcha は時間に依存し、約 1 分で有効期限が切れます。 したがって、Captcha コンポーネントは、アダプティブフォーム内の「送信」ボタンの直前に配置することをお勧めします。

  3. 追加した Captcha コンポーネントを選択して、cmppr をタップし、プロパティを編集します。

  4. CAPTCHA ウィジェットのタイトルを指定します。デフォルト値は Captcha です。タイトルを表示しない場合は、「タイトルを非表示にする」を選択します。

  5. Captcha サービス​ドロップダウンで「reCaptcha」を選択して、reCAPTCHA サービスを有効にします（「Google による reCAPTCHA サービス」に記載されている手順に従って reCAPTCHA サービスが設定されている場合）。設定ドロップダウンから設定を選択します。また、サイズとして「 」を選択します。 標準 または コンパクト reCAPTCHA ウィジェット用。

    メモ

    デフォルトの AEM CAPTCHA サービスは非推奨なので、Captcha サービスドロップダウンで「デフォルト」を選択しないでください。

  6. 各プロパティを保存します。

アダプティブフォームで reCAPTCHA サービスが有効になっている。 フォームをプレビューして、CAPTCHA が機能していることを確認できます。

このページ