Cómo añadir el consentimiento de cookies a tu sitio web

Para añadir consentimiento de cookies, primero enumera lo que tu sitio guarda en los navegadores de los visitantes y sepáralo en estrictamente necesario y opcional. Luego añade un banner, desde una plataforma de gestión de consentimiento (CMP) o uno propio, que bloquee los scripts opcionales como la analítica y los píxeles publicitarios hasta que el visitante acepte, ofrezca “Rechazar” con la misma facilidad que “Aceptar”, recuerde la elección y permita cambiarla después. Un banner que se muestra pero no bloquea nada no cumple su función.

Esta guía es información general sobre cómo funcionan técnicamente los banners de consentimiento, no es asesoramiento jurídico. Las normas de privacidad difieren según el país y cambian; comprueba las que se aplican a tus visitantes o consulta a un asesor.

Qué necesita consentimiento (en términos generales)

Las normas sobre cookies suelen cubrir las cookies y tecnologías similares: localStorage, píxeles de seguimiento, huellas digitales del dispositivo. La división habitual, según las guías de la UE y el Reino Unido:

Algunos detalles fáciles de equivocar:

• La UE y el Reino Unido usan un modelo de adhesión voluntaria (opt-in): las cookies opcionales esperan hasta que el visitante acepta. Las guías de reguladores como la ICO del Reino Unido indican que el consentimiento debe ser una acción positiva clara, y que las personas deben poder activar o desactivar las cookies no esenciales con facilidad.
• El Reino Unido cambió en 2025. La Ley de Uso y Acceso a los Datos de 2025 permite instalar algunas cookies sin consentimiento, incluida la analítica usada solo para mejorar tu propio sitio y que produce estadísticas agregadas que no pueden identificar a personas, con el deber de informar claramente a los usuarios. Lee la guía vigente de la ICO antes de confiar en ella.
• Varios estados de EE. UU. usan un modelo de exclusión voluntaria (opt-out) para “vender” o “compartir” datos personales con publicidad dirigida, y algunos esperan que respetes la señal Global Privacy Control a nivel de navegador.
• Anuncios de Google: a septiembre de 2026, Google exige a los editores que usen AdSense, Ad Manager o AdMob una plataforma de gestión de consentimiento certificada por Google e integrada con el Marco de Transparencia y Consentimiento del IAB cuando sirvan anuncios en el EEE, el Reino Unido y Suiza.

Opciones: CMP, librería o a medida

La última opción es subestimada. Si lo único que quieres es contar visitas, una herramienta de analítica sin cookies puede eliminar la necesidad de banner en muchos lugares; revisa su documentación y tus normas locales.

Si usas anuncios de Google en Europa, una CMP certificada es la opción práctica. Para un sitio de pequeño negocio con solo analítica, un banner propio bien construido o una librería suelen bastar.

Cómo funciona un banner por dentro

La parte que la gente se salta es el bloqueo. Una configuración correcta:

1. Antes de cualquier elección, solo se ejecutan las cookies y scripts necesarios. La analítica, los píxeles y los embebidos no se cargan en absoluto (o, con etiquetas de Google, se cargan con el consentimiento denegado).
2. El banner muestra opciones claras en la primera capa: Aceptar todo, Rechazar todo, y una forma de elegir por categorías.
3. Al elegir, el sitio la guarda, normalmente en una cookie propia o en localStorage, con una versión y una fecha, y luego carga solo las categorías aceptadas.
4. En visitas posteriores, se lee la elección guardada antes de cargar nada opcional.
5. Un enlace “Configuración de cookies”, normalmente en el pie de página, vuelve a abrir las opciones en cualquier momento. Retirar el consentimiento debe ser tan fácil como darlo.
6. Si cambias lo que usas, sube la versión para que se vuelva a preguntar.

Modo de consentimiento de Google

Para Google Analytics y Google Ads, el modo de consentimiento de Google conecta las etiquetas con el banner. A septiembre de 2026, la documentación de Google describe cuatro tipos de consentimiento principales: ad_storage, analytics_storage, ad_user_data y ad_personalization. Estableces un valor predeterminado antes de que se cargue la etiqueta de Google, y luego una actualización cuando el visitante elige:

gtag('consent', 'default', {
  ad_storage: 'denied',
  ad_user_data: 'denied',
  ad_personalization: 'denied',
  analytics_storage: 'denied'
});
// más tarde, cuando el visitante acepta solo la analítica:
gtag('consent', 'update', { analytics_storage: 'granted' });

Google describe una implementación básica, en la que las etiquetas no se cargan hasta el consentimiento, y una avanzada, en la que las etiquetas se cargan con el consentimiento denegado y envían señales sin cookies. La básica es más sencilla de razonar. Para el tráfico del EEE, Google espera que se envíen las señales ad_user_data y ad_personalization. Consulta cómo configurar Google Analytics para la etiqueta en sí.

Prompts que funcionan

Añade un banner de consentimiento de cookies. Categorías: necesarias (siempre activas), analítica (Google Analytics 4) y marketing (píxel de Meta). Nada de analítica ni de marketing puede cargarse antes del consentimiento. Primera pantalla: “Aceptar todo”, “Rechazar todo” y “Personalizar”, con igual prominencia. Guarda la elección con un número de versión y una fecha en una cookie propia durante 6 meses, carga solo las categorías aceptadas y añade un enlace “Configuración de cookies” en el pie de página que vuelva a abrir el banner. Usa el modo de consentimiento de Google con los cuatro tipos predeterminados en denegado.

Enumera cada cookie, cada clave de localStorage y cada script de terceros que usa este sitio, qué página lo carga y si es estrictamente necesario. Devuélvelo como una tabla que pueda usar para la política de cookies.

Los embebidos de YouTube en /about se cargan antes del consentimiento. Sustitúyelos por una miniatura y un botón de reproducción que cargue el vídeo solo cuando el visitante haga clic, y muestra una nota de que YouTube puede establecer cookies.

Paso a paso

1. Audita lo que establece tu sitio: abre DevTools → Application → Cookies y Local Storage en una visita nueva, y revisa la pestaña Network para ver las peticiones de terceros. Incluye embebidos y widgets de chat.
2. Categoriza cada elemento: necesario, preferencias, analítica, marketing. Elimina lo que no uses.
3. Decide el enfoque: CMP, librería o a medida, según la tabla anterior.
4. Implementa el bloqueo para que los scripts opcionales se carguen solo tras el consentimiento. Para etiquetas de Google, añade los valores predeterminados del modo de consentimiento antes de la etiqueta.
5. Construye el banner con opciones de Aceptar y Rechazar igual de visibles, elección por categorías y un enlace de configuración.
6. Redacta la política de cookies (a menudo parte de tu política de privacidad) con lo que usas y por qué; consulta cómo redactar términos de servicio y una política de privacidad.
7. Prueba en una ventana privada: antes de elegir, sin cookies ni peticiones opcionales; tras rechazar, sigue sin haberlas; tras aceptar, aparecen las correctas; tras cambiar de opinión, dejan de aparecer.
8. Revisa de nuevo cada vez que añadas una herramienta nueva.

Errores habituales

• Un banner que no bloquea nada. Los scripts se disparan al cargar la página mientras el banner pregunta educadamente.
• Aceptar es un botón grande y Rechazar está oculto en una segunda pantalla o como un enlace gris.
• Categorías premarcadas o interruptores de “interés legítimo” activados por defecto.
• No poder cambiar de opinión tras la primera elección.
• Olvidar los embebidos: YouTube, mapas, feeds sociales y widgets de chat también pueden establecer cookies.
• Preguntar en cada carga de página porque la elección no se guarda bien.
• El banner tapa la página en móviles o atrapa el foco del teclado. Hazlo accesible y lo bastante pequeño como para pasar por encima.
• Copiar la política de otro sitio que describe cookies que tú no usas.

Lista de comprobación del consentimiento

• Cada cookie, clave de almacenamiento y script de terceros enumerado y categorizado
• Los scripts opcionales bloqueados hasta el consentimiento (verificado en DevTools)
• Aceptar y Rechazar igual de fáciles en la primera capa
• Opciones por categoría disponibles; nada opcional preseleccionado
• Elección guardada con versión y fecha; se vuelve a preguntar tras los cambios
• Enlace “Configuración de cookies” en todas las páginas
• Valores predeterminados del modo de consentimiento de Google configurados antes de las etiquetas de Google, si se usan
• La política de cookies o de privacidad coincide con lo que el sitio hace realmente
• Las normas de los países de tus visitantes revisadas con la guía vigente o con un asesor

Para el contexto, lee qué son las cookies y qué es el RGPD.

Consentimiento de cookies en Mythex

Mythex no añade por sí solo un banner de consentimiento ni analítica a tu app; ambos son cosas que pides tú, así decides qué se carga. Ejecuta primero el prompt de auditoría y luego el prompt del banner con tus categorías reales, y prueba en la vista previa con DevTools abierto antes de publicar. Si usas una CMP alojada, te da un script y un ID; el ID es público y puede ir en el código del frontend, y lo que sea secreto pertenece a los ajustes del proyecto (variables de entorno y secretos). Vuelve a publicar tras los cambios para que el sitio en vivo use el nuevo banner.

Preguntas