KATLA PARA LOVABLE
Pídele a Lovable el consentimiento de cookies, y que salga bien.
Conecta Katla a Lovable como conector personalizado, y el agente que construye tu app podrá escanearla, leer lo que ha encontrado e instalar el consentimiento siguiendo la guía de instalación de Katla, no adivinando el nombre de un paquete. Por defecto, el banner alojado de Katla, o el SDK de React si quieres construir el banner con tus propios componentes.
Conector MCP personalizadoOAuth, sin clave de APIWidget o SDK de React
Lovable → Connectors → + → MCP serverSin código
Server name Katla Server URL https://api.katla.app/mcp Authentication OAuth (default) → Add & authorize, y luego inicia sesión en Katla. Después, en el chat de tu proyecto: "Usando el conector de Katla, añade mi dominio publicado, escanéalo e instala el banner de cookies con un enlace de configuración de cookies en el pie de página."
Inicia sesión con tu cuenta normal de KatlaGuía de configuración de MCP →
POR QUÉ A LOS SITIOS DE LOVABLE LES CUESTA EL CONSENTIMIENTO
Un constructor con IA añadirá un banner de cookies. Que funcione ya es otra historia.
EL PROBLEMASi le pides un banner de cookies, el agente escribe uno desde cero: un popup con un botón de aceptar que no bloquea nada y no registra nada.
CON KATLACon Katla conectado, instala una capa de consentimiento de verdad. El bloqueador rechaza las cookies sin consentimiento en document.cookie, y cada decisión se guarda como un registro de consentimiento que puedes exportar.
EL PROBLEMAUn agente que trabaja de memoria adivina nombres de paquetes, props y URL de scripts, y lo que adivina compila.
CON KATLAEl conector sirve las guías de instalación de Katla como herramienta, katla_get_skill, y al agente se le indica que la lea antes de escribir código. Una guía para el widget alojado y otra para el SDK de React.
EL PROBLEMANadie sabe qué cookies escribe la app una vez añadidas la analítica, la autenticación y los contenidos incrustados, así que la política de cookies es una plantilla.
CON KATLAEl agente escanea tu app publicada a través del conector, lee todas las cookies por categoría, y la política generada se redacta a partir de esa lista.
CONFIGURACIÓN
Conecta una vez y luego pide.
- Añadir el conectorEn Lovable, abre Connectors, pulsa + y elige MCP server. Llámalo Katla, pega https://api.katla.app/mcp como Server URL y deja OAuth.
- Iniciar sesiónAdd & authorize abre Katla. Inicia sesión con tu cuenta normal: el conector actúa como tú, con los roles de tu equipo y los límites de tu plan.
- Escanear tu appPide al agente que añada tu dominio publicado a Katla y lo escanee. Los escaneos recorren el sitio en vivo, no la vista previa del editor.
- Instalar el consentimientoPide el banner de cookies. El agente lee la guía de Katla, añade la etiqueta a index.html o el SDK a tus componentes, y un enlace de configuración de cookies en el pie de página.
HECHO PARA LOVABLE
Lo que el conector le da al agente.
Guías de instalación como herramientakatla_get_skill devuelve la guía katla-widget, katla-sdk o katla-accessibility-widget, con archivos de referencia para React, Consent Mode, la API de JavaScript, el embed de la política y el panel de accesibilidad.
El banner alojado por defectoUna etiqueta script al principio del head de index.html, antes de cualquier cosa que escriba cookies. El agente lee el tema de tu app y ajusta los colores y las esquinas del banner para que encajen, en la configuración de Katla, así que cambiarle el estilo nunca es un cambio de código.
O el SDK de ReactPide un banner personalizado y el agente usará @katla.app/sdk: KatlaProvider alrededor de la app, y useConsentManager() detrás de tus propios componentes.
Tus datos de cookies realesEl agente puede listar las cookies que encontró el escaneo, reclasificar una o escribir tu propia descripción para ella, y ver las tasas de consentimiento cuando la app tenga visitantes.
Consent Mode v2¿Usas GA4 o Google Ads? Pide Consent Mode y el agente lo activa en la configuración de tu sitio. Las cuatro señales, denegadas por defecto.
Comprobaciones gratis en la URL en vivokatla_check_cookies y katla_check_consent_mode auditan la página publicada como un visitante que llega por primera vez, así que el agente puede comprobar su propia instalación.
CORE WEB VITALS
Las galletas se desmoronan. Tu SEO, no.
Las apps de Lovable son apps de React de una sola página, y un script de consentimiento pesado es lo primero que se interpone entre el visitante y el primer renderizado. El banner alojado de Katla ocupa 18 KB en una sola petición desde una CDN, y el SDK de React son 4 KB en headless si construyes tú el banner.
Cómo funciona el modo headless →18 kBTransferidoBanner y tus datos de cookies, brotli
0 msLCP añadidoFrente a la misma página sin él
0Desplazamiento de diseñoEl banner no reserva espacio en el flujo
2PeticiónUn script, en caché en el edge
Mediciones propias, realizadas el : así se hicieron.
Lo que preguntan los equipos de Lovable
- ¿Qué plan de Lovable necesito?
- Cualquiera. Lovable habilita los conectores MCP personalizados en todos los planes. En Business y Enterprise, un administrador del espacio de trabajo puede desactivar los servidores MCP personalizados, así que pregúntale si no ves la opción.
- ¿Mi app publicada depende del conector?
- No. El conector solo lo usa el agente mientras construyes, y los conectores de chat de Lovable nunca se ejecutan en una app publicada. Lo que se publica es la etiqueta script de Katla o el código del SDK que escribió el agente, que se comunican directamente con Katla.
- ¿Widget o SDK?
- Empieza con el widget: una etiqueta, y el estilo del banner se define desde Katla. Elige el SDK cuando el banner tenga que construirse con tus propios componentes o el consentimiento tenga que vivir en el estado de React. Usa uno u otro, no los dos.
- ¿Qué dominio debo añadir?
- Aquel en el que está publicada tu app: tu dominio personalizado si has conectado uno, y si no, su dirección de lovable.app. Los escaneos recorren el sitio publicado, así que publica antes de escanear.
- ¿Puede el agente cambiar algo más en mi cuenta de Katla?
- Solo lo que podrías cambiar tú, con tu rol en el equipo y los límites de tu plan, y nada destructivo: eliminar un dominio y cambiar de plan no están a su alcance.
Conecta Katla y pide el banner.
El plan gratuito escanea tu sitio de Lovable y genera una política de cookies, sin tarjeta.