KATLA FÜR LOVABLE
Bitten Sie Lovable um Cookie-Einwilligung, die auch wirklich funktioniert.
Verbinden Sie Katla als eigenen Connector mit Lovable, und der Agent, der Ihre App baut, kann sie scannen, lesen, was er gefunden hat, und die Einwilligung nach Katlas eigener Installationsanleitung einbauen, statt einen Paketnamen zu raten. Standardmäßig das gehostete Banner von Katla, oder das React-SDK, wenn das Banner aus Ihren eigenen Komponenten entstehen soll.
Eigener MCP-ConnectorOAuth, kein API-SchlüsselWidget oder React-SDK
Lovable → Connectors → + → MCP serverOhne Code
Server name Katla Server URL https://api.katla.app/mcp Authentication OAuth (Standard) → Add & authorize, dann bei Katla anmelden. Danach im Chat Ihres Projekts: „Bitte über den Katla-Connector meine veröffentlichte Domain hinzufügen, sie scannen und das Cookie-Banner mit einem Link zu den Cookie-Einstellungen im Footer installieren.“
Melden Sie sich mit Ihrem normalen Katla-Konto anAnleitung zur MCP-Einrichtung →
WARUM LOVABLE-WEBSITES MIT DER EINWILLIGUNG KÄMPFEN
Ein KI-Builder baut Ihnen ein Cookie-Banner. Ob es funktioniert, ist eine andere Frage.
DAS PROBLEMUm ein Cookie-Banner gebeten, schreibt der Agent eins von Grund auf: ein Popup mit einem Akzeptieren-Button, das nichts blockiert und nichts aufzeichnet.
MIT KATLAMit verbundenem Katla installiert er eine echte Einwilligungsschicht. Der Guard weist Cookies ohne Einwilligung an document.cookie ab, und jede Entscheidung wird als Einwilligungsnachweis gespeichert, den Sie exportieren können.
DAS PROBLEMEin Agent, der aus dem Gedächtnis arbeitet, rät Paketnamen, Props und Skript-URLs, und das Geratene kompiliert.
MIT KATLADer Connector stellt Katlas Installationsanleitungen als Tool bereit, katla_get_skill, und der Agent wird angewiesen, sie zu lesen, bevor er Code schreibt. Eine Anleitung für das gehostete Widget, eine für das React-SDK.
DAS PROBLEMNiemand weiß, welche Cookies die App setzt, sobald Analytics, Auth und Einbettungen dazukommen, also ist die Cookie-Richtlinie eine Vorlage.
MIT KATLADer Agent scannt Ihre veröffentlichte App über den Connector, liest jedes Cookie nach Kategorie zurück, und die generierte Richtlinie wird aus dieser Liste erstellt.
EINRICHTUNG
Einmal verbinden, dann fragen.
- Connector hinzufügenÖffnen Sie in Lovable Connectors, klicken Sie auf + und wählen Sie MCP server. Nennen Sie ihn Katla, fügen Sie https://api.katla.app/mcp als Server URL ein und behalten Sie OAuth bei.
- AnmeldenAdd & authorize öffnet Katla. Melden Sie sich mit Ihrem normalen Konto an: Der Connector handelt in Ihrem Namen, mit Ihren Team-Rollen und Plan-Limits.
- App scannenBitten Sie den Agenten, Ihre veröffentlichte Domain zu Katla hinzuzufügen und zu scannen. Scans crawlen die Live-Website, nicht die Vorschau im Editor.
- Einwilligung installierenBitten Sie um das Cookie-Banner. Der Agent liest die Katla-Anleitung, fügt das Tag in index.html oder das SDK in Ihre Komponenten ein, dazu einen Link zu den Cookie-Einstellungen im Footer.
GEBAUT FÜR LOVABLE
Was der Connector dem Agenten gibt.
Installationsanleitungen als Toolkatla_get_skill liefert die Anleitung katla-widget, katla-sdk oder katla-accessibility-widget, mit Referenzdateien für React, Consent Mode, die JavaScript-API, die Einbettung der Richtlinie und das Barrierefreiheits-Panel.
Standardmäßig das gehostete BannerEin Script-Tag ganz oben im Head von index.html, vor jedem Code, der Cookies setzt. Der Agent liest das Theme Ihrer App und stellt Farben und Ecken des Banners passend ein, in den Katla-Einstellungen, sodass eine Umgestaltung nie eine Code-Änderung ist.
Oder das React-SDKBitten Sie um ein eigenes Banner, und der Agent nutzt @katla.app/sdk: KatlaProvider um die App und useConsentManager() hinter Ihren eigenen Komponenten.
Ihre echten Cookie-DatenDer Agent kann die Cookies auflisten, die der Scan gefunden hat, eines neu klassifizieren oder eine eigene Beschreibung dafür schreiben, und die Einwilligungsraten sehen, sobald die App Besucher hat.
Consent Mode v2Sie nutzen GA4 oder Google Ads? Bitten Sie um Consent Mode, und der Agent schaltet ihn in Ihren Website-Einstellungen ein. Alle vier Signale, standardmäßig verweigert.
Kostenlose Checks der Live-URLkatla_check_cookies und katla_check_consent_mode prüfen die veröffentlichte Seite als Erstbesucher, sodass der Agent seine eigene Installation kontrollieren kann.
CORE WEB VITALS
So krümelt der Keks. Ihr SEO bitte nicht.
Lovable-Apps sind Single-Page-Apps in React, und ein schweres Consent-Skript steht als Erstes zwischen einem Besucher und Ihrem First Paint. Das gehostete Banner von Katla umfasst 18 KB in einer Anfrage von einem CDN, und das React-SDK hat headless 4 KB, wenn Sie das Banner selbst bauen.
So funktioniert der Headless-Modus →18 kBÜbertragenBanner und Ihre Cookie-Daten, Brotli
0 msZusätzlicher LCPGegenüber derselben Seite ohne Katla
0Layout-ShiftDas Banner reserviert keinen Platz im Seitenfluss
2RequestEin Skript, am Edge gecacht
Unsere eigenen Messungen vom : so wurden sie erhoben.
Was Lovable-Teams fragen
- Welchen Lovable-Tarif brauche ich?
- Jeden. Lovable aktiviert eigene MCP-Connectors in jedem Tarif. In Business und Enterprise kann ein Workspace-Admin eigene MCP-Server abschalten, fragen Sie also dort nach, wenn die Option fehlt.
- Hängt meine veröffentlichte App vom Connector ab?
- Nein. Den Connector nutzt nur der Agent, während Sie bauen, und die Chat-Connectors von Lovable laufen nie in einer veröffentlichten App. Ausgeliefert wird das Katla-Script-Tag oder der SDK-Code, den der Agent geschrieben hat, und beide sprechen direkt mit Katla.
- Widget oder SDK?
- Starten Sie mit dem Widget: ein Tag, und das Banner wird in Katla gestaltet. Wählen Sie das SDK, wenn das Banner aus Ihren eigenen Komponenten gebaut werden oder die Einwilligung im React-State leben muss. Nutzen Sie das eine oder das andere, nicht beides.
- Welche Domain soll ich hinzufügen?
- Die, unter der Ihre App veröffentlicht ist: Ihre eigene Domain, falls Sie eine verbunden haben, sonst die lovable.app-Adresse. Scans crawlen die veröffentlichte Website, veröffentlichen Sie also vor dem Scan.
- Kann der Agent sonst noch etwas in meinem Katla-Konto ändern?
- Nur, was Sie selbst ändern könnten, mit Ihrer Team-Rolle und Ihren Plan-Limits, und nichts Destruktives: Eine Domain entfernen oder den Plan wechseln kann er nicht.
Verbinden Sie Katla, dann bitten Sie um das Banner.
Der kostenlose Tarif scannt Ihre Lovable-Website und erstellt eine Cookie-Richtlinie, ohne Karte.