GTM

Cómo implementar Visible Privacy con Google Tag Manager

Implementa Visible Privacy con Google Tag Manager

Visible Privacy ofrece una solución integral para gestionar el consentimiento de cookies en sitios web utilizando Google Tag Manager (GTM). Esta guía te llevará a través del proceso de desplegar Visible Privacy en tu sitio web habilitado con GTM.


Requisitos previos

Antes de comenzar, asegúrate de tener:

  • Una cuenta válida y activa de Google Tag Manager.
  • Un contenedor en GTM configurado para tu página web.
  • Añadido el snippet del contenedor GTM a tu sitio web.

Instalando el banner de consentimiento

Para añadir el banner de consentimiento de Visible Privacy a tu sitio web:

Descargar el plugin

En Google Tag Manager, los "plugins" se consideran "plantillas". Necesitarás descargar la plantilla de Visible Privacy (beautiful-consent-visible-privacy-cmp.tpl).

Puedes encontrarla aquí.

Ve a la sección Plantillas de tu GTM, y haz clic en el botón Nuevo bajo las plantillas de etiquetas.

Importa la plantilla CMP de Visible Privacy a tu espacio de trabajo.

Guarda la plantilla tal como está.

Crea una nueva etiqueta.

Ve a la sección Etiquetas, añade una nueva etiqueta, y selecciona "Beautiful Consent - Visible Privacy CMP" como tipo de etiqueta, bajo la sección Personalizada.

Introduce tu ID de cliente

Bajo la sección Configuración de etiqueta, introduce tu ID de cliente de tu cuenta de Visible Privacy en el campo "ID". Tendrá un formato como XXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX.

Configura un activador o disparador

Bajo la sección Activación, configura el activador en "Inicialización de consentimiento - Todas las páginas".

Tu nueva etiqueta debería verse así.

¡Lanza tu nueva etiqueta! 🚀


Google Tag Manager incluye varias funciones que trabajan junto con Visible Privacy para ayudarte a gestionar cómo se comportan las etiquetas en respuesta a las decisiones de consentimiento del usuario final.

Las etiquetas específicas (como Google Ads o Analytics) tienen verificaciones de consentimiento integradas. Esto significa que estas etiquetas incluyen lógica que cambia automáticamente el comportamiento de la etiqueta basándose en el estado de consentimiento del usuario. No se necesita configuración de consentimiento para este tipo de etiqueta.


Para una revisión completa de las configuraciones de consentimiento aplicadas a todas las etiquetas en tu contenedor, puedes habilitar el Resumen de consentimiento desde las configuraciones de tu contenedor.


Configurando verificaciones de consentimiento adicionales

Crea un activador de evento personalizado

En tu contenedor GTM, crea el siguiente activador de evento personalizado para ser usado en tu configuración GTM:

  • Nombre del evento: vp_gtm_consent_update
  • Tipo de evento: Evento personalizado
  • Se activa en: Todos los eventos personalizados

Ajusta configuraciones de consentimiento

Edita las configuraciones de consentimiento para todas las etiquetas que necesiten ser configuradas con consentimiento adicional.

  • En el editor de etiquetas, ve a Configuración avanzada > Configuraciones de consentimiento.
  • Configura en "Requerir consentimiento adicional para que la etiqueta se active".

Configura las etiquetas que consideres

Para asegurar que la etiqueta se active tan pronto como se hayan determinado las decisiones de consentimiento (ya sea de una visita anterior o de interacción con el banner), reemplaza el activador normal "Todas las páginas" con el activador creado en el paso 1.