{"id":83532,"date":"2025-04-17T02:40:46","date_gmt":"2025-04-17T01:40:46","guid":{"rendered":"http:\/\/3.238.148.255\/?p=83532"},"modified":"2025-04-17T22:42:50","modified_gmt":"2025-04-17T21:42:50","slug":"como-tornar-o-badge-do-google-recaptcha-invisivel-no-site","status":"publish","type":"post","link":"https:\/\/blog.juandesouza.com\/br\/tech\/como-tornar-o-badge-do-google-recaptcha-invisivel-no-site\/","title":{"rendered":"Como tornar o emblema do Google reCAPTCHA invis\u00edvel no site?"},"content":{"rendered":"<p>O reCAPTCHA do Google se tornou quase onipresente na prote\u00e7\u00e3o de sites contra spam e abuso automatizado. Em sua vers\u00e3o mais recente, o reCAPTCHA v3, o Google exibe apenas um pequeno emblema (badge) no canto inferior direito da p\u00e1gina. Embora esse emblema atenda aos requisitos de atribui\u00e7\u00e3o, ele pode entrar em conflito com o design do seu site ou distrair os usu\u00e1rios. Neste artigo, explicarei como remover esse emblema do seu site \u2014 principalmente se voc\u00ea estiver usando o WordPress \u2014 sem violar os termos de servi\u00e7o do Google.<\/p>\n<p>Durante muitos anos, o Google ofereceu <strong>reCAPTCHA v2 (segunda vers\u00e3o)<\/strong>, que incentivava os usu\u00e1rios a resolver quebra-cabe\u00e7as baseados em imagens ou clicar em uma caixa de sele\u00e7\u00e3o para provar que eram humanos. Embora eficaz, adicionava atrito \u00e0 experi\u00eancia do usu\u00e1rio e, \u00e0s vezes, exigia m\u00faltiplos desafios em uma \u00fanica sess\u00e3o. Para resolver isso, o Google introduziu <strong>reCAPTCHA v3 (terceira vers\u00e3o)<\/strong>, que \u00e9 executado inteiramente em segundo plano e atribui a cada solicita\u00e7\u00e3o uma pontua\u00e7\u00e3o de risco. O \u00fanico elemento vis\u00edvel \u00e9 um pequeno selo com link para a pol\u00edtica de privacidade e os termos de servi\u00e7o do Google.<\/p><div id=\"juand-2883350804\" class=\"juand-content juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<div style=\"width: 100%;\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/tbvxFW4UJdU\" width=\"100%\" height=\"500\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p>Antes de ocultar o selo, \u00e9 fundamental entender os requisitos legais do Google. De acordo com o <a href=\"https:\/\/developers.google.com\/recaptcha\/docs\/faq#id-like-to-hide-the-recaptcha-badge-what-is-allowed\" target=\"_blank\" rel=\"noopener noreferrer\">Perguntas frequentes sobre o reCAPTCHA<\/a>, voc\u00ea pode ocultar o selo, desde que inclua uma atribui\u00e7\u00e3o vis\u00edvel em outro lugar no fluxo do usu\u00e1rio \u2014 normalmente no rodap\u00e9 do seu site. Isso garante que os usu\u00e1rios ainda sejam informados de que seu site \u00e9 protegido pela tecnologia antibot do Google.<\/p>\n<p>O Google recomenda adicionar o seguinte aviso ao seu rodap\u00e9:<\/p>\n<pre><code>Este site \u00e9 protegido pelo reCAPTCHA e pelo Google <a href=\"https:\/\/policies.google.com\/privacy\">Pol\u00edtica de Privacidade<\/a> e <a href=\"https:\/\/policies.google.com\/terms\">Termos de Servi\u00e7o<\/a> aplicar.<\/code><\/pre>\n<p>Depois de adicionar essa atribui\u00e7\u00e3o, ocultar o emblema \u00e9 simples. Adicione esta \u00fanica linha de CSS \u00e0 sua folha de estilo:<\/p>\n<pre><code>.grecaptcha-badge { visibilidade: oculto; }<\/code><\/pre>\n<p>Se preferir, voc\u00ea pode inseri-lo diretamente no seu <code>&lt;head&gt;<\/code> se\u00e7\u00e3o:<\/p><div id=\"juand-3639966196\" class=\"juand-content_2 juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<pre><code>.grecaptcha-badge { visibility: hidden; }<\/code><\/pre>\n<p>No WordPress, a maneira mais f\u00e1cil \u00e9 ir para <em>Apar\u00eancia \u2192 Personalizar \u2192 CSS adicional<\/em> e cole o snippet l\u00e1. Essa abordagem mant\u00e9m o emblema no fluxo do documento \u2014 permitindo que os scripts do reCAPTCHA sejam executados corretamente \u2014 enquanto o torna invis\u00edvel para os usu\u00e1rios.<\/p>\n<p><strong>Importante:<\/strong> N\u00e3o use <code>exibi\u00e7\u00e3o: nenhuma;<\/code> no emblema. Remov\u00ea-lo completamente do DOM pode impedir que o script reCAPTCHA carregue ou relate as pontua\u00e7\u00f5es de risco corretamente, desabilitando efetivamente a prote\u00e7\u00e3o contra spam e expondo seus formul\u00e1rios a bots. Usando <code>visibilidade: oculto;<\/code> garante que o emblema permane\u00e7a presente na marca\u00e7\u00e3o sem ficar vis\u00edvel.<\/p>\n<h2>Benef\u00edcios de esconder o distintivo<\/h2>\n<p>Voc\u00ea pode estar se perguntando por que ocultar o emblema. Aqui est\u00e3o as principais vantagens:<\/p>\n<ul>\n<li><strong>Visuais mais elegantes<\/strong>: O emblema pode se sobrepor a elementos importantes da interface do usu\u00e1rio ou parecer deslocado, especialmente em telas de dispositivos m\u00f3veis.<\/li>\n<li><strong>UX aprimorado<\/strong>:Com o reCAPTCHA v3 sendo executado de forma invis\u00edvel, os usu\u00e1rios finais n\u00e3o encontrar\u00e3o cliques ou quebra-cabe\u00e7as extras.<\/li>\n<li><strong>Branding consistente<\/strong>: Remover elementos de interface do usu\u00e1rio de terceiros ajuda a manter um design limpo e coeso.<\/li>\n<\/ul>\n<h2>Solu\u00e7\u00e3o de problemas e pr\u00e1ticas recomendadas<\/h2>\n<ul>\n<li>Se o emblema ainda aparecer, limpe o cache do navegador e qualquer cache do CDN para garantir que seu novo CSS seja aplicado.<\/li>\n<li>Use as ferramentas de desenvolvedor do seu navegador para inspecionar o <code>.grecaptcha-emblema<\/code> elemento e confirme que nenhuma outra folha de estilo est\u00e1 substituindo sua regra.<\/li>\n<li>Verifique novamente se o texto de atribui\u00e7\u00e3o do rodap\u00e9 est\u00e1 claramente vis\u00edvel e corresponde ao texto recomendado pelo Google.<\/li>\n<li>Monitore a documenta\u00e7\u00e3o do Google periodicamente caso haja mudan\u00e7as na pol\u00edtica referente \u00e0 visibilidade dos selos.<\/li>\n<\/ul>\n<h2>Considera\u00e7\u00f5es sobre acessibilidade<\/h2>\n<p>Mesmo que o emblema esteja invis\u00edvel, certifique-se de que seu site permane\u00e7a acess\u00edvel:<\/p>\n<ul>\n<li>Use HTML sem\u00e2ntico para a atribui\u00e7\u00e3o do rodap\u00e9 para que os leitores de tela possam anunci\u00e1-lo corretamente.<\/li>\n<li>Certifique-se de que ocultar o emblema n\u00e3o interfira na ordem de foco ou na navega\u00e7\u00e3o.<\/li>\n<\/ul>\n<p>Seguindo estes passos simples, voc\u00ea pode manter uma integra\u00e7\u00e3o sem emblemas do reCAPTCHA v3, mantendo sua poderosa prote\u00e7\u00e3o contra spam nos bastidores. Esta solu\u00e7\u00e3o mant\u00e9m sua interface limpa, melhora a usabilidade e atende aos requisitos legais do Google. Se voc\u00ea encontrar algum problema ou tiver d\u00favidas, sinta-se \u00e0 vontade para deixar um coment\u00e1rio abaixo. Boa programa\u00e7\u00e3o!<\/p><div id=\"juand-2611916230\" class=\"juand-content_3 juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<p>Foto por <a href=\"https:\/\/www.pexels.com\/photo\/macbook-air-on-grey-wooden-table-67112\/\" target=\"_blank\" rel=\"noopener\">Caio<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>O reCAPTCHA do Google \u00e9 atualmente uma das medidas de seguran\u00e7a mais amplamente implementadas na web. No entanto, em sua vers\u00e3o mais recente, o Google exibe apenas um pequeno emblema no canto inferior direito do seu site. Embora esse &quot;emblema&quot; cumpra sua finalidade legal, nem sempre \u00e9 a escolha de design mais elegante. Neste artigo, mostrarei como remover o emblema reCAPTCHA do seu site \u2014 especialmente se voc\u00ea estiver usando o WordPress \u2014 mantendo total conformidade com os requisitos do Google.<\/p>","protected":false},"author":1,"featured_media":97892,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1289,1290],"tags":[],"class_list":["post-83532","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech","category-tutorials"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/blog.juandesouza.com\/wp-content\/uploads\/2020\/04\/pexels-caio-67112-scaled.jpg?fit=2560%2C1702&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p8STS8-lJi","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/posts\/83532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/comments?post=83532"}],"version-history":[{"count":3,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/posts\/83532\/revisions"}],"predecessor-version":[{"id":97894,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/posts\/83532\/revisions\/97894"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/media\/97892"}],"wp:attachment":[{"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/media?parent=83532"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/categories?post=83532"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/tags?post=83532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}