🍪
Business & Legal/Cookie Consent Banner Generator

Cookie Consent Banner Generator

GDPR / ePrivacy consent banner with script blocking — production-ready code in 30 seconds.

14 LANGUAGESGDPR + CCPA14 languagesConsent Mode v2Custom color
Saved Configs· Auto-save on
▾
La calculadoraPage 1
BANNER CODE
Configure and click "Generate Code"
Data Source & Legal Disclaimer
Effective: Current regulations
Sources: ePrivacy Directive (EU Cookie Law) · GDPR — General Data Protection Regulation

⚠️ This generator creates a cookie consent banner based on your configuration. It is NOT legal advice. Consent requirements vary by jurisdiction. For commercial sites, have a qualified attorney or DPO review your implementation. Generated locally — no data uploaded.

See all data sources & update policy →
Cómo funcionaPage 2

How cookie consent actually works — illustrated

Under the EU ePrivacy Directive and GDPR, a site may not drop most cookies until the visitor has actively chosen. The banner must appear before non-essential tags fire, offer a real choice (accept, decline, or fine-grained preferences), and record that choice — GDPR Article 7 requires you to be able to prove consent. Only strictly essentialcookies (session, security, cart) may load without consent. This generator emits a banner that buckets tags into categories, stores the visitor's selection, and lets them reopen preferences later — which is exactly the flow regulators expect from a Consent Mode v2 / CMP setup.

The consent flow
Consent bannerblocks non-essential cookiesAccept allevery categoryDeclineessential onlyPreferencespick categoriesEssentialalways onAnalyticsopt-in onlyMarketingopt-in onlyConsent record savedchoice + timestamp · proof for Art. 7

Banner first, choice second, then and only then do the selected cookie categories load — and the decision is stored as proof.

Henrik's EU Shopify store

Henrik's store serves EU customers and drops three sets of cookies: essential cart/session cookies, Google Analytics, and a Meta pixel. He installs the generated GDPR banner with Decline + Preferences enabled.

  1. Before consent:The ePrivacy Directive requires prior consent — Analytics and the Meta pixel stay blocked until Henrik's visitor makes a choice.
  2. The choice:A visitor clicks "Accept all" and GA + the pixel fire; a visitor who clicks "Decline" gets only the essential cart cookies.
  3. The record:The banner stores the choice and timestamp — that record is the proof GDPR Art. 7 requires if the DPA ever asks.
  4. The revisit:On return visits the banner stays hidden because consent was recorded, but a Preferences link lets the visitor revoke or change categories anytime.
FAQ y detallesPage 3

To create a cookie banner: customize the banner style, message, and cookie categories — the tool generates copy-paste HTML/CSS/JS code for your website.

FreeToolHub Cookie Consent Generator is a free browser-based tool that creates GDPR-compliant cookie consent banners, no signup.

Sobre esta herramienta

¿Qué es esta herramienta?

Genera un banner de consentimiento de cookies listo para producción en 30 segundos. Cumple GDPR, CCPA y ePrivacy. Google Consent Mode v2. Colores personalizables.

GDPR + CCPA14 languagesConsent Mode v2Custom color

¿Qué es el generador de banner de consentimiento de cookies?

El generador de banner de consentimiento de cookies produce JavaScript listo para copiar y pegar para un banner de cookies funcional en unos treinta segundos. Eliges un modo de cumplimiento —GDPR (estricto), donde los scripts de seguimiento permanecen bloqueados hasta que el visitante consiente, o ePrivacy (flexible), donde los scripts se cargan pero el seguimiento se mantiene limitado— y el generador produce un fragmento basado en la librería cookieconsent v3 servida desde el CDN de jsDelivr. La configuración cubre catorce idiomas, del inglés y el alemán al árabe, el japonés y el turco, una paleta clara u oscura o un color de acento elegido en el selector de color, botones opcionales de Rechazar y Preferencias, y la URL de tu política de privacidad. Junto al código, una pestaña de documentación de instalación explica la puesta en marcha y la integración con Google Consent Mode v2.

¿Quién debería usar esta herramienta?

Los desarrolladores independientes y las agencias que entregan sitios orientados a Europa la usan cuando un cliente necesita un banner conforme esta semana, no después de un ciclo de compras. Los bloggers de WordPress que no pueden justificar una suscripción mensual de gestión del consentimiento obtienen el mismo comportamiento de bloqueo gratis. Los dueños de tiendas que migran a GA4 aprenden del sistema de avisos: el modo GDPR se niega a ocultar el botón de Rechazar porque los reguladores exigen una opción de rechazo igual de visible, y una URL de política de privacidad vacía genera un recordatorio para pegar el enlace real. Los equipos de marketing aprecian el soporte por categorías —analytics, marketing, preferencias y scripts funcionales se agrupan por separado— y cualquiera que se dirija a audiencias multilingües obtiene el texto del banner en catorce idiomas en lugar de botones traducidos por máquina.

¿Cómo funciona?

(1) Configura el banner: elige el cumplimiento GDPR o ePrivacy, selecciona uno de catorce idiomas, elige una paleta clara, oscura o personalizada, activa o desactiva los botones de Rechazar y Preferencias, e introduce la URL de tu política de privacidad. (2) Pulsa Generate Code para obtener el fragmento: un script tag que carga cookieconsent v3, la hoja de estilos y un bloque de inicialización con toda tu configuración y las etiquetas de mensajes y botones ya traducidas. (3) Pégalo en la cabecera de tu sitio, por encima de cualquier script de seguimiento, y luego envuelve cada rastreador con un atributo de categoría para que el consentimiento actúe como puerta. (4) Cambia a la pestaña de instalación para obtener la documentación paso a paso, el desglose de categorías y las cuatro señales de Google Consent Mode v2 que debes conectar en Tag Manager. Copia cualquiera de las dos salidas con un clic.

¿Cómo bloqueo los scripts de seguimiento hasta que haya consentimiento?

La documentación generada muestra el patrón: convierte cada script de seguimiento en un script tag de tipo texto plano y etiquétalo con un atributo data-cookie-consent que coincida con su categoría —analytics, marketing, preferences o functional. Un fragmento de Google Analytics se convierte en type text/plain con data-cookie-consent analytics, de modo que el navegador no descarga nada hasta que un visitante acepta. El modo GDPR bloquea por defecto y espera consentimiento explícito; el modo ePrivacy carga los scripts pero limita el seguimiento hasta que se responde al banner. Para el ecosistema de Google, la documentación lista las cuatro señales de Consent Mode v2 —analytics_storage, ad_storage, ad_user_data y ad_personalization— que debes disparar como granted o denied en cada cambio de consentimiento, manteniendo GA4 y los anuncios conformes con los requisitos de la UE.

Preguntas frecuentes

¿Necesito un banner de consentimiento de cookies en mi web?

Lo necesitas si atiendes a visitantes de la UE o Reino Unido y usas cookies o rastreadores no esenciales. El GDPR y la Directiva ePrivacy exigen un consentimiento previo de aceptación. Los sitios solo para EE. UU. sin obligaciones de tráfico de California o Colorado tienen requisitos más leves.

¿Qué es Google Consent Mode v2?

Consent Mode v2 envía dos señales nuevas, ad_user_data y ad_personalization, a Google cuando los usuarios aceptan o rechazan cookies. Google Ads y Analytics exigen v2 para medir el tráfico del EEE desde marzo de 2024.

Does the generated banner satisfy GDPR and CCPA requirements?

Yes. The banner includes GDPR-required elements: explicit consent before non-essential cookies, a reject-all button equal in prominence to accept, and a link to cookie categories. For CCPA, it adds a "Do Not Sell My Personal Information" opt-out. The code is copy-paste ready and deploys in under 30 seconds.

What happens if my site lacks a compliant cookie banner?

GDPR fines reach €20 million or 4% of global annual revenue (whichever is higher). In 2023, Meta was fined €1.2 billion for data transfer violations. CCPA penalties run $2,500 per violation or $7,500 for intentional violations. A compliant banner is the lowest-cost defense against regulatory enforcement.

Herramientas relacionadas

Compartir:𝕏inf⬆
Joke of the Day
Oct 22

What do you call a really smart cookie?

Free core, no account

Keep the Free Edition Free

No signups, no data sold. Every tool is free to use — the free tier allows 5 downloads or saves per day, and the optional Pro plan ($7/mo, $59/yr) adds unlimited downloads, batch processing, white-label exports and an ad-free experience.

☕Support me on Ko-fi— support the free tier

100% of proceeds go towards hosting & building more free tools.