Ihr seid sicher schon öfteres über Webseiten gestolpert wo ich ein Captcha ausfüllen musstet. Diese Technologie gibt es eigentlich schon seit vielen Jahren, meistens muss man dann ein Feld erkennen das aus Zeichen und Zahlen besteht. Auch Google hat eigene Captcha Dienst gratis den Usern angeboten, und zwar waren dies diese Boxen wo man aus 9 Bilder Dinge erkennen musste „Alle Hydranten erkennen“ oder „Alle Velos anklicken“ usw. Ich habe diese Dinger gehasst, da ich sie mindestens 10x ausfüllen musste, bis alles korrekt war. Je nachdem was für ein Netzwerk man verwendet, gibts nämlich da ziemlichen Ärger.

Aus diesem Grund habe ich mich gefreut, dass Google eine Version 3 herausgebracht hat. Mit dem ReCaptcha V3 sollte diese Prüfung im Hintergrund ablaufen ohne, dass man als User, so komische Boxen ausfüllen oder Bilder anklicken musste. Leider hat sich hier Google entschieden, die Leute zu ärgern. Google hat nämlich so kleine Buttons an der rechten Seite einblenden lassen.

Google Recaptcha V3 Button / Badge im Ruhezustand

google recaptcha v3 badge in - Google Recaptcha V3 Button / Badge ausblenden

Google Recaptcha V3 Button / Badge im Hover Zustand

google recaptcha v3 badge out - Google Recaptcha V3 Button / Badge ausblenden

Wenn eine Webseite das Google Recaptcha V3 dann tauchen diese blöden Badges überall auf – selbst im Mobilen und machen ziemlichen Ärger.

Heute möchte ich euch eine Lösung zeigen, wie man diese blöden Badges ausblenden kann.

Google Recaptcha V3 Button / Badge komplett ausblenden

Wenn ihr gar kein Badge anzeigen wollt, könnt ihr mit dem Folgenden CSS Code diesen Badge einfach ausblenden lassen.

1
2
3
.grecaptcha-badge {
	display:none;
}

Gebt den Code einfach in euer style.css File ein und speichert es natürlich ab und schon ist dieser blöde Button / Badge weg.

Google Recaptcha V3 Button / Badge auf fast allen Seiten ausblenden

Nun eigentlich ist dieser Button / Badge auch eine gute Sache. Er zeigt nämlich den Usern, dass das Formular gesichert wird und darum kann es Leute geben, die dieser Button / Badge gerne drin haben wollen, aber vielleicht nicht auf allen Seiten. Aus diesem Grund gibts hier einen function.php Code. Diesen Code einfach anpassen und dann in euer functions.php File abspeichern.

1
2
3
4
5
6
7
add_action('wp_print_scripts', function () {
 //Füge den Slug hinzu wo der ReCaptcha V3 Badge doch sichtbar bleiben soll
 if ( !is_page( array( 'contact','some-other-page-with-form' ) ) ){
  wp_dequeue_script( 'google-recaptcha' );
 
 }
});

Ihr nehmt diesen Code und passt ihn an einer Stelle an und zwar bei Codeziele 3

Hier definiert ihr den Slug der URL wo ihr ein Kontaktformular angezeigt habt. Ich habe zum Beispiel ein Formular auf der Seite https://www.chefblogger.me/wer-ist-der-chefblogger/ und das lautet der Slug also /wer-ist-der-chefblogger/.

Also meine Zeile 3 lautet jetzt so:

1
if ( !is_page( array( 'wer-ist-der-chefblogger' ) ) ){

Hätte ich aber 2 Kontaktformulare auf verschiedenen Seiten zb unter wer-ist-der-chefblogger und unter /kontakt/ dann muss ich auch die 2 Seite in dieser Zeile 3 anpassen.

1
if ( !is_page( array( 'wer-ist-der-chefblogger', 'kontakt' ) ) ){

Ihr passt also die 3. Zeile des Code entsprechend an und speichert den ganzen Code dann in euer function.php File ab und schon ist der Badge überall ausgeblendet ausser bei den Seiten mit den Kontaktformular(en).

Eigentlich eine geniale Lösung – und ihr könnt es nun anpassen so wie ihr es wollt.

Wer übrigens keine Ahnung hat wie man das Contact Form 7 Plugin von WordPress mit dem ReCaptcha V3 verbindet, ich habe dazu auch ein Youtube Video gemacht – einfach hier draufklicken und anschauen

Hier noch das Video zu diesem Thema

Google Recaptcha V3 Button / Badge ausblenden


Notice: Undefined index: HTTP_REFERER in /home/sterntal/public_html/chefblogger_v2/wp-content/plugins/wpstatistix/tracking.php on line 30