Ir al contenido
Empezar

Banner de consentimiento de cookies RGPD para Astro

La alternativa gratuita a Cookiebot

Consentimiento de cookies para Astro

Un banner de consentimiento RGPD popular, ligero y sin dependencias que bloquea de verdad tus scripts, con Google Consent Mode v2 para GA4, Google Ads y GTM. Sin patrones oscuros ni casillas premarcadas.

Empezar
npm i astro-cookie-consent
Vista previa en vivoDefault (dark)
Esperando el consentimiento…

Con la confianza de startups, pequeñas empresas y empresas tecnológicas

Añádelo a tu sitio

Tan ligero que te olvidarás de él

Código fuente .astro y .js sin más, compilado por tu propio build. Nada que auditar, nada que envíe datos a terceros.

Última versión
—
Licencia de código abierto
MIT
Dependencias en ejecución
0
Variables CSS para personalizarlo
7

Añade el banner a tu layout y bloquea cualquier script de terceros hasta que haya consentimiento.

Eso es todo: sin archivo de configuración, sin CSS que escribir, sin dependencias que auditar.

src/layouts/Layout.astro
---
import ConsentBanner from 'astro-cookie-consent/ConsentBanner.astro';
---
<html>
<body>
<slot />
<ConsentBanner privacyHref="/privacy" />
</body>
</html>
<script>
import { gateScript } from 'astro-cookie-consent';
gateScript({ src: 'https://example-widget.com/embed.js' });
</script>

La alternativa gratuita a Cookiebot

Todo lo que esperas de una plataforma de gestión del consentimiento de pago como Cookiebot, en un único componente gratuito y sin dependencias. Sin cuota mensual, sin límites de páginas vistas, sin scripts de terceros.

Cero dependencias

Se distribuye como código fuente .astro/.js sin más, compilado por el pipeline de Astro de tu propio proyecto. Sin dependencias en tiempo de ejecución.

Bloquea scripts de verdad

gateScript() bloquea los scripts de terceros hasta que el visitante acepta; no es un simple banner informativo que deja cargar los rastreadores igualmente.

Referencia de la API

Consentimiento por categoría

Interruptores opcionales por categoría, como analítica y marketing, o un simple aceptar/rechazar si no los necesitas.

Más información

Totalmente personalizable

Todo el aspecto visual son 7 propiedades CSS personalizadas y cada texto es un prop. Sigue automáticamente el tema claro u oscuro del sistema del visitante.

Más información

Google Consent Mode v2

<ConsentMode /> envía la elección del visitante a GA4, Google Ads y GTM como señales de Consent Mode v2, con un valor predeterminado denegado antes de que se ejecute cualquier etiqueta de Google.

Configurarlo

Funciona con agentes de IA

Incluye un SKILL.md que documenta su propia API y sus límites, para que un agente pueda personalizarlo con seguridad (cambiar textos, bloquear un nuevo script, añadir un tema) sin adivinar.

Más información

Diseñado para cumplir el RGPD

Un banner de cookies que la gente no puede usar de verdad no cumple la normativa. Estos son los mecanismos que las autoridades (CNIL, ICO, CEPD) comprueban realmente, integrados de serie y no añadidos a posteriori.

Esta biblioteca es un mecanismo, no asesoramiento legal: tu política de privacidad, las categorías que declaras y lo que bloqueas tras ellas siguen siendo cosa tuya. Mira exactamente qué cubre y qué no →

Sin patrones oscuros

Aceptar y rechazar tienen el mismo peso visual. Nada de un botón "Aceptar" relleno junto a un "Rechazar" desvaído que empuja al visitante a consentir.

Sin casillas premarcadas

Todas las categorías empiezan desactivadas. Un opt-in real, no un opt-out disfrazado de elección.

El consentimiento caduca

Las elecciones caducan tras un periodo configurable (365 días por defecto) y el banner vuelve a aparecer: nada de consentimiento silencioso y permanente por una elección de hace un año.

Un registro que puedes mostrar

Cada elección se guarda con una marca de tiempo y se puede recuperar con getConsentRecord(): algo que enseñar si alguna vez necesitas demostrar que se dio el consentimiento (responsabilidad proactiva del art. 7.1).

Hazlo tuyo hasta el último píxel

Todo el aspecto visual son 7 propiedades CSS personalizadas y cada texto es un prop. Sin paso de compilación, sin archivo de configuración, sin un sistema de diseño contra el que luchar.

Ver los 15 temas

Precio

Gratis para siempre. Todas las funciones, en todos tus sitios.

$0 sin tarjeta ni cuenta, nunca

Empezar
  • Sitios ilimitados
  • Todas las funciones, sin planes de pago
  • Consentimiento por categoría
  • Bloqueo de scripts con gateScript()
  • Google Consent Mode v2
  • Todos los temas y personalización CSS completa
  • Sin cuenta, sin rastreo, sin telemetría
  • Licencia MIT: código abierto y gratis para siempre.

Añade el consentimiento a tu sitio en dos minutos