Bei der Implementierung des neuen Google Invisible reCATPTCHA wird standardmäßig unten rechts auf dem Bildschirm ein kleines "durch reCAPTCHA geschützt" -Abzeichen angezeigt, das beim Überfahren angezeigt wird.
Ich würde das gerne verstecken.
javascript
recaptcha
James Law
quelle
quelle
Ich habe alle Ansätze getestet und:
visibility: hidden
undopacity: 0
deaktivieren Sie NICHT die Spam-Prüfung.Zu verwendender Code:
Wenn Sie das Ausweissymbol ausblenden, möchte Google, dass Sie auf den entsprechenden Dienst in Ihrem Formular verweisen, indem Sie Folgendes hinzufügen:
quelle
Setzen Sie das
data-badge
Attribut aufinline
Und fügen Sie das folgende CSS hinzu
quelle
opacity: 0
odervisibility: hidden
? Hast du auch einen Link zu dem, wo das steht?Google sagt jetzt: "Sie dürfen das Abzeichen ausblenden, solange Sie das reCAPTCHA-Branding sichtbar in den Nutzerfluss aufnehmen." Verknüpfung
quelle
:(
Da das Ausblenden des Ausweises gemäß den Nutzungsbedingungen nicht wirklich legitim ist und vorhandene Platzierungsoptionen meine Benutzeroberfläche und / oder Benutzeroberfläche beschädigten, habe ich die folgende Anpassung vorgenommen, die eine feste Positionierung nachahmt, aber stattdessen inline gerendert wird:
Sie müssen nur etwas CSS auf Ihren Ausweiscontainer anwenden:
Ich denke, das ist so weit, wie Sie es legal vorantreiben können.
quelle
transform: scale(0.6)
undopacity: 0.6
Ich habe beschlossen, das Abzeichen auf allen Seiten außer meiner Kontaktseite (mit Wordpress) auszublenden:
Ich bin kein Webentwickler. Bitte korrigieren Sie mich, wenn etwas nicht stimmt.
BEARBEITEN: Aktualisiert, um die Sichtbarkeit anstelle der Anzeige zu verwenden.
quelle
Eine kleine Variante von Matthew Dowells Beitrag, die den kurzen Blitz vermeidet, aber immer dann angezeigt wird, wenn das Kontaktformular 7 sichtbar ist:
Ich habe dann der Datei header.php in meinem untergeordneten Thema Folgendes hinzugefügt:
quelle
Meine Lösung bestand darin, das Abzeichen auszublenden und es dann anzuzeigen, wenn sich der Benutzer auf eine Formulareingabe konzentriert. Dabei werden die AGB von Google weiterhin eingehalten.
Hinweis: Das von mir optimierte reCAPTCHA wurde von einem WordPress-Plugin generiert. Daher müssen Sie das reCAPTCHA möglicherweise
<div class="inv-recaptcha-holder"> ... </div>
selbst mit einem umschließen.CSS
jQuery
Natürlich können Sie den jQuery-Selektor bei Bedarf so ändern, dass er auf bestimmte Formulare abzielt.
quelle
Für Benutzer von Contact Form 7 in Wordpress funktioniert diese Methode für mich: Ich verstecke die v3 Recaptcha auf allen Seiten außer denen mit Contact 7 Forms.
Diese Methode sollte jedoch auf jeder Site funktionieren, auf der Sie eine eindeutige Klassenauswahl verwenden, mit der alle Seiten mit Formularelementen für die Texteingabe identifiziert werden können.
Zuerst habe ich eine Zielstilregel in CSS hinzugefügt, die die Kachel reduzieren kann:
CSS
Dann habe ich JQuery-Skript in meinen Header eingefügt, um es nach dem Laden des Fensters auszulösen, damit JQuery die Klassenauswahl 'grecaptcha-badge' zur Verfügung steht, und kann die Klasse 'hide' hinzufügen, um den verfügbaren CSS-Stil anzuwenden.
Meine Kachel blinkt noch eine halbe Sekunde lang auf jeder Seite, aber es ist die beste Problemumgehung, die ich bisher gefunden habe und die ich hoffentlich einhalten werde. Verbesserungsvorschläge erwünscht.
quelle
Dadurch wird die Spam-Prüfung nicht deaktiviert
quelle
Wenn Sie das Contact Form 7-Update und die neueste Version (Version 5.1.x) verwenden, müssen Sie Google reCAPTCHA v3 installieren und verwenden.
Standardmäßig wird auf jeder Seite unten rechts auf dem Bildschirm das Google reCAPTCHA-Logo angezeigt. Dies ist nach unserer Einschätzung eine schlechte Erfahrung für die Benutzer. Und Ihre Website und Ihr Blog werden etwas langsamer (reflektiert durch den PageSpeed Score). Ihre Website muss zusätzlich 1 JavaScript-Bibliothek von Google laden, um dieses Abzeichen anzuzeigen.
Sie können Google reCAPTCHA v3 vor CF7 ausblenden (nur bei Bedarf anzeigen), indem Sie die folgenden Schritte ausführen:
Zuerst öffnen Sie die
functions.php
Datei Ihres Themas (mit dem Dateimanager oder dem FTP-Client). Diese Datei befindet sich in:/wp-content/themes/your-theme/
und fügt das folgende Snippet hinzu (wir verwenden diesen Code, um das reCAPTCHA-Feld auf jeder Seite zu entfernen):Als Nächstes fügen Sie dieses Snippet auf der Seite hinzu, auf der Google reCAPTCHA angezeigt werden soll (Kontaktseite, Login, Registrierungsseite…):
Weitere Informationen finden Sie im OIW-Blog - So entfernen Sie das Google reCAPTCHA-Logo aus dem Kontaktformular 7 in WordPress (ReCAPTCHA-Abzeichen ausblenden)
quelle
Ja, du kannst es schaffen . Sie können entweder CSS oder Javascript verwenden , um das reCaptcha v3-Abzeichen auszublenden.
display: none
odervisibility: hidden
zum Ausblenden des reCaptcha-Stapels. Es ist einfach und schnell.Das Ausblenden des Ausweises ist gemäß der Google-Richtlinie gültig und wird hier in der FAQ beantwortet . Es wird empfohlen, die Datenschutzrichtlinien und Nutzungsbedingungen von Google wie unten gezeigt anzuzeigen.
quelle
Ich habe den nächsten Kommentar dazu gesehen
quelle
Hinweis: Wenn Sie das Abzeichen ausblenden möchten, verwenden Sie bitte
.grecaptcha-badge { visibility: hidden; }
Sie dürfen das Abzeichen ausblenden, solange Sie das reCAPTCHA-Branding sichtbar in den Benutzerfluss aufnehmen. Bitte geben Sie folgenden Text an:
Diese Website ist durch reCAPTCHA und Google geschützt
<a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply.
Weitere Details hier reCaptacha
quelle
Recaptcha-Kontaktformular 7 und Recaptcha v3-Lösung.
Mehr als eine Kontaktformularseite?
Sie können weitere "Nots" hinzufügen, wenn Sie mehr Kontaktformularseiten haben.
Stellen Sie sicher, dass Ihr Körperteil dies mag:
Ändern Sie es so, dass es so aussieht:
quelle