Banner de cookies para Svelte / SvelteKit
Cumple el RGPD y Google Consent Mode v2 en tu web de Svelte / SvelteKit con un banner que bloquea de verdad los scripts antes del consentimiento y no ralentiza tu sitio.
SvelteKit combina renderizado en servidor y prerenderizado, lo que hace que un CMP mal integrado falle de formas distintas a un SPA normal: si el banner depende de document.cookie durante el build o el SSR, revienta. La solución es renderizar un estado neutro en servidor y comprobar el consentimiento real solo tras la hidratación, con el snippet cargado desde app.html, no desde un componente que se hidrata tarde.
Lo que casi nadie te cuenta: SvelteKit prerenderiza páginas: cualquier código que compruebe document.cookie durante el prerenderizado falla, y comprobar el consentimiento solo en el cliente sin cuidado provoca desajustes de hidratación (hydration mismatch).
Cómo instalarlo en Svelte / SvelteKit
- 1. Crea tu cuenta gratis (plan Free, 1 sitio) en el registro — sin tarjeta. Empezar gratis →
- 2. Entra al panel, crea tu web y copia el snippet con tu siteKey.
- 3. Pega el snippet en src/app.html dentro de <head>, antes de cualquier script de analítica o GTM añadido en +layout.svelte.
- 4. Abre la web en incógnito, rechaza cookies y comprueba en DevTools que no hay _ga / pixels antes de aceptar.
- 5. ¡Listo! El banner aparece y Consent Mode v2 queda activo automáticamente. ¿Más sitios o logs? Pasa a Pro (9 €/mes).
¿Usas Google Tag Manager?
Importa nuestra plantilla oficial y dispárala con el trigger «Consent Initialization».
⬇ Descargar plantilla GTMErrores comunes al poner cookies en Svelte / SvelteKit
- ⚠️ Leer document.cookie fuera de un guard typeof window !== 'undefined', rompe el prerenderizado.
- ⚠️ Banner como componente Svelte normal en vez de snippet en app.html: se hidrata tarde y deja pasar tags antes.
- ⚠️ Rutas prerenderizadas en build time que nunca ven al visitante real decidir consentimiento.
Por qué Consentio y no un plugin gratis
- ✅ Bloqueo real de scripts (la mayoría de plugins no lo hacen).
- ✅ Google Consent Mode v2 completo, con las 4 señales.
- ✅ Menos de 9 KB: no daña tu velocidad ni tu posicionamiento.
- ✅ 6 idiomas y detección automática del país del visitante, incluido en todos los planes.
- ✅ Escáner de cookies y declaración automática lista para tu política.
- ✅ Auto-bloqueo de trackers conocidos y registro de consentimientos como prueba ante inspecciones.
Guías para otras plataformas
- Banner de cookies para Laravel
- Banner de cookies para Elementor
- Banner de cookies para Google Sites
- Banner de cookies para Nuxt
- Banner de cookies para Hostinger
- Banner de cookies para Carrd