Hinzufügen von Google reCAPTCHA zu Formularen im universellen Editor
Google reCAPTCHA hilft beim Schutz von Formularen, indem es zwischen menschlichen Benutzenden und automatisierten Bots unterscheidet. In diesem Handbuch wird erläutert, wie Sie im universellen Editor sowohl Enterprise- als auch Standard-Versionen von reCAPTCHA implementieren können.
Ziele:
- Auswählen der passenden reCAPTCHA-Lösung
- Konfigurieren von reCAPTCHA Enterprise oder Standard
- Hinzufügen von reCAPTCHA zu Ihren Formularen
- Validieren und Testen der Implementierung
- Überwachen und Optimieren der Leistung
Voraussetzungen
Bevor Sie beginnen, sollten Sie folgende Anforderungen erfüllen:
Zugriffsanforderungen
- Authoring-Zugriff auf AEM as a Cloud Service
- Zugriff auf den universellen Editor mit Berechtigungen zur Formularbearbeitung
Technische Anforderungen
- Aktives Google-Konto
- Bei Enterprise: Google Cloud Platform-Projekt mit aktivierter Abrechnung
- Bei Standard: Google reCAPTCHA-Konto
- Inhaberschaft der Domain für Ihre Formulare verifiziert
Erforderliche Kenntnisse
- Grundlegendes Verständnis von AEM Forms und dem universellen Editor
- Vertrautheit mit Cloud-Service-Konfigurationen
- Verständnis der Konzepte zur Formularsicherheit
Was für reCAPTCHA in Formularen spricht
Schlüsselkonzept: reCAPTCHA nutzt maschinelles Lernen, um das Benutzerverhalten zu analysieren, und weist einen Wert (von 0,0 bis 1,0) zu, um die Wahrscheinlichkeit einer menschlichen Interaktion anzugeben. Höhere Werte stehen für menschliche Benutzende, niedrigere Werte deuten auf Bots hin.
Beispiel Ein Steuerberechnungsformular, das sensible Daten verarbeitet, muss vor automatischen Angriffen geschützt werden. reCAPTCHA prüft, ob die Übermittlungen von echten Benutzenden und nicht von Bots stammen.
Wählen Ihrer reCAPTCHA-Lösung
Edge Delivery Services-Formulare unterstützen zwei Google reCAPTCHA-Optionen. Verwenden Sie die folgenden Kriterien, um die richtige Lösung auszuwählen:
Leitfaden für schnelle Entscheidungen
Verwenden Sie reCAPTCHA Enterprise, wenn Sie Folgendes haben:
- Formulare mit hohem Traffic (>10.000 Anfragen/Monat)
- Hohe Compliance-Anforderungen (DSGVO, SOX, HIPAA)
- Bedarf an erweiterten Analysen und Berichten
- Budget für Premium-Sicherheitsfunktionen
- Komplexe Multi-Domain-Bereitstellungen
Verwenden Sie reCAPTCHA Standard, wenn Sie Folgendes haben:
- Geringer bis moderater Traffic (< 10.000 Anfragen/Monat)
- Grundlegende Sicherheitsanforderungen
- Eingeschränktes Budget (kostenlose Version)
- Einfache Einrichtung einer Domain
- Neuling bei reCAPTCHA
Detailvergleich
Beide Lösungen bieten:
- Score-basierte Erkennung (Skala 0,0 bis 1,0)
- Unsichtbare Bedienung (keine Benutzerinteraktion erforderlich)
- Erkennung von Bots durch maschinelles Lernen
- Echtzeit-Risikobewertung
Einrichten von reCAPTCHA Enterprise
Voraussetzungen:
- Google Cloud-Projekt mit aktivierter Abrechnung
- Projekt-ID (aus dem GCP-Dashboard)
- Domain-Überprüfung für Ihre Formulare
- Administratorzugriff auf GCP und AEM
Setup:
-
Erstellen oder wählen Sie ein Google Cloud-Projekt aus.
- Navigieren Sie zur Google Cloud Console.
- Erstellen Sie ein neues Projekt oder öffnen Sie ein vorhandenes.
- Notieren Sie sich Ihre Projekt-ID.
-
Aktivieren Sie die reCAPTCHA Enterprise-API.
- Navigieren Sie zu „APIs und Services > Bibliothek“.
- Suchen Sie nach „reCAPTCHA Enterprise-API“.
- Klicken Sie auf „Aktivieren“.
-
Erstellen Sie Anmeldedaten für die API.
- Navigieren Sie zu „APIs und Services > Anmeldedaten“.
- Klicken Sie auf „Anmeldedaten erstellen > API-Schlüssel“.
- Kopieren und speichern Sie Ihren API-Schlüssel.
-
Erstellen Sie einen Site-Schlüssel.
- Gehen Sie zu „Sicherheit > reCAPTCHA Enterprise“.
- Klicken Sie auf „Schlüssel erstellen“.
- Wählen Sie je nach Punktzahl einen passenden Schlüsseltyp aus.
- Fügen Sie Ihre Domains hinzu.
- Legen Sie den Schwellenwert fest (empfohlen: 0,5).
Validierungs-Checkpoint: Stellen Sie sicher, dass Sie über Folgendes verfügen:
- Projekt-ID
- API-Schlüssel
- Site-Schlüssel
- Verifizierte Domain in Google Cloud
Abbildung: Aktivieren von Cloud-Konfigurationen für Ihren Formular-Container
Setup:
-
Zugriff auf den Konfigurations-Browser
- Melden Sie sich bei Ihrer AEM-Autoreninstanz an.
- Wählen Sie „Tools > Allgemein > Konfigurations-Browser“.
-
Aktivieren Sie „Cloud-Konfigurationen“.
- Suchen Sie den Konfigurations-Container Ihres Formulars.
- Wählen Sie „Eigenschaften“ aus.
- Überprüfen Sie „Cloud-Konfigurationen“.
- Klicken Sie auf „Speichern und schließen“.
-
Überprüfen der Konfiguration
- Prüfen Sie, ob „Cloud-Konfigurationen“ in den Container-Eigenschaften angezeigt wird.
Validierungs-Checkpoint:
- Cloud-Konfigurationen für Ihren Container aktiviert
- Container wird im Konfigurations-Browser angezeigt
- Eigenschaften zeigen „Cloud-Konfigurationen“ als aktiviert an
Abbildung: reCAPTCHA Enterprise-Konfigurationsoberfläche in AEM
Konfiguration:
-
Rufen Sie die reCAPTCHA-Konfiguration auf.
- Navigieren Sie zu „Tools > Cloud-Dienste > reCAPTCHA“.
- Wählen Sie den Konfigurations-Container Ihres Formulars.
- Klicken Sie auf „Erstellen“.
-
Konfigurieren Sie die Enterprise-Einstellungen.
- Titel: Beschreibender Name (z. B. „Production reCAPTCHA“)
- Name: Systemname (automatisch generiert oder benutzerdefiniert)
- Version: Wählen Sie reCAPTCHA Enterprise aus
- Projekt-ID: Geben Sie Ihre Google Cloud-Projekt-ID ein
- Site-Schlüssel: Geben Sie den Site-Schlüssel aus Google Cloud ein
- API-Schlüssel: Geben Sie Ihren Google Cloud-API-Schlüssel ein
- Schlüsseltyp: Wählen Sie „Punktzahlbasierter Site-Schlüssel“
-
Legen Sie den Sicherheitsschwellenwert fest
-
Schwellenwert: Festgelegt zwischen 0,0 und 1,0
-
Empfohlene Werte:
- 0,7 bis 0,9: Hohe Sicherheit (kann manche legitime Benutzende blockieren)
- 0,5 bis 0,7: Ausgewogene Sicherheit (empfohlen)
- 0,1 bis 0,5: Geringere Sicherheit (lässt mehr Benutzende zu)
-
-
Speichern und veröffentlichen
- Klicken Sie auf „Erstellen“, um die Konfiguration zu speichern.
- Klicken Sie auf „Veröffentlichen“, um sie verfügbar zu machen.
Validierungs-Checkpoint:
- Die Konfiguration wurde erfolgreich gespeichert
- Alle erforderlichen Felder ausgefüllt
- Konfiguration veröffentlicht und sichtbar
- Keine Fehlermeldungen
Einrichten von reCAPTCHA Standard
note important |
---|
IMPORTANT |
Edge Delivery Services-Formulare unterstützen nur reCAPTCHA v2 (punktzahlbasiert). Verwenden Sie nicht die Checkbox-Version. |
Schlüsselgenerierung:
-
Greifen Sie auf die Google reCAPTCHA Console zu.
- Wechseln Sie zu Google reCAPTCHA Admin Console.
- Melden Sie sich mit Ihrem Google-Konto an.
-
Erstellen Sie eine neue Site.
- Klicken Sie auf das '+'-Symbol, um eine neue Site hinzuzufügen.
- Titel: Geben Sie einen beschreibenden Namen ein.
- reCAPTCHA-Typ: Wählen Sie reCAPTCHA v2 > „Ich bin kein Roboter“ Unsichtbar.
- Domains: Fügen Sie die Domains Ihres Formulars hinzu.
- Akzeptieren Sie die Bedingungen und klicken Sie auf „Senden“.
-
Rufen Sie Ihre Schlüssel ab.
- Site-Schlüssel: Kopieren Sie den Site-Schlüssel (öffentlicher Schlüssel).
- Geheimer Schlüssel: Kopieren Sie den geheimen Schlüssel (privater Schlüssel).
Validierungs-Checkpoint:
-
In der reCAPTCHA-Konsole erstellte Site
-
Site-Schlüssel erhalten
-
Geheimer Schlüssel erhalten
-
Domains hinzugefügt und verifiziert
Folgen Sie dem gleichen Prozess wie bei der Einrichtung von Enterprise:
-
Aktivieren Sie im Konfigurations-Browser die Option „Cloud-Konfigurationen“.
-
Überprüfen Sie die Konfiguration des Containers.
-
Bestätigen Sie, dass die Einstellungen gespeichert wurden.
Abbildung: reCAPTCHA Standard-Konfigurationsoberfläche in AEM
Konfiguration:
-
Rufen Sie die reCAPTCHA-Konfiguration auf.
- Navigieren Sie zu „Tools > Cloud-Dienste > reCAPTCHA“.
- Wählen Sie den Konfigurations-Container Ihres Formulars.
- Klicken Sie auf „Erstellen“.
-
Konfigurieren Sie die Standard-Einstellungen.
- Titel: Beschreibender Name (z. B. „Standard reCAPTCHA“)
- Name: Systemname (automatisch generiert oder benutzerdefiniert)
- Version: Wählen Sie reCAPTCHA v2
- Site-Schlüssel: Geben Sie Ihren Google reCAPTCHA-Site-Schlüssel ein
- Geheimschlüssel: Geben Sie Ihren Google reCAPTCHA-Geheimschlüssel ein
-
Speichern und veröffentlichen
- Klicken Sie auf „Erstellen“, um die Konfiguration zu speichern.
- Klicken Sie auf „Veröffentlichen“, um sie verfügbar zu machen.
Validierungs-Checkpoint:
-
Konfiguration ohne Fehler erstellt
-
Beide Schlüssel wurden korrekt eingegeben
-
Konfiguration erfolgreich veröffentlicht
-
Konfiguration wird in der Liste angezeigt
Hinzufügen von reCAPTCHA zu einem Formular
Fügen Sie nach dem Konfigurieren des reCAPTCHA-Dienstes den folgenden Schutz für Ihr Formular hinzu:
Abbildung: Hinzufügen der unsichtbaren CAPTCHA-Komponente zu einem Formular
Wechseln Sie zu Ihrem Formular in AEM Sites und klicken Sie auf Bearbeiten , um es im universellen Editor zu öffnen. Warten Sie, bis der Editor geladen wurde.
- Wechseln Sie zu Ihrem Formular in AEM Sites.
- Klicken Sie auf „Bearbeiten“, um es im universellen Editor zu öffnen.
- Warten Sie, bis der Editor geladen wurde
Suchen Sie in der Inhaltsstruktur (linker Bereich) den Abschnitt für Ihr adaptives Formular und erweitern Sie die Formularstruktur, um Einfügepunkte anzuzeigen.
- Suchen Sie in der Inhaltsstruktur (linker Bereich) den Abschnitt Ihres adaptiven Formulars.
- Erweitern Sie die Formularstruktur, um Einfügepunkte anzuzeigen.
Fügen Sie die CAPTCHA-Komponente (unsichtbar) zu Ihrem Formular hinzu.
- Klicken Sie auf das Symbol „Hinzufügen“ (+) im Formularabschnitt.
- Wählen Sie aus der Komponentenliste „Captcha (Unsichtbar)“ aus.
- Alternativ können Sie die Komponente auch aus dem Bedienfeld „Komponenten“ ziehen.
Wählen Sie die neu hinzugefügte CAPTCHA-Komponente aus und überprüfen Sie, ob sie Ihre reCAPTCHA-Konfiguration verwendet.
- Wählen Sie die neu hinzugefügte CAPTCHA-Komponente aus.
- Überprüfen Sie im Bedienfeld „Eigenschaften“, ob Ihre reCAPTCHA-Konfiguration verwendet wird.
- Für die grundlegende Einrichtung ist keine zusätzliche Konfiguration erforderlich.
Veröffentlichen Sie Ihre Änderungen und stellen Sie sicher, dass keine Fehler vorliegen.
- Klicken Sie im universellen Editor auf „Veröffentlichen“.
- Warten Sie auf eine Bestätigung.
- Überprüfen Sie, ob Fehler angezeigt werden.
Überprüfen Sie die Implementierung.
Ihr geschütztes Formular ist jetzt verfügbar unter:
https://<branch>--<repo>--<owner>.aem.live/content/forms/af/
<form-name>
Beispiel-URL:
https://main--my-forms--company.aem.live/content/forms/af/
contact-us-form