KATLA PER LOVABLE
Chiedi a Lovable il consenso ai cookie, e ricevilo fatto a regola d’arte.
Collega Katla a Lovable come connettore personalizzato, e l’agente che costruisce la tua app può scansionarla, leggere cosa ha trovato e installare il consenso seguendo la guida di installazione di Katla, invece di tirare a indovinare il nome di un pacchetto. Il banner ospitato di Katla per impostazione predefinita, oppure l’SDK React se vuoi il banner costruito con i tuoi componenti.
Connettore MCP personalizzatoOAuth, nessuna chiave APIWidget o SDK React
Lovable → Connectors → + → MCP serverSenza codice
Server name Katla Server URL https://api.katla.app/mcp Authentication OAuth (predefinito) → Add & authorize, poi accedi a Katla. Poi, nella chat del tuo progetto: “Usando il connettore Katla, aggiungi il mio dominio pubblicato, scansionalo e installa il banner dei cookie con un link Impostazioni cookie nel footer.”
Accedi con il tuo normale account KatlaGuida alla configurazione MCP →
PERCHÉ I SITI LOVABLE FATICANO CON IL CONSENSO
Un builder AI aggiungerà un banner dei cookie. Che funzioni è un’altra storia.
IL PROBLEMASe gli chiedi un banner dei cookie, l’agente ne scrive uno da zero: un popup con un pulsante Accetta che non blocca niente e non registra niente.
CON KATLACon Katla collegato installa un vero livello di consenso. Il blocco dei cookie rifiuta i cookie senza consenso a livello di document.cookie, e ogni decisione viene salvata come registrazione del consenso che puoi esportare.
IL PROBLEMAUn agente che lavora a memoria tira a indovinare nomi di pacchetti, prop e URL degli script, e il tentativo compila.
CON KATLAIl connettore fornisce le guide di installazione di Katla come strumento, katla_get_skill, e all’agente viene detto di leggerle prima di scrivere codice. Una guida per il widget ospitato, una per l’SDK React.
IL PROBLEMANessuno sa quali cookie imposta l’app una volta aggiunti analytics, autenticazione ed embed, quindi la cookie policy è un modello.
CON KATLAL’agente scansiona la tua app pubblicata tramite il connettore, rilegge ogni cookie per categoria, e la policy generata viene scritta a partire da quell’elenco.
CONFIGURAZIONE
Collega una volta, poi chiedi.
- Aggiungi il connettoreIn Lovable apri Connectors, premi + e scegli MCP server. Chiamalo Katla, incolla https://api.katla.app/mcp come Server URL e lascia OAuth.
- AccediAdd & authorize apre Katla. Accedi con il tuo normale account: il connettore agisce come te, con i tuoi ruoli nel team e i limiti del tuo piano.
- Scansiona la tua appChiedi all’agente di aggiungere a Katla il tuo dominio pubblicato e di scansionarlo. Le scansioni esplorano il sito online, non l’anteprima dell’editor.
- Installa il consensoChiedi il banner dei cookie. L’agente legge la guida di Katla, aggiunge il tag a index.html o l’SDK ai tuoi componenti, e un link alle impostazioni dei cookie nel footer.
PENSATO PER LOVABLE
Cosa dà il connettore all’agente.
Guide di installazione come strumentokatla_get_skill restituisce la guida katla-widget, katla-sdk o katla-accessibility-widget, con file di riferimento per React, Consent Mode, l’API JavaScript, l’embed della policy e il pannello di accessibilità.
Il banner ospitato come predefinitoUn solo tag script in cima all’head di index.html, prima di qualsiasi cosa imposti cookie. L’agente legge il tema della tua app e imposta di conseguenza colori e angoli del banner, nelle impostazioni di Katla, così cambiarne lo stile non è mai una modifica al codice.
Oppure l’SDK ReactChiedi un banner personalizzato e l’agente usa @katla.app/sdk: KatlaProvider attorno all’app, e useConsentManager() dietro i tuoi componenti.
I tuoi veri dati sui cookieL’agente può elencare i cookie trovati dalla scansione, riclassificarne uno o scriverne una descrizione tua, e vedere i tassi di consenso quando l’app ha visitatori.
Consent Mode v2Usi GA4 o Google Ads? Chiedi Consent Mode e l’agente lo attiva nelle impostazioni del tuo sito. Tutti e quattro i segnali, negati per impostazione predefinita.
Controlli gratuiti sull’URL onlinekatla_check_cookies e katla_check_consent_mode verificano la pagina pubblicata come un visitatore alla prima visita, così l’agente può controllare la propria installazione.
CORE WEB VITALS
I cookie si sbriciolano. La tua SEO no.
Le app Lovable sono app React single-page, e uno script di consenso pesante è la prima cosa tra un visitatore e il tuo primo paint. Il banner ospitato di Katla pesa 18 KB in una richiesta da una CDN, e l’SDK React pesa 4 KB headless se il banner lo costruisci tu.
Come funziona la modalità headless →18 kBDati trasferitiBanner e dati dei tuoi cookie, brotli
0 msLCP aggiuntoRispetto alla stessa pagina senza
0Spostamento del layoutIl banner non riserva spazio nel flusso
2RichiestaUn solo script, in cache all’edge
Nostre misurazioni, effettuate il : ecco come le abbiamo fatte.
Le domande dei team Lovable
- Quale piano Lovable mi serve?
- Uno qualsiasi. Lovable abilita i connettori MCP personalizzati su tutti i piani. Su Business ed Enterprise un amministratore del workspace può disattivare i server MCP personalizzati, quindi chiediglielo se l’opzione manca.
- La mia app pubblicata dipende dal connettore?
- No. Il connettore lo usa solo l’agente mentre costruisci, e i connettori della chat di Lovable non girano mai in un’app pubblicata. Ciò che va online è il tag script di Katla o il codice SDK scritto dall’agente, che parlano direttamente con Katla.
- Widget o SDK?
- Inizia con il widget: un solo tag, e lo stile del banner si imposta da Katla. Scegli l’SDK quando il banner va costruito con i tuoi componenti o il consenso deve vivere nello stato di React. Usa l’uno o l’altro, non entrambi.
- Quale dominio devo aggiungere?
- Quello su cui è pubblicata la tua app: il tuo dominio personalizzato se ne hai collegato uno, altrimenti il suo indirizzo lovable.app. Le scansioni esplorano il sito pubblicato, quindi pubblica prima di scansionare.
- L’agente può cambiare altro nel mio account Katla?
- Solo ciò che potresti cambiare tu, con il tuo ruolo nel team e i limiti del tuo piano, e niente di distruttivo: rimuovere un dominio e cambiare piano sono operazioni a cui non ha accesso.
Collega Katla, poi chiedi il banner.
Il piano gratuito scansiona il tuo sito Lovable e genera un’informativa sui cookie, senza carta di credito.