Saltar al contenido

Cómo ocultar la insignia reCAPTCHA invisible de Google

Nuestro grupo redactor ha pasado mucho tiempo investigando la resolución a tu duda, te brindamos la soluciones por eso nuestro objetivo es resultarte de gran ayuda.

Solución:

Google ahora permite ocultar la insignia, desde las preguntas frecuentes:

Me gustaría ocultar la insignia de reCAPTCHA v3. ¿Qué está permitido?

You are allowed to hide the badge as long as you include the reCAPTCHA
branding visibly in the user flow. Please include the following text:

This site is protected by reCAPTCHA and the Google
    Privacy Policy and
    Terms of Service apply.

Por ejemplo:

ingrese la descripción de la imagen aquí

Así que simplemente puedes ocultarlo usando el siguiente CSS:

.grecaptcha-badge  
    visibility: hidden;

ingrese la descripción de la imagen aquí No utilice display: none; como parece deshabilitar la verificación de spam (gracias @Zade)

He probado todos los enfoques y:

ADVERTENCIA:display: none ¡DESACTIVA la comprobación de spam!

visibility: hidden y opacity: 0 NO desactive la comprobación de spam.

Código a usar:

.grecaptcha-badge  
    visibility: hidden;

Cuando oculta el ícono de la insignia, Google quiere que haga referencia a su servicio en su formulario agregando esto:

This site is protected by reCAPTCHA and the Google 
    Privacy Policy and
    Terms of Service apply.

Resultado de ejemplo

Selecciona el data-badge attribute a inline

Y agrega el siguiente CSS

.grecaptcha-badge 
    display: none;

Puntuaciones y comentarios

Si te sientes a gusto, eres capaz de dejar un artículo acerca de qué le añadirías a este tutorial.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *