Esta es la vía más directa para tener un banner RGPD en producción en pocos minutos. Nos saltamos los ajustes opcionales: podrá afinarlos después.
1. Regístrese
Vaya a app.flowconsent.com y cree una cuenta. El plan gratuito cubre 1 banner con auto-alojamiento en su propia cuenta de Cloudflare, sin tarjeta de crédito.
2. Crear un banner
En la página Banners, haga clic en + Nuevo banner. Introduzca:
- Un nombre (cualquiera, p. ej.
acme-website) - La URL de su sitio (
https://acme.com)
FlowConsent escanea la página y rellena las pestañas Services y Cookie list con los scripts de terceros detectados. Los valores por defecto son conformes al RGPD: botones Aceptar / Rechazar del mismo tamaño, bloqueo previo, categorías granulares.
3. Desplegar
Abra la pestaña Deployment.
En el plan Free, se le pedirá conectar una cuenta de Cloudflare para desplegar un Worker en su infraestructura. Siga la guía de Cloudflare: solo hay que hacerlo la primera vez.
En Pro / Enterprise, el despliegue se hace con un clic; el banner se aloja en https://SU-WORKSPACE.consent.flowconsent.com.
Una vez desplegado, la pestaña Deployment muestra su script de instalación:
<!-- FlowConsent CMP -->
<script src="https://SU-WORKSPACE.consent.flowconsent.com/cookie-manager.js?code=SU_LICENSE_CODE"></script>4. Pegar el script
Añada el script en el <head> de cada página de su sitio, lo más arriba posible, idealmente justo después de <head> y antes de cualquier otro <script>. Es imprescindible para que el bloqueo previo funcione: cualquier script de seguimiento declarado debajo del de FlowConsent se retiene hasta el consentimiento.
Para un sitio HTML estático, péguelo en su plantilla. Para un CMS:
- WordPress:
header.phpdel tema, o un plugin como Insert Headers and Footers - Shopify: Tienda online → Temas → Editar código →
theme.liquid→ dentro de<head> - Webflow: Project Settings → Custom Code → Head Code
- Framer: Site Settings → Custom Code → End of
<head> - Next.js / Nuxt / SvelteKit: el
<head>del layout raíz. Para el enrutamiento del lado del cliente, active también el Modo SPA: consulte la guía de Next.js y SPA React
5. Verificar
Abra su sitio en una ventana privada. Debería ver:
- El banner en la primera visita
- Ninguna petición a terceros en la pestaña Red antes de pulsar Aceptar
- Una entrada nueva en Analytics → Sesiones del panel de FlowConsent en poco tiempo
Si el banner no aparece, compruebe que el script está dentro de <head> (no de <body>) y que no lo bloquea una CSP.
Listo
Esta es la instalación mínima. Cuando tenga tiempo, vuelva para: