Google reCAPTCHA è diventato quasi onnipresente per proteggere i siti web da spam e abusi automatizzati. Nella sua ultima versione, reCAPTCHA v3, Google mostra solo un piccolo badge (badge) nell'angolo in basso a destra della pagina. Sebbene questo badge soddisfi i requisiti di attribuzione, può contrastare con il design del sito o distrarre gli utenti. In questo articolo, spiegherò come rimuovere quel badge dal tuo sito, in particolare se utilizzi WordPress, senza violare i termini di servizio di Google.
Per molti anni, Google ha offerto reCAPTCHA v2 (seconda versione), che richiedeva agli utenti di risolvere enigmi basati su immagini o di cliccare su una casella di controllo per dimostrare di essere umani. Sebbene efficace, aggiungeva difficoltà all'esperienza utente e a volte richiedeva più sfide in una singola sessione. Per risolvere questo problema, Google ha introdotto reCAPTCHA v3 (terza versione), che funziona interamente in background e assegna a ogni richiesta un punteggio di rischio. L'unico elemento visibile è un piccolo badge che rimanda all'informativa sulla privacy e ai termini di servizio di Google.
Prima di nascondere il badge, è fondamentale comprendere i requisiti legali di Google. Secondo Domande frequenti su reCAPTCHA, puoi nascondere il badge a condizione che tu includa un'attribuzione visibile in un'altra parte del flusso utente, in genere nel piè di pagina del tuo sito. Questo garantisce che gli utenti siano comunque informati che il tuo sito è protetto dalla tecnologia anti-bot di Google.
Google consiglia di aggiungere la seguente nota al piè di pagina:
Questo sito è protetto da reCAPTCHA e da Google Politica sulla Riservatezza E Termini di servizio fare domanda a.Una volta aggiunta questa attribuzione, nascondere il badge è semplicissimo. Aggiungi questa singola riga di CSS al tuo foglio di stile:
.grecaptcha-badge { visibilità: nascosto; }Se preferisci, puoi inserirlo direttamente nel tuo <head> sezione:
.grecaptcha-badge { visibility: hidden; }Su WordPress, il modo più semplice è andare su Aspetto → Personalizza → CSS aggiuntivo e incollare lì lo snippet. Questo approccio mantiene il badge nel flusso del documento, consentendo agli script reCAPTCHA di funzionare correttamente, ma rendendolo invisibile agli utenti.
Importante: Non usare visualizzazione: nessuno; sul badge. Rimuoverlo completamente dal DOM può impedire allo script reCAPTCHA di caricare o segnalare correttamente i punteggi di rischio, disabilitando di fatto la protezione antispam ed esponendo i moduli ai bot. visibilità: nascosto; assicura che il badge rimanga presente nel markup senza essere visibile.
Vantaggi di nascondere il badge
Potresti chiederti perché mai dovresti voler nascondere il badge. Ecco i principali vantaggi:
- Immagini più eleganti:Il badge potrebbe sovrapporsi a importanti elementi dell'interfaccia utente o apparire fuori posto, soprattutto sugli schermi dei dispositivi mobili.
- UX migliorata: Grazie all'esecuzione invisibile di reCAPTCHA v3, gli utenti finali non dovranno affrontare clic o enigmi aggiuntivi.
- Branding coerente:La rimozione di elementi dell'interfaccia utente di terze parti aiuta a mantenere un design pulito e coerente.
Risoluzione dei problemi e best practice
- Se il badge continua ad essere visualizzato, cancella la cache del browser e la cache CDN per assicurarti che il nuovo CSS venga applicato.
- Utilizza gli strumenti di sviluppo del tuo browser per ispezionare il
.grecaptcha-badgeelemento e verifica che nessun altro foglio di stile stia sovrascrivendo la tua regola. - Controlla attentamente che il testo di attribuzione del piè di pagina sia chiaramente visibile e corrisponda alla formulazione consigliata da Google.
- Controlla periodicamente la documentazione di Google per verificare eventuali modifiche alla politica relativa alla visibilità del badge.
Considerazioni sull'accessibilità
Anche se il badge è invisibile, assicurati che il tuo sito rimanga accessibile:
- Utilizza HTML semantico per l'attribuzione del piè di pagina in modo che gli screen reader possano annunciarlo correttamente.
- Assicurati che nascondere il badge non interferisca con l'ordine di messa a fuoco o con la navigazione.
Seguendo questi semplici passaggi, puoi mantenere un'integrazione di reCAPTCHA v3 senza badge, mantenendo al contempo la sua potente protezione antispam integrata. Questa soluzione mantiene l'interfaccia pulita, migliora l'usabilità e soddisfa i requisiti legali di Google. In caso di problemi o domande, non esitare a lasciare un commento qui sotto. Buona programmazione!
Foto di Caio
