Banners de cookies: la guía completa

Un banner de cookies es la interfaz entre tu sitio web y el derecho a la privacidad de tus visitantes. Es el mecanismo mediante el cual obtienes —o dejas de obtener— un consentimiento legalmente válido para las cookies no esenciales. Hacerlo bien no es opcional: es un requisito legal en toda la Unión Europea y en un número creciente de jurisdicciones en todo el mundo.

Esta guía cubre qué son los banners de cookies, por qué existen, qué exige la ley y cómo implementar uno que sea a la vez conforme y fácil de usar.

¿Qué es un banner de cookies?

Un banner de cookies es un elemento de la interfaz de usuario —normalmente mostrado cuando un visitante llega por primera vez a tu sitio web— que informa al usuario sobre el uso de cookies y tecnologías de seguimiento similares por parte del sitio, y le proporciona un mecanismo para otorgar o denegar su consentimiento.

El término «banner de cookies» es algo informal. En términos legales, se trata de una interfaz de gestión del consentimiento. Existe debido a dos leyes de la UE que se cruzan:

• La Directiva sobre la privacidad electrónica (2002/58/CE), artículo 5, apartado 3: exige el consentimiento previo antes de almacenar o acceder a información en el dispositivo de un usuario (con excepciones limitadas para las cookies estrictamente necesarias).
• El Reglamento General de Protección de Datos (GDPR), artículos 4, apartado 11, y 7: define qué constituye un consentimiento válido: debe ser otorgado libremente, ser específico, informado e inequívoco, y darse mediante una clara acción afirmativa.

En conjunto, estas leyes implican que, antes de instalar una cookie de analítica, un píxel de marketing o cualquier otro rastreador no esencial, debes preguntar al usuario y recibir un claro «sí».

Requisitos legales de los banners de cookies

Un banner de cookies conforme no es solo una notificación, sino un mecanismo de consentimiento. El Comité Europeo de Protección de Datos (CEPD) y las autoridades nacionales de protección de datos han publicado directrices exhaustivas sobre lo que deben incluir los banners. Estos son los requisitos innegociables:

Qué debe mostrarse

1. Una descripción clara de la finalidad. Los usuarios deben entender por qué se utilizan las cookies, no solo que existen. «Utilizamos cookies para mejorar tu experiencia» es insuficiente. Debes explicar las finalidades específicas: analítica, publicidad, personalización, integración con redes sociales.
2. Un botón de aceptar. Una acción clara y afirmativa para consentir las cookies no esenciales.
3. Un botón de rechazar (o equivalente). Los usuarios deben poder rechazar las cookies no esenciales con la misma facilidad. La CNIL (Francia), la autoridad de protección de datos danesa (Datatilsynet) y el CEPD lo han confirmado: rechazar las cookies debe ser tan fácil como aceptarlas.
4. Un enlace a la configuración o preferencias de cookies. Los usuarios deben poder tomar decisiones granulares, aceptando algunas categorías de cookies mientras rechazan otras.
5. Un enlace a tu política de cookies. El banner debe proporcionar acceso a información detallada sobre qué cookies utilizas, sus finalidades, su duración y si son propias o de terceros.
6. Identidad del responsable del tratamiento. Los usuarios deben saber quién recopila sus datos.

Qué no debe ocurrir

• Las cookies no esenciales no deben instalarse antes de que el usuario tome una decisión.
• El consentimiento no debe inferirse del desplazamiento, la navegación continua o la inacción.
• Las casillas premarcadas no constituyen un consentimiento válido (confirmado por el TJUE en la sentencia Planet49, asunto C-673/17).
• Los muros de cookies —que bloquean el acceso al sitio a menos que el usuario dé su consentimiento— están generalmente prohibidos, aunque existen excepciones limitadas en algunas jurisdicciones.

Tipos de banners de cookies

No todos los banners de cookies son iguales. El tipo que necesitas depende de tu jurisdicción, de las cookies que utilizas y del nivel de conformidad que pretendes alcanzar.

Banners de solo aviso

Estos simplemente informan al usuario de que se utilizan cookies, a menudo con un único botón de «OK» o «Entendido». Los banners de solo aviso no son conformes con la legislación de la UE. Eran habituales en los primeros tiempos de la regulación sobre cookies, pero no cumplen con el estándar de consentimiento del GDPR. Si tu sitio web se dirige a usuarios de la UE, un banner de solo aviso es una responsabilidad legal.

Banners de opt-in (consentimiento previo)

El estándar de referencia para la conformidad en la UE. No se instala ninguna cookie no esencial hasta que el usuario da su consentimiento afirmativamente. El banner presenta opciones claras de aceptar y rechazar y, preferiblemente, un enlace a una configuración granular. Este es el modelo exigido por la Directiva sobre la privacidad electrónica según se interpreta a través del GDPR.

Banners por capas

Un enfoque por capas presenta la información esencial en la primera capa (el propio banner) y la información detallada en una segunda capa (un panel de preferencias o una página de configuración). Este es el enfoque recomendado por el CEPD y la mayoría de las autoridades de protección de datos. Equilibra la transparencia con la usabilidad: los usuarios obtienen la información clave de entrada, con la opción de profundizar más.

Un banner por capas bien implementado suele mostrar:

• Primera capa: descripción breve de la finalidad, botón de aceptar, botón de rechazar y enlace «Gestionar preferencias».
• Segunda capa: desglose categoría por categoría con interruptores, descripciones detalladas y una lista de las cookies específicas de cada categoría.

Ubicación del banner

El lugar donde colocas tu banner de cookies afecta tanto a la conformidad como a la experiencia del usuario. Las ubicaciones habituales incluyen:

El CEPD no ha prescrito una ubicación específica, pero el banner debe ser claramente visible y no fácil de pasar por alto. Una ventana modal central o una barra inferior destacada son las opciones más seguras desde el punto de vista de la conformidad. Un pequeño widget en la esquina que los usuarios ignoran habitualmente puede no cumplir con el estándar de información «clara y destacada».

Qué debe incluir un banner conforme

En resumen, un banner que cumpla con los estándares actuales de la UE debe incluir estos elementos:

1. Descripción de la finalidad: una explicación concisa de por qué se utilizan las cookies, organizada por categoría (necesarias, analítica, marketing, preferencias).
2. Botón de aceptar todo: claramente etiquetado, que otorga el consentimiento a todas las categorías de cookies no esenciales.
3. Botón de rechazar todo: tan prominente como el botón de aceptar: mismo tamaño, mismo peso visual, mismo nivel de accesibilidad.
4. Enlace de gestionar preferencias / configuración: abre una segunda capa donde los usuarios pueden tomar decisiones categoría por categoría.
5. Enlace a la política de cookies: enlaza a un documento detallado con la política de cookies.
6. Enlace a la política de privacidad: enlaza a la política de privacidad completa del sitio (puede combinarse con el enlace a la política de cookies).

Errores habituales en la implementación de banners de cookies

Incluso las implementaciones bien intencionadas contienen con frecuencia errores que socavan la conformidad:

• Instalar cookies antes del consentimiento. El error más habitual y más grave. Si tus etiquetas de analítica o publicidad se activan al cargar la página, antes de que el usuario interactúe con el banner, estás en infracción. El consentimiento debe obtenerse antes de que se instalen las cookies.
• Ausencia de botón de rechazar. Ofrecer solo «Aceptar» y «Configuración» no es suficiente. Los usuarios deben poder rechazar todas las cookies no esenciales desde la primera capa, con una sola acción.
• Manipulación visual. Hacer que el botón de aceptar sea grande y verde mientras que la opción de rechazar es un pequeño enlace de texto es un patrón oscuro. Las autoridades de protección de datos han impuesto multas considerables por esta práctica.
• Descripciones vagas de la finalidad. «Utilizamos cookies para mejorar tu experiencia» no le dice nada al usuario. Sé específico: analítica, publicidad dirigida, integraciones de redes sociales, pruebas A/B.
• Ignorar el consentimiento en páginas posteriores. El consentimiento (o la negativa) debe persistir a lo largo de toda la sesión y entre visitas. Si un usuario rechaza las cookies en la página de inicio, esa decisión debe respetarse en todas las páginas siguientes.
• No proporcionar una forma de cambiar las preferencias. Los usuarios deben poder retirar su consentimiento en cualquier momento, con la misma facilidad con que lo otorgaron (artículo 7, apartado 3, del GDPR). Debe estar siempre disponible un enlace de configuración persistente, a menudo un pequeño icono en la esquina de la página.
• No actualizar cuando cambian las cookies. Si añades una nueva herramienta de marketing, las categorías de tu banner y tu política de cookies deben actualizarse. Un consentimiento desactualizado no es un consentimiento válido.

Rendimiento del banner y de la página

Los banners de cookies ocupan una posición crítica: se cargan en cada primera visita, en cada página. Un banner mal implementado puede degradar significativamente el rendimiento de tu sitio, afectando a las Core Web Vitals y, por extensión, a tu posicionamiento en los buscadores.

Consideraciones clave sobre el rendimiento:

• Peso del script. El script de una plataforma de gestión del consentimiento (CMP) debe ser lo más ligero posible. Los scripts pesados que cargan dependencias adicionales pueden añadir cientos de milisegundos al tiempo de carga de la página. El objetivo es que el script del banner esté por debajo de los 30 KB comprimidos con gzip.
• Bloqueo del renderizado. El script del banner debe cargarse de forma asíncrona. Nunca debe bloquear el renderizado del contenido de tu página. Los usuarios deben ver cómo se carga tu sitio mientras aparece el banner.
• Desplazamiento del diseño. Un banner que desplaza el contenido hacia abajo o hace que los elementos salten perjudicará tu puntuación de Cumulative Layout Shift (CLS). Utiliza un posicionamiento fijo o superpuesto para evitar desplazamientos del diseño.
• Gestión de etiquetas. El banner debe integrarse con tu gestor de etiquetas para cargar scripts de forma condicional en función del consentimiento. Las etiquetas que se activan antes de comprobar el consentimiento son un problema tanto legal como de rendimiento: cargan recursos innecesarios.

El mejor enfoque es una solución de banner diseñada para el rendimiento desde su base: JavaScript mínimo, sin dependencias externas, carga asíncrona y una estrecha integración con tu gestión de etiquetas.

El enfoque de Passiro para el consentimiento de cookies

El banner de consentimiento de Passiro está diseñado para cumplir todos los requisitos descritos en esta página, y para hacerlo sin comprometer el rendimiento de tu sitio. El script de nuestro banner pesa menos de 15 KB comprimidos con gzip, se carga de forma asíncrona, es compatible con Google Consent Mode v2 y ofrece de serie una interfaz de consentimiento totalmente accesible y conforme con WCAG AA. Passiro está registrado en IAB Europe como CMP ID 499, lo que permite la generación de TC Strings válidas y la plena participación en el marco IAB TCF v2.3.

Nosotros gestionamos la complejidad legal para que tú puedas centrarte en tu negocio. Passiro escanea automáticamente tu sitio en busca de cookies, las clasifica, genera una configuración de banner conforme y mantiene todo sincronizado a medida que tu sitio evoluciona.

Descubre cómo Passiro puede ayudarte a lograr la conformidad en materia de cookies.