Demo interactiva

El banner de consentimiento en funcionamiento

Acepta, rechaza o elige categorías. La demo muestra al momento cómo cambia el estado de Google Consent Mode v2 y qué eventos se envían al dataLayer.

Esta es una demo segura. No carga scripts reales de GA4, Google Ads, Meta, TikTok ni Hotjar y no envía datos. El estado del consentimiento se guarda únicamente en tu navegador con la clave cookiepilot_demo_consent y no afecta a tus preferencias de consentimiento en cookiepilot.io.

Estado inicial: antes de decidir, todas las categorías opcionales están en denied.

🍪

Esta web utiliza cookies

Usamos cookies para ofrecerte la mejor experiencia posible en nuestra web.

Con la tecnología de CookiePilot🇪🇺 Hecho en la UE

Estado del consentimiento

Aún sin decisión
  • necessarygranted
  • analyticsdenied
  • marketingdenied
  • preferencesdenied

Estado de Google Consent Mode v2

Estas son las señales que CookiePilot envía a gtag() después de tu decisión. Por defecto todo queda en denied, con wait_for_update, excepto security_storage.

  • analytics_storagedenied
  • ad_storagedenied
  • ad_user_datadenied
  • ad_personalizationdenied
  • functionality_storagedenied
  • personalization_storagedenied
  • security_storagegranted

Correspondencia entre CookiePilot y Consent Mode

Categoría de CookiePilotCampos de Consent Mode
analyticsanalytics_storage
marketingad_storage, ad_user_data, ad_personalization
preferencesfunctionality_storage, personalization_storage
necessarysecurity_storage: granted

Registro dataLayer

Cada cambio de consentimiento añade a dataLayer un evento cookiepilot_consent_update con el estado actual.

Interactúa con el banner superior para ver los eventos.

El widget real también emite un evento nativo cookiepilot:consent en el objeto window, con los mismos datos.

Simulación de rastreadores: antes y después del consentimiento

Una muestra de cómo se comportan etiquetas habituales con el estado de consentimiento actual. Es una simulación. Aquí no se carga ninguno de esos scripts.

RastreadorCategoríaAntes del consentimientoDespués del consentimientoComportamiento esperado
GA4analyticsConsent Mode: deniedConsent Mode: grantedEl almacenamiento solo se habilita tras obtener el consentimiento para analítica. Con el estado denied, Google puede enviar pings sin cookies.
Google AdsmarketingConsent Mode: deniedConsent Mode: grantedad_storage, ad_user_data y ad_personalization se habilitan tras el consentimiento de marketing.
Meta Pixelmarketingno se activase activaRequiere el disparador cookiepilot_consent_update con la condición de marketing o auto-blocking.
TikTok Pixelmarketingno se activase activaRequiere el disparador cookiepilot_consent_update con la condición de marketing o auto-blocking.
Hotjaranalyticsno se activase activaRequiere el disparador cookiepilot_consent_update con la condición de analítica o auto-blocking.

Las etiquetas de Google, como GA4 y Google Ads, se rigen por Consent Mode. Con el estado denied, Google puede, según la configuración, enviar pings sin cookies y sin almacenarlas.

Las etiquetas de otros proveedores, como Meta, TikTok y Hotjar, solo deberían activarse tras el evento cookiepilot_consent_update y cuando se haya dado consentimiento para la categoría correspondiente. También pueden controlarse mediante auto-blocking, si está activado. En la configuración predeterminada del dominio, el auto-blocking está desactivado, por lo que se utilizan disparadores.

FAQ de la demo

¿La demo carga rastreadores reales o les envía datos?

No. La demo solo simula GA4, Google Ads, Meta Pixel, TikTok Pixel y Hotjar. No carga sus scripts ni envía datos a plataformas externas.

¿Qué cambia Google Consent Mode v2 en esta simulación?

Consent Mode v2 muestra cómo las categorías de CookiePilot se asignan a campos como analytics_storage, ad_storage, ad_user_data y ad_personalization.

¿Las selecciones de la demo afectan a la configuración real de CookiePilot?

No. La elección se guarda solo localmente con la clave cookiepilot_demo_consent y no cambia la configuración del dominio ni el consentimiento en cookiepilot.io.

Comprueba tu propia implementación

Cuando despliegues CookiePilot en tu sitio, sigue la lista de comprobación de la documentación para confirmar que las etiquetas no se activan hasta que el usuario da su consentimiento.

Checklist de pruebas tras el despliegue