Suche

Hinzufügen eines CAPTCHA zu einem in Brevo erstellten Anmeldeformular

Wir empfehlen dringend die Verwendung einer CAPTCHA-Bestätigung in Ihren Formularen zum Schutz vor Bot-Angriffen und Spam-Anmeldungen, die dazu führen können, dass Ihre Listen mit gefälschten Daten gefüllt werden. Wenn Sie Ihr Anmeldeformular in Brevo erstellen, können Sie zwischen Google reCAPTCHA oder Cloudflare Turnstile CAPTCHA wählen.

Gut zu wissen

  • Das Einfügen eines CAPTCHA in Ihr Anmeldeformular ist eine von mehreren Methoden und bewährten Praktiken, mit denen Sie Ihre Formulare vor Bots und Spam-Anmeldungen schützen können. Weitere Informationen zu den anderen Techniken finden Sie in unserem speziellen Artikel Ihre Formulare vor Bots und Spam-Anmeldungen schützen.
  • Mit dem Brevo-Plug-In für WordPress können Sie Anmeldeformulare zu Ihrer WordPress-Website hinzufügen. Weitere Informationen finden Sie in unserem speziellen Artikel Brevo-Plug-In für WordPress – Verbinden Ihrer WordPress-Website mit Brevo.
  • In diesem Artikel wird erläutert, wie Sie Ihrem Brevo-Anmeldeformular mithilfe von reCAPTCHA v2 oder v3 ein CAPTCHA hinzufügen können. Wenn Sie reCAPTCHA Enterprise einrichten möchten, überprüfen Sie bitte die Google Cloud-Dokumentation.

Was ist ein CAPTCHA?

Ein CAPTCHA ist eine Sicherheitsfunktion, um in Formularen zwischen menschlichen Benutzer:innen und Bots zu unterscheiden. In der Regel handelt es sich dabei um eine Aufgabe, die für Menschen leicht zu lösen ist, für Bots jedoch schwierig, wie z.B. das Erkennen von verzerrtem Text, die Auswahl bestimmter Bilder oder das Lösen einfacher mathematischer Probleme.

Hier sehen Sie ein Beispiel dafür, wie das Google reCAPTCHA (v2) mit dem Kontrollkästchen „Ich bin kein Roboter“ aussieht:

CAPTCHA-gif Beispiel

❗️ Wichtig
Wir empfehlen Ihnen, immer ein CAPTCHA in Ihre Formulare aufzunehmen, wie Google reCAPTCHA v3 oder Google reCAPTCHA v2 mit dem Kontrollkästchen „Ich bin kein Roboter.“

Was ist der Unterschied zwischen Google reCAPTCHA und Cloudflare Turnstile CAPTCHA?

Google reCAPTCHA und Cloudflare Turnstile CAPTCHA sind beides Tools, die Bots daran hindern sollen, Formulare abzusenden und mit Websites zu interagieren. Die folgende Tabelle enthält einen Vergleich der beiden Optionen, um Ihnen die Entscheidung zu erleichtern, welche Sie verwenden sollten:

  Google reCAPTCHA Cloudflare Turnstile CAPTCHA
Anbieter Google Cloudflare
Integration Weit verbreitet im Internet. Wird häufiger von Websites verwendet, die Cloudflare-Dienste für umfassendere Sicherheitsanforderungen nutzen.
Art der Verifizierung Der Benutzer muss mit einem Kontrollkästchen oder einer unsichtbaren Aufgabe interagieren, um zu bestätigen, dass er ein Mensch ist. Bietet anpassbare Herausforderungen auf der Grundlage des erkannten Bot-Verhaltens.
Benutzerfreundlichkeit Im Allgemeinen einfach zu implementieren mit unkomplizierten Anweisungen für die Einrichtung. Nahtlos integriert für Websites, die Cloudflare-Dienste nutzen.
Kosten Für die meisten Benutzer:innen kostenlos, aber Google kann Daten von Benutzer:innen sammeln, um seine Dienste zu verbessern. In den Service-Paketen von Cloudflare enthalten, deren Preise je nach Funktionen und Nutzung variieren.

Schritt 1: Erstellen Ihres CAPTCHA

Beginnen Sie mit der Erstellung Ihres bevorzugten CAPTCHA:

Google reCAPTCHA erstellen Cloudflare Turnstile CAPTCHA erstellen

So erstellen Sie ein Google reCAPTCHA:

  1. Loggen Sie sich in Ihr Google-Konto ein oder erstellen Sie ein neues Konto.
  2. Rufen Sie die reCAPTCHA-Verwaltungskonsole unter folgendem Link auf: https://www.google.com/recaptcha/admin/create.
  3. Geben Sie in das Feld Label einen internen Namen für Ihr reCAPTCHA ein.

  4. Wählen Sie den reCAPTCHA-Typ, den Sie verwenden möchten:

    reCAPTCHA-Typ Benutzer-Interaktion Vorteile Nachteile
    Score based (v3) Immer unsichtbar, arbeitet unauffällig und erkennt Bot-Verhalten ohne Unterbrechung durch die Benutzerin bzw. den Benutzer. Bietet mehr Sicherheit, ohne die Benutzerin bzw. den Benutzer zu beeinträchtigen. Erfordert eine sorgfältige Umsetzung, um die Scores richtig zu interpretieren und auf der Grundlage dieser Scores geeignete Maßnahmen zu ergreifen.
    reCAPTCHA (v2) – „Ich bin kein Roboter“ Kontrollkästchen Benutzer:innen müssen immer ein Kontrollkästchen anklicken, um zu bestätigen, dass sie Menschen sind. Einfach für Benutzer:innen und effektiv gegen die meisten Bots. Sie können den Benutzer:innen manchmal durch zusätzliche Verifizierungsschritte unterbrechen, z.B. durch bildbasierte Aufgaben.
    reCAPTCHA (v2) - Unsichtbarer reCAPTCHA Badge Läuft in der Regel unsichtbar, kann aber bei Bedarf eine Aufgabe auslösen. Reduziert die Interaktion des/der Benutzer:in und kann dennoch Aufgaben stellen, wenn verdächtige Aktivitäten entdeckt werden. Kann die Benutzerin bzw. den Benutzer gelegentlich durch zusätzliche Überprüfungsschritte unterbrechen, wenn das System ein potenziell verdächtiges Verhalten feststellt.

  5. Füllen Sie das Feld Domains entsprechend der Art und Weise aus, wie Sie Ihr Formular freigeben möchten: 

    ❗️ Wichtig
    Wenn Sie sich nicht sicher sind, welche Domains für Ihre Konfiguration zutreffen, fügen Sie beides ibforms.com und your-website-domain.com hinzu. Dies funktioniert bei allen Methoden zur Formularfreigabe und verhindert die häufigsten CAPTCHA-Fehler.
    So geben Sie Ihr Formular frei Domains, die hinzugefügt werden sollen Formular-Typ
    Quick Share-Link sibforms.com Standard-Anmeldeformular
    Eingebettetes Iframe sibforms.com Standard-Anmeldeformular
    Eingebettetes HTML your-website-domain.com (z. B. thegreenyoga.com) Standard-Anmeldeformular
    Pop-up-Formular sibforms.com Pop-up-Formular
    Nicht sicher sibforms.com und your-website-domain.com Alle Arten

    Weitere Informationen zu den verschiedenen Möglichkeiten, ein Formular freizugeben finden Sie in unserem speziellen Bereich in dem Artikel Erstellen eines Anmeldeformulars in Brevo.

  6. Klicken Sie auf Submit (Absenden).

Ihr reCAPTCHA ist nun erstellt. Es wird eine Seite angezeigt, die den Site Key und den Secret Key enthält. Lassen Sie diese Seite geöffnet, da Sie diese Schlüssel für Schritt 2 benötigen, um das reCAPTCHA in Ihrem Formular zu konfigurieren.

forms_captcha_secret-key_site-key_en-us.jpeg

Schritt 2: Hinzufügen das CAPTCHA zu einem Anmeldeformular

So fügen Sie das CAPTCHA zu einem in Brevo erstellten Anmeldeformular hinzu:

  1. Loggen Sie sich in Ihr Brevo-Konto ein.
  2. Gehen Sie zu Marketing > Forms (Marketing > Formulare).

  3. Erstellen Sie ein neues Anmeldeformular oder öffnen Sie ein bestehendes Formular.
    ➡️ Weitere Informationen finden Sie in unseren Artikeln Erstellen eines Anmeldeformulars in Brevo und Erstellen eines Popup-Anmeldeformulars in Brevo. 

    Standard-Anmeldeformular Pop-up Formular
    1. Im Schritt Design ziehen Sie den Captcha-Block in Ihr Anmeldeformular.
      forms_captcha-block_en-us.jpeg
    2. Wählen Sie im Dropdown-Menü Captcha-Typ entweder reCAPTCHA v2, reCAPTCHA v3 oder Cloudflare, basierend auf dem CAPTCHA, das Sie in Schritt 1 erstellt haben.
    3. Kopieren Sie den Site Key und den Secret Key, die nach Abschluss von Schritt 1 angezeigt wurden, und fügen Sie sie in die entsprechenden Felder ein.
    4. (Optional) Fügen Sie einen Labelnamen und einen Hilfetext zu Ihrem CAPTCHA hinzu.

    5. Wenn Sie ein reCAPTCHA v2 mit dem Badge Unsichtbares reCAPTCHA in Schritt 1 erstellt haben, wählen Sie Unsichtbares Captcha.

      contacts_forms_recaptcha.png

Das war's schon! Sie haben das CAPTCHA zu Ihrem Anmeldeformular hinzugefügt. Vervollständigen Sie nun die Einrichtung Ihres Anmeldeformulars und stellen Sie es auf Ihrer Website bereit.

➡️ Um mehr zu erfahren, lesen Sie unsere Artikel Erstellen eines Anmeldeformulars in Brevo - Geben Sie Ihr Anmeldeformular frei.

Fehlerbehebung

💡 Gut zu wissen
Wenn Sie die Brevo-Anmeldeformulare über das WordPress Plug-In verwenden, überprüfen Sie unseren speziellen Bereich zur Fehlerbehebung im Artikel Brevo Plug-In für WordPress - Verbinden Ihrer WordPress-Site mit Brevo.

Öffnen Sie Ihr Formular, nachdem Sie es eingerichtet haben, und überprüfen Sie es auf eventuelle Fehlermeldungen. Hier finden Sie einige Tipps zur Fehlerbehebung für häufige CAPTCHA-bezogene Fehler und Probleme:

❌ Ich erhalte die Fehlermeldung „Invalid domain for site key“ (Ungültige Domäne für Standort-Schlüssel)

Die Domäne, die Sie bei Google oder Cloudflare eingeben müssen, hängt davon ab, wie Sie das Formular auf Ihrer Website freigeben wollen:

  • Wenn Sie Ihr Formular mit Quick Share oder Iframe teilen möchten.
    Fügen Sie die Domain sibforms.com hinzu. Das ist die Domäne, die Brevo zum Hosten des Formulars verwendet.
  • Wenn Sie Ihr Formular mit HTML integrieren möchten
    Fügen Sie die Domain der Website hinzu, auf der Sie das Formular anzeigen möchten. Wenn Sie zum Beispiel das Formular auf http://www.thegreenyoga.com hinzufügen möchten, fügen Sie thegreenyoga.com in diesem Feld hinzu.
    • 💡 Gut zu wissen
    Wenn Sie nicht sicher sind, welche Domain Sie hinzufügen sollen, können Sie sowohl sibforms.com als auch your-website-domain.com hinzufügen. Diese Option funktioniert für alle Methoden der Formularfreigabe und verhindert die häufigsten CAPTCHA-Fehler.
❌ Ich erhalte die Fehlermeldung „Invalid key type“ (Ungültiger Schlüsseltyp)

Wenn Sie ein reCAPTCHA zu einem Formular hinzufügen, stellen Sie sicher, dass Sie den Website-Schlüssel und den geheimen Schlüssel für die von Ihnen erstellte Art von reCAPTCHA eingeben.

➡️  Beispiel
Wenn Sie in Schritt 1 ein Google v3 reCaptcha erstellt haben, stellen Sie sicher, dass Sie in Schritt 2 im Dropdown-Menü Captcha-Typ im Formular-Editor reCaptcha v3 auswählen.

Site Keys (Seitenschlüssel) und Secret Keys (Geheimschlüssel) für einen Typ sind unabhängig von dem anderen Typ:

  • Die Schlüssel für Checkbox reCAPTCHA sollten nur für Checkbox reCAPTCHA und nicht für Invisible reCAPTCHA verwendet werden.
  • Die Schlüssel für Invisible reCAPTCHA sollten nur für Invisible reCAPTCHA und nicht für Checkbox reCAPTCHA verwendet werden.
❌ Ich kann die Simple HTML-Option zum Teilen meines Formulars nicht sehen

Wenn Sie ein CAPTCHA einfügen, können Sie Ihr Formular nicht über Simple HTML teilen. Simple HTML ist eine vereinfachte Version des HTML-Formulars, die kein JavaScript benötigt. Da CAPTCHA jedoch JavaScript erfordert, ist es nicht möglich, Ihr Formular über Simple HTML zu teilen.

❌ Ich habe denselben Site Key und Secret Key auf mehreren Formularen verwendet
Wir raten davon ab, denselben Site Key (Seitenschlüssel) und Secret Key (Geheimschlüssel) für mehrere Formulare zu verwenden, da dies manchmal zu Fehlern und Konflikten mit den Formularen führen kann.

⏩ Nächste Schritte

🤔 Sie haben eine Frage?

Wenden Sie sich bei Fragen an unser Support-Team: Erstellen Sie einfach ein Ticket über Ihr Konto. Wenn Sie noch kein Konto haben, können Sie uns hier kontaktieren.

Wenn Sie Unterstützung bei einem Projekt mit Brevo suchen, können wir Sie mit der richtigen zertifizierten Brevo-Partneragentur verbinden.

💬 War dieser Beitrag hilfreich?

496 von 735 fanden dies hilfreich