cookie-consent-cl

El configurador está disponible en escritorio.

Para editar y previsualizar el banner usa una pantalla más grande.

Ver documentación Ver paquete npm

Crea tu banner de cookies gratis

Tipo de sitio

Parte desde un contexto real. El asistente ajusta textos y sugiere herramientas frecuentes sin cargarlas en esta demo.

Colores
Tipografía

Estos presets muestran que la tipografía también se puede ajustar. Si necesitas una fuente propia, puedes cambiar theme.fontFamily en el código generado y cargar esa fuente desde tu sitio.

Posicion
Fondo / bloqueo visual
Icono de cookies

El icono aparece despues de cerrar el banner y permite que las personas cambien sus preferencias.

Posicion

Estilo del icono

Herramientas que usa tu sitio

Agrega servicios que puedan crear cookies, seguimiento o contenido externo. El generador preparará snippets bloqueados por categoría.

Categorías de consentimiento

Define las categorias que vera la persona al configurar sus preferencias. Las categorias opcionales se mantienen desactivadas hasta que sean autorizadas.

Avanzado global

Este evento se enviara a window.dataLayer cuando cambien las preferencias.

Integraciones configuradas

Estas integraciones se cargaran solo cuando la persona autorice la categoria correspondiente.

Contenido del banner

Si todavía no tienes políticas publicadas, el banner puede mostrarse sin enlaces falsos.

Puedes agregar estos enlaces más adelante cuando tengas tus políticas publicadas.

Textos del panel de preferencias
Revisión antes de instalar

Una revisión compacta de buenas prácticas. No garantiza cumplimiento normativo, pero ayuda a evitar decisiones confusas o poco éticas.

Resumen de configuración

Copia este resumen para dejar una bitácora técnica de cómo quedó configurado el consentimiento.

Instrucciones de instalación

Agrega este HTML a tu sitio. La opcion recomendada usa jsDelivr con una version fija: no uses @latest en produccion.

1

Carga CSS y JS

Usa las URLs versionadas de jsDelivr para cargar cookie-consent-cl.css y cookie-consent-cl.iife.js.

2

Pega el HTML

Agrega el bloque generado dentro del <head> de tu página y deja la configuración cerca del cierre de <body> si prefieres separarla.

3

Revisa scripts bloqueados

Si agregaste integraciones, conserva los snippets con type="text/plain" y data-cookie-consent.