Por qué importa

Esta es la guía del vídeo en el que pedía comentar LEGAL. Lovable, Bolt o Cursor te montan una web preciosa en una tarde, pero casi nunca la parte legal. Y la responsabilidad es del titular de la web, no de la herramienta.

La LSSI considera infracción leve usar cookies sin la información y el consentimiento necesarios, con multas de hasta 30.000 €. Incumplir de forma grave las obligaciones de información, como el aviso legal, puede llegar a 150.000 €. La AEPD ha multado con 30.000 € a empresas como Vueling o Iberia por sus cookies; en webs pequeñas las sanciones suelen ser de unos cientos a pocos miles de euros, y a veces empieza con un apercibimiento.

Importante: esto es información general, no asesoramiento legal. Si tu web trata datos sensibles (salud, menores) o vende online, revísala con un profesional.

Las 7 cosas que tiene que cumplir

  1. Banner de cookies con «Rechazar» igual de visible que «Aceptar». Los dos botones en la primera capa, con el mismo tamaño y color. Un banner que solo tiene «Aceptar», o que esconde el rechazo en un segundo menú, no vale. Añade «Configurar» por categorías y un enlace fijo para cambiar la elección después.
  2. Ninguna cookie antes de aceptar. Es el fallo más habitual en webs hechas con IA: el banner aparece, pero Analytics o el píxel ya se han cargado por debajo. Las cookies técnicas imprescindibles sí pueden ir sin consentimiento; todo lo demás espera al clic.
  3. Política de cookies y política de privacidad. La de cookies, con la lista real de cookies de tu web (nombre, proveedor, finalidad y duración). La de privacidad, con quién trata los datos, para qué, con qué base legal, cuánto tiempo, a quién se ceden y cómo ejercer los derechos.
  4. Aviso legal con tus datos identificativos. Nombre o razón social, NIF, dirección, email y, si eres sociedad, los datos del Registro Mercantil. Lo exige el artículo 10 de la LSSI a cualquier web con actividad económica, aunque no venda nada online.
  5. Formularios con la casilla de consentimiento sin marcar. La casilla de aceptar la privacidad nunca puede venir premarcada. Si quieres enviar publicidad, otra casilla aparte y opcional. Debajo del botón, la información básica: responsable, finalidad, derechos y enlace a la política.
  6. Analytics y el píxel de Meta, solo tras aceptar. Google Analytics, Meta Pixel, TikTok Pixel, Hotjar, vídeos de YouTube o mapas de Google instalan cookies o envían datos a terceros. Se cargan cuando el usuario acepta su categoría, no antes.
  7. Google Fonts alojadas en tu servidor. Si la web carga las fuentes desde los servidores de Google, cada visita envía la IP del visitante a Google sin su consentimiento. En 2022 un tribunal de Múnich condenó a una web a pagar 100 € a un visitante por eso. La solución es sencilla: descarga las fuentes y sírvelas desde tu dominio.

Y además

  • Toda la web por HTTPS, sin contenido mixto.
  • Si vendes online: condiciones generales de contratación, desistimiento y datos de contacto visibles.
  • Si usas un chatbot de IA, que diga que es una IA.

Comprueba tu web en 2 minutos

  1. Abre tu web en una ventana privada del navegador.
  2. Abre las herramientas de desarrollador (F12) y ve a la pestaña Red. Recarga la página sin tocar el banner.
  3. Filtra por google, facebook y fonts. Si aparece fonts.googleapis.com, google-analytics.com, googletagmanager.com o connect.facebook.net, estás cargando terceros antes del consentimiento.
  4. En la pestaña Aplicación → Cookies, mira si ya hay cookies como _ga o _fbp. Antes de aceptar no debería haberlas.
  5. Pulsa «Rechazar» y repite. Sigue sin deber haber nada.

El prompt para que Claude te la deje en regla

  1. Abre el proyecto de tu web en Claude Code (o pégalo en Lovable, Bolt o Cursor).
  2. Rellena tus datos entre corchetes y pégalo.
  3. Claude primero hace inventario de todo lo que carga tu web, te lo enseña y después lo corrige.
PROMPT · CLAUDE CODE / LOVABLE / CURSOR
Vas a revisar mi web para que cumpla la normativa española y europea básica (LSSI y RGPD)
y a corregir lo que falle. No eres abogado y no me des asesoramiento legal: tu trabajo es
encontrar los fallos técnicos y dejarlos arreglados.

MI WEB
- Nombre o razón social del titular: [NOMBRE / EMPRESA S.L.]
- NIF: [NIF]
- Dirección: [DIRECCIÓN COMPLETA]
- Email de contacto: [EMAIL]
- Datos registrales (si es sociedad): [REGISTRO MERCANTIL, TOMO, FOLIO, HOJA]
- Qué hace la web y qué datos recoge: [EJEMPLO: FORMULARIO DE CONTACTO Y NEWSLETTER]
Si algo sigue entre corchetes, pregúntamelo antes de empezar y no sigas hasta que responda.

REGLAS
- Trabaja en una rama nueva y no borres nada sin enseñármelo antes.
- No inventes datos del titular: si te falta uno, deja el hueco marcado y avísame.
- Al terminar, dame una tabla: punto | estaba bien / fallaba | qué has cambiado | archivo.

PASO 1 · INVENTARIO (sin tocar nada)
1. Arranca la web en local y lista TODAS las peticiones a dominios de terceros al cargar la
   página, antes de hacer clic en nada: fuentes, analítica, píxeles, vídeos, mapas, chats, CDNs.
2. Lista todas las cookies y entradas de localStorage que existen antes de aceptar nada.
3. Lista todos los formularios y qué datos piden.
Enséñamelo y espera mi OK.

PASO 2 · CORREGIR
1. Banner de cookies: botones "Aceptar" y "Rechazar" en la primera capa, con el mismo tamaño,
   color y nivel; un enlace a "Configurar" por categorías; sin casillas premarcadas; y una forma
   de cambiar la elección después (enlace fijo en el pie).
2. Nada de cookies ni scripts no necesarios antes del consentimiento: Google Analytics, Meta
   Pixel, Hotjar, TikTok Pixel, vídeos de YouTube incrustados (usa youtube-nocookie o carga al
   hacer clic) y mapas de Google se cargan SOLO si el usuario acepta su categoría.
3. Google Fonts: descarga las fuentes que uses (woff2) y sírvelas desde mi propio dominio.
   Elimina cualquier petición a fonts.googleapis.com y fonts.gstatic.com.
4. Crea o revisa tres páginas enlazadas en el pie de todas las páginas:
   - Aviso legal: titular, NIF, dirección, email y datos registrales (art. 10 LSSI).
   - Política de privacidad: responsable, finalidades, base legal, plazo de conservación,
     destinatarios y encargados (hosting, email, CRM), transferencias fuera de la UE, derechos
     y cómo ejercerlos, y derecho a reclamar ante la AEPD.
   - Política de cookies: tabla con cada cookie real (nombre, proveedor, finalidad, duración,
     propia o de terceros) sacada del inventario del paso 1.
5. Formularios: casilla de aceptación de la política de privacidad SIN marcar, una casilla
   aparte y opcional para comunicaciones comerciales, y debajo del botón la información básica
   (responsable, finalidad, derechos y enlace a la política).
6. Comprueba que toda la web va por HTTPS y que no hay contenido mixto.

PASO 3 · COMPROBAR
Repite el inventario del paso 1 en una ventana privada: antes de aceptar no debe haber ninguna
petición a terceros que no sea imprescindible ni ninguna cookie no necesaria. Después de
rechazar, tampoco. Enséñame el antes y el después.

¿Prefieres que lo revisemos nosotros? En EDSO construimos webs y automatizaciones para empresas con la parte legal y técnica cuidada desde el principio. Habla con nosotros.

Fuentes