Un banner de cookies debe informar con claridad, permitir aceptar o rechazar las cookies no necesarias y respetar la elección del usuario. No basta con colocar un aviso que solo tenga un botón de «Aceptar».
Además, el funcionamiento técnico debe coincidir con el mensaje. Si una persona rechaza las cookies analíticas o publicitarias, la web no debe cargarlas. Tampoco deberían activarse antes de que el usuario elija.
En esta guía verás qué texto necesita el aviso, cómo presentar sus botones y qué opciones tienes para añadirlo a tu web. El ejemplo es orientativo: tendrás que adaptarlo a las cookies y servicios que utilice tu página.
Tabla de Contenidos:
Cómo añadir un banner de cookies a una web
Puedes instalar un banner mediante una plataforma de gestión del consentimiento, un plugin para tu CMS o un desarrollo a medida. La elección depende de la tecnología de tu web, de las herramientas externas que uses y del tiempo que puedas dedicar a mantener la configuración.
Una salida rápida con Lawwwing
Si lo que buscas es solucionar todo el tema del banner de cookies de la forma más rápida posible, sin tener que leer todo este post, ni tener que dedicarle mucho tiempo, en Loading ofrecemos la solución: Lawwwing.
Lawwwing es una plataforma de gestión de consentimiento que se encarga de todo los textos legales, política de privacidad, términos y condiciones de tu web. Y por su puesto, también de banner de cookies.
Si quieres que todo esto sea un pequeño trámite, tenerlo todo legal en tu web y no quieres dedicarle tiempo, te recomendamos que le eches un vistazo a la solución que propone Lawwwing.
Usar un plugin o módulo para tu CMS
En WordPress, PrestaShop y otros gestores de contenidos existen plugins específicos para el consentimiento de cookies. Su instalación suele ser sencilla, pero activar el plugin no termina el trabajo.
Debes comprobar si detecta las cookies reales, si bloquea los scripts no necesarios y si permite rechazarlos con la misma facilidad con la que se aceptan. También tendrás que revisarlo al instalar nuevas herramientas de analítica, publicidad, vídeo, chat o mapas.
Evita elegir un plugin solo porque muestra un diseño atractivo. Lo importante es lo que ocurre antes y después de pulsar cada botón.
Desarrollar una solución propia
Un desarrollo a medida ofrece más control sobre el aspecto y el comportamiento del banner. Puede ser adecuado para una aplicación con necesidades especiales o una web que ya tenga un equipo técnico.
Esta opción exige mantener la lógica de consentimiento, impedir la carga prematura de scripts, guardar la elección y permitir que el usuario la cambie. También debe adaptarse cuando se añaden proveedores o cambian las finalidades.
Si necesitas modificar archivos de una web alojada en Loading, puedes hacerlo desde el Administrador de archivos de Plesk. Aun así, la parte importante no es dónde se inserta el código, sino cómo controla las cookies y servicios conectados.
Es una vía útil cuando quieres resolver el banner, la política de cookies y las actualizaciones desde una misma herramienta.
- Ayuda a clasificar cookies y a mantener la información al día.
- Suele integrarse con WordPress, PrestaShop y otras plataformas.
Un plugin puede acelerar la instalación, pero activarlo no sustituye la configuración ni las pruebas posteriores.
- Debe detectar las cookies reales y bloquear los scripts no necesarios.
- Necesita una revisión cuando añadas analítica, publicidad, chats o vídeos.
Es la opción más flexible, aunque exige mantener la lógica de bloqueo, las preferencias y los cambios de proveedores.
- Conviene cuando existe equipo técnico o necesidades especiales.
- Debe impedir la carga previa y permitir cambiar la elección.
Pasos para configurar el banner
El método de instalación puede cambiar, pero el proceso de trabajo debería seguir este orden:
- Revisa qué carga la web. Incluye cookies, almacenamiento local, píxeles y recursos de terceros.
- Clasifica cada servicio. Separa lo necesario de las preferencias, la analítica y la publicidad.
- Define la información. Explica finalidades, responsables, duración y terceros de forma comprensible.
- Configura el bloqueo previo. Las cookies no necesarias deben esperar hasta que exista una elección válida.
- Activa los controles. El usuario debe poder aceptar, rechazar o configurar por categorías.
- Haz pruebas reales. Comprueba el resultado en una ventana privada y borra antes las cookies del navegador.
- Facilita el cambio de elección. Añade un enlace o control visible para reabrir la configuración.
Haz al menos tres pruebas separadas: aceptar todo, rechazar lo no necesario y permitir solo una categoría. Revisa en cada caso qué cookies aparecen y qué solicitudes externas realiza el navegador.
Ejemplo de banner de cookies correcto
Un aviso correcto utiliza palabras sencillas y presenta una decisión real. No necesita incluir toda la política de cookies en la primera capa, pero sí debe ofrecer la información esencial y un enlace claro para ampliarla.
Simulador interactivo
Activa cada versión y comprueba cuál ofrece aceptar y rechazar al mismo nivel y con una visibilidad comparable.
Utilizamos cookies para mejorar tu experiencia y mostrarte contenido personalizado.
Utilizamos cookies para mejorar tu experiencia y mostrarte contenido personalizado.
Este texto puede servir como punto de partida:
Utilizamos cookies propias y de terceros para mantener el funcionamiento de la web, analizar su uso y, si lo autorizas, personalizar contenidos o publicidad. Puedes aceptar todas las cookies, rechazar las no necesarias o elegir qué categorías permites. Consulta la política de cookies para conocer los proveedores, las finalidades y la duración de cada cookie.
Junto al mensaje podrían aparecer estas opciones:
- Aceptar todas
- Rechazar las no necesarias
- Configurar cookies
- Enlace a la política de cookies
El texto debe cambiar si la web no utiliza publicidad, no incluye analítica o trabaja con finalidades diferentes. No conviene copiar un ejemplo sin comprobar qué sucede realmente en tu página.
También debes controlar el momento de carga. Si Google Analytics, un píxel publicitario o un vídeo externo instala cookies nada más abrir la página, mostrar el banner después no corrige esa activación previa.
La web permanece visible y el aviso aparece sin ocupar toda la pantalla ni impedir la lectura.
-
01
Información esencial
Resume qué se usa y para qué sin volcar toda la política en el aviso inicial.
-
02
Decisión equilibrada
Aceptar y rechazar aparecen al mismo tiempo y con una visibilidad comparable.
-
03
Control por categorías
La configuración permite elegir sin obligar a aceptar todas las cookies.
-
04
Acceso al detalle
La política queda visible para consultar proveedores, finalidades y duración.
Cómo deben mostrarse los botones del banner
Aceptar y rechazar deben ser opciones fáciles de encontrar. Evita que «Aceptar» ocupe casi todo el banner mientras «Rechazar» aparece como un enlace pequeño, con poco contraste o dentro de una segunda pantalla.
“Tanto la opción de aceptar como la de rechazar las cookies deberá ofrecerse al mismo tiempo, al mismo nivel y con la misma visibilidad.”
Fuente: Guía sobre el uso de las cookies de la AEPDEsto no obliga a que los botones sean idénticos, pero sí a evitar una diferencia que empuje al usuario hacia la aceptación. Deben tener un tamaño, contraste y posición comparables.
El botón de configuración debe describir su función con claridad. Una etiqueta como «Opciones» puede resultar ambigua; «Configurar cookies» explica mejor qué ocurrirá al pulsarla.
En el panel de configuración, las cookies necesarias pueden aparecer activas cuando de verdad sean imprescindibles. Las demás categorías no deberían estar premarcadas. El usuario debe poder guardar su selección sin verse obligado a aceptar todas.
Qué debe incluir un banner de cookies
El banner es la primera capa de información. Su función es ayudar al usuario a entender lo esencial y tomar una decisión sin tener que leer un documento largo.
En España, el artículo 22.2 de la LSSI permite utilizar cookies no exentas si el usuario ha dado su consentimiento después de recibir información clara y completa. En la práctica, primero debes informar y después esperar a que el usuario decida.
Como mínimo, debería cubrir estos puntos:
- Quién utiliza las cookies. Identifica al responsable de la web y aclara si intervienen terceros.
- Para qué se utilizan. Resume las finalidades reales, como mantener la sesión, recordar preferencias, medir visitas o mostrar publicidad.
- Qué puede decidir el usuario. Ofrece controles para aceptar, rechazar y configurar cuando existan cookies que requieran consentimiento.
- Dónde está la información completa. Incluye un enlace visible a la política de cookies.
- Cómo cambiar la decisión. Explica o facilita el acceso posterior al panel de preferencias.
No es necesario mostrar el nombre técnico de todas las cookies dentro del banner inicial. Esa información encaja mejor en la política o en el panel detallado. En cambio, las categorías deben entenderse sin conocimientos técnicos.
-
Quién utiliza las cookies
Identifica al responsable y aclara si intervienen terceros.
-
Para qué se utilizan
Resume finalidades reales, no fórmulas genéricas.
-
Qué puede decidir
Aceptar, rechazar y configurar deben verse como opciones reales.
-
Dónde está el detalle
La política debe estar visible y accesible desde el aviso.
-
Cómo cambiar la elección
El usuario debe poder volver al panel sin buscarlo por toda la web.
Las más habituales son las necesarias, de preferencias, analíticas y publicitarias. Puedes ampliar esta clasificación en la guía sobre los tipos de cookies que puede utilizar una web.
La categoría «Necesarias» no debe convertirse en un cajón donde incluir cualquier servicio. Una cookie está exenta de consentimiento cuando resulta imprescindible para transmitir una comunicación o prestar un servicio solicitado expresamente por el usuario.
Que una herramienta sea útil para el propietario de la web no significa que sea necesaria para quien la visita.
Qué debe aparecer en el panel de configuración
El panel permite ofrecer más detalle sin saturar el aviso inicial. Es recomendable que incluya:
- Una explicación breve de cada categoría.
- El estado de cada grupo de cookies.
- La posibilidad de activar o desactivar categorías por separado.
- Información sobre proveedores o acceso directo al detalle.
- Un control claro para guardar la selección.
Si el usuario desactiva una categoría, esa decisión debe tener un efecto técnico. Un interruptor que cambia de posición pero no bloquea las etiquetas correspondientes crea una falsa sensación de control.
Banner de cookies y política de cookies ¿es lo mismo?
No. El banner y la política de cookies cumplen funciones distintas, aunque deben trabajar juntos.
El banner de cookies aparece al entrar en la web cuando hace falta solicitar una elección. Resume la información principal y ofrece los controles de consentimiento.
La política de cookies es un documento permanente y más detallado. Debe poder consultarse aunque el banner ya no esté visible. En ella se explica qué tecnologías se utilizan, quién las gestiona y cómo puede actuar el usuario.
Aparece cuando la web necesita pedir una elección y resume lo esencial en primera capa.
- Informa de forma breve y visible.
- Permite aceptar, rechazar y configurar.
- Controla qué tecnologías pueden activarse.
Recoge el detalle completo y debe poder consultarse aunque el banner ya no esté visible.
- Explica finalidades, terceros y duración.
- Indica cómo retirar el consentimiento.
- Debe coincidir con los servicios reales.
La política debería recoger, según el caso:
- Qué son las cookies y para qué se usan en esa web.
- Qué cookies son propias y cuáles pertenecen a terceros.
- La finalidad de cada cookie o categoría.
- Su duración o periodo de conservación.
- La identidad de los terceros que tratan información.
- Si existen transferencias internacionales o elaboración de perfiles cuando resulte aplicable.
- Cómo retirar el consentimiento y eliminar cookies desde el navegador.
El banner no sustituye a la política y la política no sustituye al banner. Tener un documento completo en el pie de página no permite cargar cookies opcionales antes de obtener el consentimiento.
Ambos elementos deben coincidir. Si la política indica que solo hay analítica, pero la web carga también publicidad y seguimiento, la información está incompleta aunque el texto esté bien redactado.
Errores habituales en un banner de cookies
Los fallos más importantes no siempre se ven en el diseño. Muchos aparecen al revisar qué hace la web mientras el usuario todavía no ha elegido.
Empieza por revisar qué se carga antes de que el usuario tome una decisión.
Cargar cookies antes de obtener el consentimiento
Es el problema técnico más frecuente. Las etiquetas de analítica, publicidad u otros servicios se ejecutan al abrir la página y el banner se limita a informar después.
La solución pasa por bloquear las tecnologías no necesarias hasta que el usuario las autorice. También hay que mantenerlas bloqueadas si las rechaza.
Ocultar la opción de rechazo
Enviar «Rechazar» a una segunda pantalla, reducir su contraste o presentarlo como un enlace difícil de ver limita la capacidad de elección. Aceptar y rechazar deben estar disponibles con una visibilidad equivalente.
Considerar que seguir navegando es aceptar
Desplazarse por la página, cerrar el banner o continuar leyendo no demuestra una aceptación válida. La decisión requiere una acción afirmativa clara sobre las cookies que no estén exentas.
El icono de cierre tampoco debería equivaler a «Aceptar todas». Si se incluye, su efecto debe ser claro y no puede utilizarse para activar cookies opcionales de forma silenciosa.
Utilizar casillas premarcadas
Las categorías opcionales no deben aparecer activadas de antemano. El usuario tiene que elegirlas de forma libre. Esto afecta, entre otras, a las cookies analíticas y publicitarias cuando necesitan consentimiento.
Explicar finalidades demasiado amplias
Frases como «usamos cookies para mejorar la experiencia» dicen muy poco. Conviene indicar si se emplean para medir visitas, recordar preferencias, personalizar contenido o mostrar publicidad.
La información puede ser breve, pero debe permitir comprender las consecuencias de cada opción.
No permitir retirar el consentimiento
La configuración no debería desaparecer para siempre después de la primera visita. Incluye un enlace en el pie de página, un icono accesible o un apartado de privacidad desde el que se pueda reabrir el panel.
Retirar el consentimiento debe ser tan sencillo como prestarlo. Después de cambiar la elección, la web debe dejar de utilizar las categorías desactivadas.
No revisar el banner cuando cambia la web
Instalar un plugin, añadir un vídeo, activar una campaña o cambiar de herramienta de analítica puede introducir nuevas cookies. Si el banner y la política no se actualizan, dejarán de describir la situación real.
Revisa la configuración cuando incorpores servicios externos y realiza comprobaciones periódicas. Una detección automática ayuda, pero también conviene probar manualmente los recorridos de aceptación y rechazo.
Conclusión
Un banner de cookies correcto combina información clara, una elección equilibrada y un bloqueo técnico efectivo. Si uno de estos elementos falla, el aviso puede parecer completo sin respetar la decisión del usuario.
Empieza por identificar qué utiliza tu web. Después clasifica cada servicio, adapta el mensaje y prueba los botones en una sesión limpia. La política de cookies debe reflejar la misma información y la configuración debe poder modificarse en cualquier momento.
Puedes realizar este proceso con un plugin, mediante un desarrollo propio o con una plataforma especializada. En todos los casos, el resultado debe ajustarse a las cookies reales de la página, no a una plantilla genérica.
Y recuerda que si quieres una solución rápida y no quieres perder el tiempo con esto, pero sí cumplir con la legislación, opciones como Lawwwing son la forma más practica de hacerlo.
Preguntas frecuentes sobre el banner de cookies (FAQ)
¿Todas las webs necesitan un banner de cookies?
No necesariamente. Si una web solo utiliza cookies técnicas exentas, puede no necesitar solicitar consentimiento. Aun así, debe informar cuando corresponda y comprobar que no carga otros servicios.
¿Las cookies necesarias requieren consentimiento?
Las cookies estrictamente necesarias para prestar un servicio solicitado suelen estar exentas. No deben mezclarse en esta categoría cookies de analítica, publicidad o servicios que no sean imprescindibles.
¿Es obligatorio incluir un botón para rechazar las cookies?
Cuando se solicita consentimiento, la opción de rechazar debe ofrecerse al mismo tiempo, al mismo nivel y con la misma visibilidad que la de aceptar.
¿Cerrar el banner o seguir navegando significa aceptar?
No. Esas acciones no expresan por sí mismas una aceptación clara de las cookies no necesarias.
¿Google Analytics necesita consentimiento?
Con carácter general, las cookies de Google Analytics deben permanecer desactivadas hasta obtener consentimiento cuando no estén cubiertas por una excepción aplicable. La configuración concreta de la herramienta también importa.
¿Cómo puede el usuario cambiar su elección?
La web debe ofrecer un acceso sencillo al panel de configuración, por ejemplo, mediante un enlace permanente en el pie de página.
¿Cada cuánto hay que revisar el banner?
Revísalo siempre que cambies plugins, etiquetas, campañas o servicios externos. También conviene hacer comprobaciones periódicas para detectar cambios no previstos.