¿Código para ocultar la etiqueta/badge de reCAPTCHA V3?

  • ¿Código para ocultar la etiqueta/badge de reCAPTCHA V3?

    Discusión creada por Simón Marín el 8 de julio de 2025 en 8:54 AM

    Hola comunidad,

    Espero que estén bien. Tengo una consulta técnica sobre reCAPTCHA V3.

    El problema:

    He implementado reCAPTCHA V3 en mi sitio web, pero aparece una etiqueta/badge en la esquina inferior derecha (o lateral izquierdo) de la página que dice «protegido por reCAPTCHA». Esta etiqueta está afectando el diseño y la estética de mi sitio.

    Lo que necesito:

    ¿Existe algún código CSS o método para ocultar completamente esta etiqueta sin comprometer la funcionalidad del reCAPTCHA V3?

    Jefferson Maldonado ha respondido hace 2 dias, 18 horas 2 Miembros · 1 Respuesta
  • 1 Respuesta
  • Jefferson Maldonado

    organizador
    9 de julio de 2025 en 10:01 AM

    ¡Hola Simón!

    Muy buena pregunta, y es algo que suele preocupar a quienes quieren mantener un diseño limpio.

    Por políticas de Google, no se recomienda ocultar la etiqueta/badge de reCAPTCHA V3, ya que su visibilidad es obligatoria para informar al usuario que el sitio está protegido y cumple con las condiciones de uso de Google. De hecho, en sus términos oficiales indican que la etiqueta no debe ser eliminada ni escondida totalmente.

    Dicho esto, sí existe una opción aprobada por Google:

    Puedes ocultar la badge visualmente, solo si incluyes el aviso legal correspondiente en el pie de página de tu web (normalmente junto al aviso de cookies o política de privacidad). El texto debe decir algo como:

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

    Si cumples esto, puedes usar el siguiente CSS para ocultar la badge:

    .grecaptcha-badge { visibility: hidden !important; }

    Asegúrate de poner el aviso legal bien visible para no incumplir la política de Google.

    ¡Un saludo!

    Jefferson – UXDivi

Inicia sesión para responder.