Ir al contenido

Cookies y medición

Nada de medición se carga antes de que la persona acepte. El banner solo aparece si el sitio tiene configurado PUBLIC_GTM_ID.

flowchart TD
  visita([Primera visita]) --> hay{¿Hay respuesta guardada?}
  hay -- no --> banner[Banner de cookies:<br/>Aceptar · Rechazar · Personalizar]
  hay -- sí --> aplica
  banner -- Aceptar --> granted[analytics: granted]
  banner -- Rechazar --> denied[analytics: denied]
  banner -- Personalizar --> prefs[Preferencias por categoría] --> guardar{Analítica activada?}
  guardar -- sí --> granted
  guardar -- no --> denied
  granted --> store[(settings store)]
  denied --> store
  store --> aplica[gtag consent update]
  aplica --> gtm{¿granted?}
  gtm -- sí --> carga[Carga GTM y se envían eventos]
  gtm -- no --> nada[No se carga nada]
  • Consent Mode v2: por defecto todo está en denied; con la respuesta se hace gtag('consent', 'update', …).
  • La respuesta se puede cambiar en cualquier momento: “Preferencias de cookies” en el footer o el switch de la página de privacidad.
  • Los eventos (menu_opened, language_changed, page_shared, sign_out…) pasan siempre por track(); cada elemento interactivo tiene un id estable para usar como disparador en GTM.
  • Staging (GitHub Pages) carga el entorno Staging del contenedor (PUBLIC_GTM_AUTH y PUBLIC_GTM_PREVIEW); producción usará la versión Live. El modo vista previa (Tag Assistant) funciona con la CSP del sitio, siempre que se acepten las cookies.
  • En la librería, banner, preferencias y ajustes en página son un solo componente, CookieConsent, con los modos banner, modal e inline (desde @inzumer/ui-library 2.0.0).