Verwenden von reCAPTCHA in adaptiven Formularen using-reCAPTCHA-in-adaptive-forms

Erstellen oder wählen Sie ein Google Cloud-Projekt und aktivieren Sie reCAPTCHA Enterprise API.

Beziehen Sie die Projekt-ID und erstellen Sie einen API-Schlüssel und einen Site-Schlüssel für Websites.

Erstellen Sie einen Konfigurations-Container für Cloud Services.

1. Wählen Sie Tools > Allgemein > Konfigurationsbrowser.

2. Wählen Sie einen Ordner aus oder erstellen Sie einen Ordner und aktivieren Sie ihn für Cloud-Konfigurationen, indem Sie folgende Schritte ausführen:

   1. Wählen Sie im Konfigurations-Browser den Ordner aus und wählen Sie dann Eigenschaften.
   2. Aktivieren Sie im Dialogfeld „Konfigurationseigenschaften“ die Option Cloud-Konfigurationen.
   3. Wählen Sie Speichern und schließen aus, um die Konfiguration zu speichern und das Dialogfeld zu schließen.

Konfigurieren Sie den Cloud Service für reCAPTCHA Enterprise.

1. Gehen Sie in der Experience Manager-Autoreninstanz zu > Cloud Services.
2. Wählen Sie reCAPTCHA aus. Die Konfigurationsseite öffnet sich. Wählen Sie den erstellten Konfigurations-Container aus und wählen Sie dann Erstellen.
3. Wählen Sie die Version als reCAPTCHA Enterprise und geben Sie den Namen, die Projekt-ID, den Site-Schlüssel und den API-Schlüssel (erhalten in Schritt 2) für den reCAPTCHA-Enterprise-Dienst an.
4. Wählen Sie den Schlüsseltyp aus. Der Schlüsseltyp sollte mit dem im Google Cloud-Projekt konfigurierten Site-Schlüssel übereinstimmen, z. B. Checkbox-Site-Schlüssel oder Bewertungsbasierter Site-Schlüssel.
5. Geben Sie einen Schwellenwert im Bereich von 0 bis 1 an. Werte, die größer oder gleich den Schwellenwerten sind, kennzeichnen menschliche Interaktionen, ansonsten wird von einer Bot-Interaktion ausgegangen.
6. Wählen Sie Erstellen aus, um die Cloud-Service-Konfiguration zu erstellen.

Rufen Sie ein reCAPTCHA-API-Schlüsselpaar von Google ab. Er enthält einen Site-Schlüssel und einen geheimen Schlüssel.

Erstellen Sie einen Konfigurations-Container für Cloud-Dienste.

1. Wählen Sie Tools > Allgemein > Konfigurationsbrowser.

2. Wählen Sie einen Ordner aus oder erstellen Sie einen Ordner und aktivieren Sie ihn für Cloud-Konfigurationen, indem Sie folgende Schritte ausführen:

   1. Wählen Sie im Konfigurations-Browser den Ordner aus und wählen Sie dann Eigenschaften.
   2. Aktivieren Sie im Dialogfeld „Konfigurationseigenschaften“ die Option Cloud-Konfigurationen.
   3. Wählen Sie Speichern und schließen aus, um die Konfiguration zu speichern und das Dialogfeld zu schließen.

Konfigurieren Sie den Cloud Service für reCAPTCHA v2.

1. Navigieren Sie in der AEM-Autoreninstanz zu > Cloud-Services.
2. Wählen Sie reCAPTCHA aus. Die Konfigurationsseite öffnet sich. Wählen Sie den erstellten Konfigurations-Container aus und wählen Sie dann Erstellen.
3. Wählen Sie die Version als reCAPTCHA v2 aus, geben Sie den Namen, den Site-Schlüssel und den geheimen Schlüssel für den reCAPTCHA-Service an (den Sie in Schritt 1 erhalten haben) und wählen Sie dann Erstellen, um die Cloud-Service-Konfiguration zu erstellen.
4. Geben Sie im Dialogfeld „Komponente bearbeiten“ die Site- und Geheimschlüssel an, die Sie in Schritt 1 erhalten haben. Wählen Sie Einstellungen speichern und dann OK aus, um die Konfiguration abzuschließen.

Sobald der reCAPTCHA-Service konfiguriert ist, kann er in adaptiven Formularen verwendet werden. Weitere Informationen finden Sie unter Verwenden von CAPTCHA in adaptiven Formularen.

Öffnen Sie ein adaptives Formular im Bearbeitungsmodus.

Ziehen Sie die CAPTCHA-Komponente im Komponenten-Browser in das adaptive Formular und legen Sie sie dort ab.

Wählen Sie die hinzugefügte Captcha-Komponente und dann aus, um die zugehörigen Eigenschaften zu bearbeiten.

Geben Sie einen Titel für das CAPTCHA-Widget an. Der Standardwert ist CAPTCHA. Wählen Sie Titel ausblenden, wenn der Titel nicht angezeigt werden soll.

Wählen Sie aus der Dropdown-Liste Captcha-Service die Option reCAPTCHA, um den reCAPTCHA-Service zu aktivieren, wenn Sie ihn wie unter reCAPTCHA-Service von Google beschrieben konfiguriert haben.

Wählen Sie eine Konfiguration aus der Dropdown-Liste „Einstellungen“ für reCAPTCHA Enterprise oder reCAPTCHA v2

1. Wenn Sie die Version reCAPTCHA Enterprise auswählen, kann der Schlüsseltyp Kontrollkästchen oder punktebasiert sein. Er basiert auf Ihrer Auswahl bei der Konfiguration des Site-Schlüssels für Websites:

1. Sie können zwischen den Größen Normal und Kompakt wählen.
2. Sie können einen Bindungsverweis auswählen. Bei Bindungsverweisen handelt es sich bei den übermittelten Daten um gebundene Daten, ansonsten um ungebundene Daten. Im Folgenden finden Sie XML-Beispiele für ungebundene Daten und gebundene Daten (mit Bindungsverweis als SSN), wenn ein Formular gesendet wird.

        <?xml version="1.0" encoding="UTF-8" standalone="no"?>
        <afData>
        <afUnboundData>
            <data>
                <captcha16820607953761>
                    <captchaType>reCaptchaEnterprise</captchaType>
                    <captchaScore>0.9</captchaScore>
                </captcha16820607953761>
            </data>
        </afUnboundData>
        <afBoundData>
            <Root
                xmlns:xfa="http://www.xfa.org/schema/xfa-data/1.0/"
                xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
                <PersonalDetails>
                    <SSN>371237912</SSN>
                    <FirstName>Sarah </FirstName>
                    <LastName>Smith</LastName>
                </PersonalDetails>
                <OtherInfo>
                    <City>California</City>
                    <Address>54 Residency</Address>
                    <State>USA</State>
                    <Zip>123112</Zip>
                </OtherInfo>
            </Root>
        </afBoundData>
        <afSubmissionInfo>
            <stateOverrides/>
            <signers/>
            <afPath>/content/dam/formsanddocuments/captcha-form</afPath>
            <afSubmissionTime>20230608034928</afSubmissionTime>
        </afSubmissionInfo>
        </afData>

        <?xml version="1.0" encoding="UTF-8" standalone="no"?>
        <afData>
        <afUnboundData>
            <data/>
        </afUnboundData>
        <afBoundData>
            <Root
                xmlns:xfa="http://www.xfa.org/schema/xfa-data/1.0/"
                xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
                <PersonalDetails>
                    <SSN>
                        <captchaType>reCaptchaEnterprise</captchaType>
                        <captchaScore>0.9</captchaScore>
                    </SSN>
                    <FirstName>Sarah</FirstName>
                    <LastName>Smith</LastName>
                </PersonalDetails>
                <OtherInfo>
                    <City>California</City>
                    <Address>54 Residency</Address>
                    <State>USA</State>
                    <Zip>123112</Zip>
                </OtherInfo>
            </Root>
        </afBoundData>
        <afSubmissionInfo>
            <stateOverrides/>
            <signers/>
            <afPath>/content/dam/formsanddocuments/captcha-form</afPath>
            <afSubmissionTime>20230608035111</afSubmissionTime>
        </afSubmissionInfo>
        </afData>

Wenn Sie die Version reCAPTCHA v2 wählen:

1. Sie können die Größe als Normal oder Kompakt für das reCAPTCHA-Widget auswählen.
2. Sie können die Option Unsichtbar wählen, um die CAPTCHA-Abfrage nur im Falle einer verdächtigen Aktivität anzuzeigen.

Der reCAPTCHA-Dienst wird im adaptiven Formular aktiviert. Sie können das Formular in der Vorschau anzeigen und die CAPTCHA-Funktionsweise sehen. Das unten abgebildete Abzeichen mit reCAPTCHA geschützt wird auf den geschützten Formularen angezeigt.

Speichern Sie die Eigenschaften.