O reCAPTCHA do Google se tornou quase onipresente na proteção de sites contra spam e abuso automatizado. Em sua versão mais recente, o reCAPTCHA v3, o Google exibe apenas um pequeno emblema (badge) no canto inferior direito da página. Embora esse emblema atenda aos requisitos de atribuição, ele pode entrar em conflito com o design do seu site ou distrair os usuários. Neste artigo, explicarei como remover esse emblema do seu site — principalmente se você estiver usando o WordPress — sem violar os termos de serviço do Google.
Durante muitos anos, o Google ofereceu reCAPTCHA v2 (segunda versão), que incentivava os usuários a resolver quebra-cabeças baseados em imagens ou clicar em uma caixa de seleção para provar que eram humanos. Embora eficaz, adicionava atrito à experiência do usuário e, às vezes, exigia múltiplos desafios em uma única sessão. Para resolver isso, o Google introduziu reCAPTCHA v3 (terceira versão), que é executado inteiramente em segundo plano e atribui a cada solicitação uma pontuação de risco. O único elemento visível é um pequeno selo com link para a política de privacidade e os termos de serviço do Google.
Antes de ocultar o selo, é fundamental entender os requisitos legais do Google. De acordo com o Perguntas frequentes sobre o reCAPTCHA, você pode ocultar o selo, desde que inclua uma atribuição visível em outro lugar no fluxo do usuário — normalmente no rodapé do seu site. Isso garante que os usuários ainda sejam informados de que seu site é protegido pela tecnologia antibot do Google.
O Google recomenda adicionar o seguinte aviso ao seu rodapé:
Este site é protegido pelo reCAPTCHA e pelo Google Política de Privacidade e Termos de Serviço aplicar.Depois de adicionar essa atribuição, ocultar o emblema é simples. Adicione esta única linha de CSS à sua folha de estilo:
.grecaptcha-badge { visibilidade: oculto; }Se preferir, você pode inseri-lo diretamente no seu <head> seção:
.grecaptcha-badge { visibility: hidden; }No WordPress, a maneira mais fácil é ir para Aparência → Personalizar → CSS adicional e cole o snippet lá. Essa abordagem mantém o emblema no fluxo do documento — permitindo que os scripts do reCAPTCHA sejam executados corretamente — enquanto o torna invisível para os usuários.
Importante: Não use exibição: nenhuma; no emblema. Removê-lo completamente do DOM pode impedir que o script reCAPTCHA carregue ou relate as pontuações de risco corretamente, desabilitando efetivamente a proteção contra spam e expondo seus formulários a bots. Usando visibilidade: oculto; garante que o emblema permaneça presente na marcação sem ficar visível.
Benefícios de esconder o distintivo
Você pode estar se perguntando por que ocultar o emblema. Aqui estão as principais vantagens:
- Visuais mais elegantes: O emblema pode se sobrepor a elementos importantes da interface do usuário ou parecer deslocado, especialmente em telas de dispositivos móveis.
- UX aprimorado:Com o reCAPTCHA v3 sendo executado de forma invisível, os usuários finais não encontrarão cliques ou quebra-cabeças extras.
- Branding consistente: Remover elementos de interface do usuário de terceiros ajuda a manter um design limpo e coeso.
Solução de problemas e práticas recomendadas
- Se o emblema ainda aparecer, limpe o cache do navegador e qualquer cache do CDN para garantir que seu novo CSS seja aplicado.
- Use as ferramentas de desenvolvedor do seu navegador para inspecionar o
.grecaptcha-emblemaelemento e confirme que nenhuma outra folha de estilo está substituindo sua regra. - Verifique novamente se o texto de atribuição do rodapé está claramente visível e corresponde ao texto recomendado pelo Google.
- Monitore a documentação do Google periodicamente caso haja mudanças na política referente à visibilidade dos selos.
Considerações sobre acessibilidade
Mesmo que o emblema esteja invisível, certifique-se de que seu site permaneça acessível:
- Use HTML semântico para a atribuição do rodapé para que os leitores de tela possam anunciá-lo corretamente.
- Certifique-se de que ocultar o emblema não interfira na ordem de foco ou na navegação.
Seguindo estes passos simples, você pode manter uma integração sem emblemas do reCAPTCHA v3, mantendo sua poderosa proteção contra spam nos bastidores. Esta solução mantém sua interface limpa, melhora a usabilidade e atende aos requisitos legais do Google. Se você encontrar algum problema ou tiver dúvidas, sinta-se à vontade para deixar um comentário abaixo. Boa programação!
Foto por Caio
