Usar NoNonsense Cookie con Google Tag Manager
Aprende cómo integrar NoNonsense Cookie con Google Tag Manager para activar etiquetas solo después del consentimiento de los visitantes.
Cómo funciona la integración
NoNonsense Cookie emite eventos JavaScript cuando un visitante toma una decisión de consentimiento. Puedes escuchar estos eventos en GTM para activar etiquetas condicionalmente.
Eventos de consentimiento
Los siguientes eventos personalizados son emitidos por el widget de NoNonsense Cookie:
Se activa cuando se actualizan las preferencias de consentimiento
nncookie_consent_update
Se activa cuando el visitante acepta las cookies
nncookie_consent_given
Se activa cuando el visitante rechaza todas las cookies opcionales
nncookie_consent_rejected
Configurar disparadores de GTM
Crear un disparador de evento personalizado
En GTM, ve a Disparadores > Nuevo > Evento personalizado. Introduce "nncookie_consent_update" como nombre del evento.
Añadir una variable de Data Layer
El evento de consentimiento incluye detalles sobre qué categorías fueron aceptadas. Crea variables de Data Layer para "analytics", "marketing" y "preferences".
Configurar los disparadores de etiquetas
Para cada etiqueta, configura el disparador a tu evento personalizado y añade una condición de que la categoría relevante sea "true".
Probar con el modo Vista previa de GTM
Usa el modo Vista previa de GTM para verificar que las etiquetas solo se activan después del consentimiento del visitante.
Ejemplo: escuchar eventos de consentimiento
Si prefieres trabajar con JavaScript personalizado, puedes escuchar directamente los eventos de consentimiento:
<script>
window.addEventListener('nncookie_consent_update', function(e) {
if (e.detail.analytics) {
// Analytics consent given — fire your GA4 tag
gtag('consent', 'update', {
'analytics_storage': 'granted'
});
}
if (e.detail.marketing) {
// Marketing consent given — fire your ads tags
gtag('consent', 'update', {
'ad_storage': 'granted'
});
}
});
</script>Google Consent Mode v2
NoNonsense Cookie es compatible con Google Consent Mode v2. El widget configura automáticamente las señales de consentimiento apropiadas.