Nervige Google reCAPTCHA v3 Badge ausblenden

Nervige Google reCAPTCHA v3 Badge ausblenden

Das Google reCAPTCHA ist den meisten schon auf einer Website begegnet. In der neuen Version zeigt Google dabei nur noch eine Einblendung am unteren Rand an. Das ist nicht sonderlich schick, weshalb ich euch hier zeige, wie man diese Einblendung entfernen kann.

Schon seit vielen Jahren stellt Google das reCAPTCHA v2 (Version 2) zur Verfügung. Das funktioniert auch sehr zuverlässig, ist allerdings für manche Nutzer nervig, da man „Rätsel“ lösen muss. Und davon oft mehrere hintereinander. Aus diesem und anderen Gründen hat Google reCAPTCHA v3 (Version 3) vorgestellt.

Hier muss der Nutzer keine Aufgaben mehr erledigen, alles läuft unsichtbar im Hintergrund ab. Lediglich ein solches Badge wird am unteren rechten Rand der Website angezeigt:

Kleines Google reCAPTCHA
Ausgeklapptes Google reCAPTCHA

Darf ich das Badge einfach entfernen? (rechtlich)

Ja! Laut Googles FAQ zum reCAPTCHA darf man das Badge ausblenden. Allerdings muss man im „user flow“ (Benutzerfluss) eine entsprechende Anmerkung unterbringen.

You are allowed to hide the badge as long as you include the reCAPTCHA branding visibly in the user flow.

https://developers.google.com/recaptcha/docs/faq#id-like-to-hide-the-recaptcha-badge-what-is-allowed

Dazu schlägt Google diesen Text vor:

This site is protected by reCAPTCHA and the Google
    <a href="https://policies.google.com/privacy">Privacy Policy</a> and
    <a href="https://policies.google.com/terms">Terms of Service</a> apply.

Für meine Formulare habe ich diesen Text auf Deutsch übersetzt und im Formular, also dem „Benutzerfluss“ eingebaut:

Google reCAPTCHA Anmerkung unter Formular
Diese Website ist durch reCAPTCHA geschützt und es gelten die Datenschutzbestimmungen und Nutzungsbedingungen von Google.

So entfernst Du das Badge

Alles was Du dafür tun musst, ist diese Code Zeile in deine CSS Datei einzubinden:

.grecaptcha-badge { visibility: hidden; }

Wenn Dir CSS nichts sagt, kannst Du in Deinem CSS (z.B. WordPress) unter Design > Customizer > Zusätzliches CSS diese Zeile einfach einfügen.

Beachte, dass Du auf keinen Fall display: none; verwendest! Das deaktiviert die Spam-Protection des reCAPTCHA.

Schreib einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.