OhMyGeek!
Internet Tutoriales

¿Cómo quitar la placa (badge) de reCAPTCHA V3 en tu Web?

En octubre de 2018, Google presentó a reCAPTCHA V3. Se trata de la más reciente versión que la compañí­a propone para detectar tráfico abusivo que visita tu Web y así­ simular a un humano. Con el fin de interactuar principalmente en formularios de texto y/o identificación.

reCAPTCHA es muy utilizado en todo el mundo, para intentar apaciguar la cantidad de spam automatizado (bots) que ronda la red. Y probablemente -más de una vez- te encontraste con el famoso «No soy un robot» para así­ validar tu persona.

Una de las nuevas caracterí­sticas en la «V3» de esta herramienta, es la evaluación de usuarios a través de puntajes y no necesariamente chequeando la pestaña de identificación o utilizando un conjunto de fotografí­as que se elegí­an por cuadros.

reCAPTCHA V3 no es perfecto

El problema es que no todos están felices con la nueva versión. Algunos se quejan que es menos efectiva contra el spam que «V2». Y ojo, que aún está disponible la versión anterior y tú -técnicamente- puedes escoger cuál deseas usar, pero existen servicios que fuerzan la utilización de «V3». Es lo que nos pasó a nosotros -aquí en OhMyGeek!– con nuestro formulario de contacto.

El plugin de WordPress que utilizamos, obliga a migrar a V3 y eso conlleva otra desagradable implementación de Google. ¿Cuál? Un badge o placa que se muestra -en todas las páginas- (cuando usas un CMS) que estás usando reCAPTCHA.

¿Cómo quitar la placa (badge) de reCAPTCHA V3 en tu Web?
El badge (más encima) se expande cuando ubicas el mouse sobre él.

¡Una locura! Y algo completamente anti-estético que por defecto no se puede quitar cuando lo implementas a través de llaves. Aunque Google sí­ permite esconderlo, siempre y cuando incluyas la marca reCAPTCHA en el formulario que uses la tecnologí­a.

Lee:  ¿Quiénes pueden transmitir por Internet los partidos de la selección chilena?

Por lo pronto la opción más rápida (y fácil) para quitar la placa del servicio es a través de CSS. ¿Cómo? Agregando el siguiente código -sin comillas- a tu hoja de estilo: «.grecaptcha-badge {opacity:0}».

Si usas WordPress, agrega esa lí­nea de código al archivo CSS de tu theme (tema).

Cabe destacar que no debes utilizar «display:none» para dejar invisible la placa. Esto porque advierten que al utilizar eso, la protección contra spam se detiene.

De igual manera, para estar en regla con Google, en el formulario donde utilices reCAPTCHA V3, agrega el texto: «This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply». Tal como lo indica la propia compañí­a.

ACTUALIZACIÓN (JUNIO DE 2019)

Gracias a uno de los comentarios escritos en este artí­culo, nos enteramos que Google actualizó el FAQ sobre reCAPTCHA V3 y cambió la lí­nea de opacidad por visibilidad.

«.grecaptcha-badge { visibility: hidden; }» (sin comillas)

De igual manera ambos métodos, «opacity» y «visibility», funcionan. Puedes probar cuál queda mejor para tu Web.

Te interesará ver

¿Quiénes pueden transmitir por Internet los partidos de la selección chilena?

Felipe Ovalle

La revolución del entretenimiento en vivo y online

Colaborador OhMyGeek!

Alertan por incumplimientos comerciales de Peixe (ex Groupon), incluyendo cupones que no son aceptados

Felipe Ovalle

Google anuncia el fin de las cookies y no hará otra alternativa para rastrear usuarios por publicidad

OhMyGeek!

¿Cómo mantener seguro tu canal de YouTube según Google?

OhMyGeek!

K-pop alcanzó el récord de 6.7 mil millones de tweets en 2020

OhMyGeek!

20 comentarios

Alexander Linares 12 de abril de 2021 at 10:47 am

Fue oportuna la información, sigue vigente para 12/04/21.

Gracias.

Responder
Felipe Ovalle 13 de abril de 2021 at 10:20 am

Gracias por tu comentario Alexander. Y nos alegramos que te haya sido útil.

Responder
doris 19 de abril de 2020 at 2:37 pm

no me interesa por que me incomuda quieros salir de eso

Responder
Paris Marin 30 de marzo de 2020 at 1:47 am

¡Enhorabuena!
me ha funcionado.
¡Gracias Felipe!

Responder
Gustavo 17 de enero de 2020 at 10:35 pm

¡Gracias! Me ayudo mucho

Responder
diego ciccarelli 10 de enero de 2020 at 10:23 am

Gracias, fue de mucha ayuda tu post.

Responder
Alejandro 25 de septiembre de 2019 at 12:33 pm

¡Muchas gracias!

Responder
jose 12 de julio de 2019 at 12:34 pm

Buenas, el mensaje obligatorio que hay que poner, segun indicais «This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply», debe ir en INGLES o puede ir en ESPAÑOL.

Gracias por la información

Responder
Felipe Ovalle 13 de julio de 2019 at 11:10 am

Google no provee FAQ de reCAPTCHA en español (muy raro), pero tú puedes hacer una adaptación de texto oficial en inglés al español, mientras incluyas las URL de términos de uso y polí­ticas de privacidad. Eso es lo que finalmente importa, como cortesí­a (nada es imperativo), más que el idioma en que se despliega el mensaje por el tipo de público que usa tu plataforma.

Responder
Matias 18 de junio de 2019 at 1:56 pm

Hola, muchas gracias, me ayudo mucho. Queria consultarte sobre que links se usan para Privacy Policy y Terms of Service porque en el link de Google aparecen en una imagen como links pero no dice a donde hacen referencia. Gracias

Responder
Matias 18 de junio de 2019 at 1:59 pm

Lo siento, si lo dice, lo habia pasado de largo. Muchas gracias

Responder
JP 12 de junio de 2019 at 5:51 pm

Amigos, gracias por la info! En el sitio de FAQ de google indican que si se desea ocultar se debe utilizar:
.grecaptcha-badge { visibility: hidden; }

https://developers.google.com/recaptcha/docs/faq

Responder
Felipe Ovalle 12 de junio de 2019 at 9:24 pm

Actualizaremos la publicación con esa nueva modificación. Gracias por el aviso. Originalmente era usando opacidad (y aún funciona), pero Google cambió el FAQ. Recordemos que este escrito es de diciembre de 2018.

Responder
cecilia 23 de mayo de 2019 at 5:46 pm

genio
Maestrooo
te adoro
Gracias!!

Responder
jorge torres 27 de febrero de 2019 at 5:14 pm

Gracias amigo

Responder
Pablo 16 de enero de 2019 at 5:42 am

Hola! Muchas gracias por el post! Como comentaron arriba, simple y efectivo. Muy útil
Saludos!

Responder
Antonio 3 de enero de 2019 at 2:15 pm

Genial, muchas gracias Felipe. Rápido y efectivo. Cambio realizado en todas las webs creadas.

Responder
Felipe Ovalle 7 de enero de 2019 at 11:07 am

¡Feliz de ayudar!

Responder
Lolobeli 17 de diciembre de 2018 at 3:02 pm

Muy buen aporte, preciso y conciso. Muchas gracias.

Responder
Felipe Ovalle 7 de enero de 2019 at 11:07 am

No hay de qué ;)

Responder

Deja un comentario

También compártelo en:
Send this to a friend