Cómo usar: Generador de banner de cookies
- Elige el diseño — una barra, una caja en la esquina o un diálogo centrado — y edita el título, el mensaje y las etiquetas de los botones.
- Deja activado Configuración para que los visitantes elijan categorías (analítica, marketing, preferencias) y enlaza tu política de privacidad.
- Deja activado Google Consent Mode v2 si usas Google Analytics o Ads: pega el fragmento 1 en el
<head>antes de tu etiqueta de Google. - Pega el fragmento 2 antes de
</body>y añade un enlace «Configuración de cookies» a#cookie-settingsen tu pie de página.
Qué hace el banner
- Se muestra en la primera visita y guarda la elección del visitante en
localStorage(no en una cookie) durante el número de días que indiques. - Aceptar todo, Rechazar todo y Configuración — rechazar requiere un solo clic y es tan visible como aceptar, algo que el RGPD exige a las autoridades.
- Cualquier enlace a
#cookie-settingsvuelve a abrir la configuración, para que los visitantes puedan cambiar de opinión en cualquier momento. - Bloquea tus otras etiquetas hasta que haya consentimiento: los scripts marcados con
type="text/plain" data-cookie-category="analytics"(o marketing, preferencias) y los iframes condata-srcsolo se ejecutan cuando el visitante acepta esa categoría. Si retira el consentimiento, la página se recarga para que dejen de ejecutarse. - Lanza un evento
cookie-consentendocumentcon las elecciones, para que puedas cargar otros scripts solo tras el consentimiento.
Google Consent Mode v2
El fragmento 1 establece todas las señales de consentimiento de Google — ad_storage, ad_user_data, ad_personalization y analytics_storage — en denegado antes de que cargue tu etiqueta de Google. Cuando el visitante elige, el banner las actualiza: la analítica pasa a analytics_storage y el marketing a las tres señales publicitarias. Google Analytics registra datos completos solo de los visitantes que han aceptado y envía pings sin cookies del resto. Desde marzo de 2024, Google exige Consent Mode v2 para medir los anuncios de visitantes del Espacio Económico Europeo.
Esta es una herramienta técnica, no asesoramiento legal: enumera en tu política de privacidad las cookies que realmente usas y comprueba qué exige la normativa de tu país. Relacionado: Tracking Tag Checker, Meta Tag Generator.
También se busca como: banner de cookies rgpd, banner cookies gdpr, código consentimiento cookies, google consent mode v2, popup cookies html, banner de cookies gratis, aviso de cookies webflow, generador aviso cookies.
Herramientas que combinan con: Generador de banner de cookies
- Generador CSP — Elige lo que carga tu sitio (scripts, estilos, imágenes, fuentes, analítica, embeds) y obtén una Content-Security-Policy que permite exactamente eso, con avisos sobre configuraciones arriesgadas.
- Verificador SEO y auditoría del sitio web — Pega una URL para realizar hasta 70 comprobaciones de SEO on-page, además de una auditoría completa del sitio web: velocidad de Lighthouse, encabezados de seguridad y SSL, datos estructurados, enlaces rotos, robots.txt y rastreadores de IA, aspectos básicos de accesibilidad, seguimiento y consentimiento, SPF/DKIM/DMARC y caducidad del dominio — todo ello resumido en una puntuación global del sitio web con soluciones priorizadas.
- HTML y CSS a Webflow — Pega el HTML y su CSS, haz clic en Copiar a Webflow y pega en el Designer: obtendrás Div Blocks, Headings, Links, Images y Lists reales, con clases, combo classes, breakpoints para tablet y móvil y estados hover, en lugar de un único Code Embed.
- Analizador de cabeceras de email — Pega las cabeceras sin procesar de un email para ver todo su recorrido: cada salto entre servidores con el tiempo que tardó, los resultados de SPF, DKIM y DMARC, la IP de origen y señales de alerta como un Reply-To o un Return-Path que no coinciden.
Preguntas frecuentes
¿Cómo añado un banner de cookies en Webflow?
Pega el fragmento 1 en Ajustes del sitio → Código personalizado → Head (antes de tu etiqueta de Google) y el fragmento 2 en el código del Footer, y luego publica. Añade un enlace en el pie a #cookie-settings para que los visitantes puedan volver a abrirlo.
¿Bloquea Google Analytics hasta que haya consentimiento?
Con Consent Mode v2, Google Analytics se carga pero no guarda cookies hasta que el visitante acepta la analítica; solo envía señales sin cookies. Para mantener otros scripts totalmente desactivados, cárgalos en un listener del evento cookie-consent.
¿Es obligatorio un botón de rechazar?
Según el RGPD, rechazar debe ser tan fácil como aceptar, y varias autoridades europeas han sancionado a webs que ocultaban la opción de rechazar. El generador coloca Rechazar junto a Aceptar con el mismo peso por defecto.
¿Puede bloquear scripts hasta que los visitantes den su consentimiento?
Sí. Pega tus etiquetas en el paso 3: a cada una se le asigna type="text/plain" y un data-cookie-category, así que el navegador no la ejecuta. El banner la activa cuando el visitante acepta esa categoría, mientras que las etiquetas necesarias siguen funcionando como una lista de permitidos. Los iframes, como los embeds de YouTube, esperan del mismo modo con data-src.
¿Dónde se guarda la elección?
En el navegador del visitante (localStorage), con una versión y una fecha, de modo que el banner vuelve a aparecer al cabo del periodo que hayas indicado o cuando cambies la versión.
¿Puedo instalar Generador de banner de cookies como aplicación web y utilizarla sin conexión?
Sí. Generador de banner de cookies es una aplicación web instalable (PWA): se instala desde el navegador, no se descarga desde una tienda de aplicaciones. Haz clic en «Instalar aplicación» en la parte superior de esta página en Chrome o Edge (Windows, macOS, Linux, ChromeOS) o, en Android, utiliza «Compartir» → «Añadir a la pantalla de inicio» en iPhone y iPad, o «Archivo» → «Añadir al Dock» en Safari 17+ en un Mac. A continuación, se abrirá en su propia ventana con su propio icono y, como se ejecuta íntegramente en tu navegador, seguirá funcionando sin conexión. Firefox en el ordenador de sobremesa no permite instalar aplicaciones web. Cómo funciona la instalación.