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

Para añadir el consentimiento de cookies, primero haz una lista de lo que tu web guarda en los navegadores de los visitantes y sepárala entre estrictamente necesario y opcional. Después añade un banner (de una plataforma de gestión del consentimiento o hecho por ti) que bloquee los scripts opcionales, como la analítica y los píxeles publicitarios, hasta que el visitante acepte; que ofrezca «Rechazar» con la misma facilidad que «Aceptar»; que recuerde la elección y que 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; revisa 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, basada en las guías de la UE y del 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 a que el visitante acepte. Las guías de reguladores como la ICO del Reino Unido indican que el consentimiento debe ser una acción positiva y 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 Datos de 2025 permite establecer algunas cookies sin consentimiento, incluida la analítica usada solo para mejorar tu propia web y que produce estadísticas agregadas que no pueden identificar a personas, con el deber de informar a los usuarios con claridad. 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 la «venta» o «compartición» de datos personales con fines de publicidad dirigida, y algunos esperan que respetes la señal de navegador Global Privacy Control.
• Anuncios de Google: a septiembre de 2026, Google exige a los editores que usan AdSense, Ad Manager o AdMob un proveedor de gestión del consentimiento certificado por Google e integrado con el Marco de Transparencia y Consentimiento de la IAB cuando sirvan anuncios en el EEE, el Reino Unido y Suiza.

Opciones: CMP, librería o banner propio

La última opción está infravalorada. Si solo quieres 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 una web pequeña con solo analítica, un banner propio bien hecho o una librería suele bastar.

Cómo funciona un banner por dentro

Lo que la gente suele saltarse 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 incrustados no se cargan (o, con etiquetas de Google, se cargan con el consentimiento en «denegado»).
2. El banner muestra opciones claras en la primera capa: Aceptar todo, Rechazar todo y una forma de elegir por categoría.
3. Al elegir, la web guarda la elección, 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, reabre 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 por defecto antes de que se cargue la etiqueta de Google y después 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 entender. 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 propia etiqueta.

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 se puede cargar antes del consentimiento. Primera pantalla: «Aceptar todo», «Rechazar todo» y «Personalizar», con la misma 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 que reabra el banner. Usa el modo de consentimiento de Google con los cuatro tipos por defecto en denegado.

Haz una lista de cada cookie, clave de localStorage y script de terceros que usa esta web, en qué página se carga cada uno y si es estrictamente necesario. Muéstralo en una tabla que pueda usar para la política de cookies.

Los vídeos de YouTube incrustados en /about se cargan antes del consentimiento. Sustitúyelos por una miniatura con 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 web: abre las herramientas de desarrollo → Application → Cookies y Local Storage en una visita nueva, y revisa la pestaña Network para las peticiones de terceros. Incluye los incrustados y los 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 banner propio, según la tabla de arriba.
4. Implementa el bloqueo para que los scripts opcionales se carguen solo tras el consentimiento. En las etiquetas de Google, añade los valores por defecto 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ía y un enlace de configuración.
6. Redacta la política de cookies (a menudo parte de la política de privacidad) que enumere 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, ninguna cookie ni petición opcional; tras rechazar, sigue sin haber ninguna; tras aceptar, aparecen las correctas; tras cambiar de opinión, dejan de aparecer.
8. Revisa 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á escondido en una segunda pantalla o en un enlace gris.
• Categorías preseleccionadas o interruptores de «interés legítimo» activados por defecto.
• No hay forma de cambiar de opinión tras la primera elección.
• Olvidar los incrustados: YouTube, mapas, feeds de redes 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 los móviles o atrapa el foco del teclado. Hazlo accesible y lo bastante pequeño para poder leer lo de detrás.
• Copiar la política de otra web que describe cookies que tú no usas.

Lista de comprobación del consentimiento

• Cada cookie, clave de almacenamiento y script de terceros listado y categorizado
• Los scripts opcionales bloqueados hasta el consentimiento (comprobado en las herramientas de desarrollo)
• 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 por defecto 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 hace realmente la web
• 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í mismo un banner de consentimiento ni analítica a tu app: ambos son cosas que pides tú, así que decides qué se carga. Ejecuta primero el prompt de auditoría y luego el del banner con tus categorías reales, y prueba en la vista previa con las herramientas de desarrollo abiertas 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, pero lo secreto debe ir en los ajustes del proyecto (variables de entorno y secretos). Vuelve a publicar después de los cambios para que la web en vivo use el nuevo banner.

Preguntas