Google reCAPTCHA datenschutzkonform und funktional einbinden – Schritt für Schritt

Da der beliebte und effektive Spamschutz von Google Verbindungen zu externen Servern aufbaut, darf die Anwendung nicht ohne Einverständnis der Webseitenbesucher geladen werden. Dadurch kann das reCAPTCHA allerdings bei Webseitenbesuchern, die kein Einverständnis zum Laden externer Inhalte gegeben haben, nicht angezeigt werden. Daraus ergibt sich die Problematik, dass diese Besucher Formulare, die durch das reCAPTCHA geschützt werden, nicht absenden können.

Über CCM19 können Sie mit Hilfe des Skripte-Platzhalter-Plugins ganz einfach eine Schaltfläche in Ihren Formularen anzeigen lassen, die es den Besuchern ermöglicht, im Formular nachträglich eine Zustimmung zum reCAPTCHA zu geben.

Hier ein Beispiel für die Darstellung:

a18a0146e3720ac03e3a4b516a308590f1f56f9d

1. reCAPTCHA-Einbindung hinzufügen

Zunächst wird als Arbeitsgrundlage ein Eintrag des reCAPTCHAs unter „Einbindungen & Cookies“ benötigt. Es ist gut möglich, dass dieser Eintrag im Zuge des Onboardings bereits automatisch generiert wurde. Dann können Sie zu Punkt 2 springen und mit der Einrichtung des Platzhalters fortfahren.\ Sollte das nicht der Fall sein, muss der Eintrag manuell hinzugefügt werden. Klicken Sie dazu einfach auf den blauen Button „Eintrag aus Datenbank auswählen“.

d63b0ccfd12e9e6fd054d7a2c7d0347f7ed88e7f

Suchen Sie dann in der Einbindungsdatenbank nach der Vorlage für reCAPTCHA. Den gefundenen Eintrag können Sie mit einem Klick auf den grünen Pfeil auswählen.

96fdc094351c3e0bdf6e67eb2204e22d1cd54c00

Speichern Sie die Einbindung mit einem Klick auf „Speichern und schließen“.

Dadurch wurde Google reCAPTCHA als Einbindung der Liste hinzugefügt:

ab6e3c3952792a777deb607de31bc2606f4b808d

2. Skripte-Platzhalter aus Vorlage hinzufügen

Die Einbindung wird nun dafür sorgen, dass reCAPTCHA grundsätzlich geblockt wird, wenn die Cookies über das Cookie-Banner nicht akzeptiert werden. Damit die Formulare weiterhin genutzt werden können, muss nun über die Funktion „Skripte-Platzhalter“ eine Schaltfläche generiert werden, über die reCAPTCHA nachträglich freigeschaltet werden kann, die unter dem Formular anstelle des reCAPTCHAs angezeigt wird.

Um Ihnen die Arbeit zu erleichtern, haben wir ein Design für diese Schaltfläche schon als Vorlage hinterlegt. Navigieren Sie also zum Menüpunkt „Skripte-Platzhalter“ und wählen dort „Vorlagen durchblättern“.

3e476c3e2baf5b87e6a5f4facc445f30e168bd8a

In der Vorlagenliste finden Sie den Vorschlag für Google reCAPTCHA. Wählen Sie diesen Eintrag durch einen Klick aus.

022f34cea070dddec3bda75a2144630daa88c915

_Sie müssen nur zwei Dinge ergänzen.

1. Wählen Sie aus der Selectbox „Einbindung“ den Eintrag für Google reCAPTCHA aus. Der Name wird dem Namen entsprechen, den der Eintrag unter „Einbindungen & Cookies“ hat.

2. Klicken Sie auf den "Aktiv"-Schalter, um den Platzhalter zu aktivieren.

c497290e5516c51daf633005049a44bd28e6127a

Nun klicken Sie nur noch auf „Erstellen“, um die Einrichtung des Platzhalters abzuschließen. Idealerweise sollte der Platzhalter nun bereits im Formular angezeigt werden.\ Falls das nicht der Fall ist, müssen eventuell noch andere Einstellungen getätigt werden. Bitte fahren Sie mit dem dritten Schritt fort.

3. Skripte-Platzhalter anpassen

Um den Skripte-Platzhalter zu konfigurieren, klicken Sie auf das grüne Stift-Icon.

3f3aa8dc7ac514afb1cd2d38f8be057d16a5abf7

Wenn der Platzhalter noch nicht angezeigt wird, muss eventuell ein anderer CSS-Selektor hinterlegt werden. Das geht im Tab „Inhalt“. Wenn Sie mit den Entwicklertools Ihres verwendeten Browsers vertraut sind, können Sie wahrscheinlich selbst einen geeigneten Selektor ermitteln. Sollten Sie nicht wissen, was hier einzutragen ist, kontaktieren Sie einfach unseren Support.

3be7e651a5577a0a6dff4518c5918dc592226ff4

Unter dem Tab „Textbausteine“ können Sie optional die Texte im Platzhalter anpassen.

f125d976cdc4632752a023f4fba7b48072c95ce5