Podczas wdrażania nowego Google Invisible reCATPTCHA, domyślnie otrzymujesz małą plakietkę „chronione przez reCAPTCHA” w prawym dolnym rogu ekranu, która wyskakuje po najechaniu na nią.
Chciałbym to ukryć.
javascript
recaptcha
James Law
źródło
źródło
Przetestowałem wszystkie podejścia i:
visibility: hidden
iopacity: 0
NIE wyłączaj sprawdzania spamu.Kod do użycia:
Podczas ukrywania ikony badge, Google chce Ci odwołać swoje usługi na formularzu, dodając w ten sposób:
źródło
Ustaw
data-badge
atrybut nainline
I dodaj następujący CSS
źródło
opacity: 0
lubvisibility: hidden
? też masz link do tego, gdzie to statystyki?Google mówi teraz: „Możesz ukryć plakietkę, o ile w przepływie użytkowników uwzględnisz markę reCAPTCHA w widoczny sposób”. Połączyć
źródło
:(
Ponieważ ukrywanie plakietki nie jest tak naprawdę uzasadnione zgodnie z warunkami korzystania z usługi, a istniejące opcje umieszczania łamały mój interfejs użytkownika i / lub UX, wymyśliłem następujące dostosowanie, które naśladuje ustalone położenie, ale zamiast tego jest renderowane w tekście:
Wystarczy, że zastosujesz CSS do kontenera odznaki:
Myślę, że to tak daleko, jak możesz to legalnie popchnąć.
źródło
transform: scale(0.6)
iopacity: 0.6
Zdecydowałem się ukryć odznakę na wszystkich stronach z wyjątkiem mojej strony kontaktowej (używając Wordpress):
Nie jestem programistą stron internetowych, więc proszę, popraw mnie, jeśli coś jest nie tak.
EDYCJA: Zaktualizowano, aby używać widoczności zamiast wyświetlania.
źródło
Niewielki wariant postu Matthew Dowella, który unika krótkiego błysku, ale wyświetla się, gdy widoczny jest formularz kontaktowy 7:
Następnie dodałem do pliku header.php w moim motywie potomnym:
źródło
Moim rozwiązaniem było ukrycie plakietki, a następnie wyświetlenie jej, gdy użytkownik koncentruje się na danych wejściowych formularza - w ten sposób nadal przestrzegając warunków Google.
Uwaga: reCAPTCHA, który modyfikowałem, zostało wygenerowane przez wtyczkę WordPress, więc może być konieczne owinięcie reCAPTCHA
<div class="inv-recaptcha-holder"> ... </div>
własnym.CSS
jQuery
Oczywiście w razie potrzeby można zmienić selektor jQuery na określone formularze.
źródło
Dla użytkowników Contact Form 7 na Wordpress ta metoda działa dla mnie: ukrywam wersję v3 Recaptcha na wszystkich stronach z wyjątkiem tych z Contact 7 Forms.
Ale ta metoda powinna działać w każdej witrynie, w której używasz unikalnego selektora klasy, który może identyfikować wszystkie strony z elementami formularza wprowadzania tekstu.
Najpierw dodałem docelową regułę stylu w CSS, która może zwinąć kafelek:
CSS
Następnie dodałem skrypt JQuery w moim nagłówku, aby uruchamiał się po załadowaniu okna, więc selektor klasy „grecaptcha-badge” jest dostępny dla JQuery i mogę dodać klasę „hide”, aby zastosować dostępny styl CSS.
Mój kafelek nadal będzie migał na każdej stronie przez pół sekundy, ale jest to najlepsze obejście, jakie znalazłem do tej pory, i mam nadzieję, że będzie zgodne. Mile widziane sugestie dotyczące ulepszeń.
źródło
nie wyłącza to sprawdzania spamu
źródło
Jeśli korzystasz z aktualizacji Formularza kontaktowego 7 i najnowszej wersji (wersja 5.1.x), musisz zainstalować, skonfigurować Google reCAPTCHA v3 do użycia.
Domyślnie logo Google reCAPTCHA jest wyświetlane na każdej stronie w prawym dolnym rogu ekranu. Według naszej oceny powoduje to złe wrażenia dla użytkowników. Twoja witryna, blog, nieco spowolni (odzwierciedla to wynik PageSpeed), a Twoja witryna będzie musiała załadować dodatkową 1 bibliotekę JavaScript z Google, aby wyświetlić tę plakietkę.
Możesz ukryć Google reCAPTCHA v3 przed CF7 (pokazać je tylko wtedy, gdy jest to konieczne), wykonując następujące kroki:
Najpierw otwórz
functions.php
plik swojego motywu (za pomocą Menedżera plików lub klienta FTP). Ten plik znajduje się w:/wp-content/themes/your-theme/
i dodaj następujący fragment (używamy tego kodu do usuwania pola reCAPTCHA na każdej stronie):Następnie dodasz ten fragment kodu na stronie, na której ma wyświetlać Google reCAPTCHA (strona kontaktowa, login, strona rejestracji…):
Zapoznaj się z blogiem OIW - Jak usunąć logo Google reCAPTCHA z formularza kontaktowego 7 w WordPress (Ukryj znaczek reCAPTCHA)
źródło
Tak, możesz to zrobić . możesz użyć css lub javascript, aby ukryć znaczek reCaptcha v3.
display: none
lubvisibility: hidden
do ukrycia partii reCaptcha. To łatwe i szybkie.Ukrycie plakietki jest ważne, zgodnie z polityką Google, a odpowiedź znajduje się w FAQ tutaj . Zaleca się wyświetlenie polityki prywatności i warunków korzystania z Google, jak pokazano poniżej.
źródło
Widziałem następny komentarz na ten temat
źródło
Uwaga: jeśli zdecydujesz się ukryć odznakę, użyj
.grecaptcha-badge { visibility: hidden; }
Możesz ukryć odznakę, o ile w przepływie użytkowników uwzględnisz branding reCAPTCHA w widoczny sposób. Prosimy o dołączenie następującego tekstu:
Ta strona jest chroniona przez reCAPTCHA i Google
<a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply.
więcej szczegółów tutaj reCaptacha
źródło
Formularz kontaktowy Recaptcha 7 i rozwiązanie Recaptcha v3.
Więcej niż jedna strona formularza kontaktowego?
Możesz dodać więcej „nie”, jeśli masz więcej stron formularza kontaktowego.
Upewnij się, że twoja sekcja ciała będzie się podobać:
Zmień to tak, aby wyglądało tak:
źródło