KATLA VOOR LOVABLE
Vraag Lovable om cookietoestemming en krijg het in één keer goed.
Koppel Katla als custom connector aan Lovable, en de agent die je app bouwt, kan die app scannen, lezen wat hij heeft gevonden en toestemming installeren volgens de installatiegids van Katla zelf, niet op basis van een gok naar een pakketnaam. Standaard de gehoste banner van Katla, of de React-SDK als je de banner uit je eigen componenten wilt bouwen.
Custom MCP-connectorOAuth, geen API-sleutelWidget of React-SDK
Lovable → Connectors → + → MCP serverGeen code
Server name Katla Server URL https://api.katla.app/mcp Authentication OAuth (default) → Add & authorize, en log daarna in bij Katla. Daarna, in de chat van je project: “Voeg via de Katla-connector mijn gepubliceerde domein toe, scan het en installeer de cookiebanner met een link naar Cookie-instellingen in de footer.”
Log in met je gewone Katla-accountGids voor MCP-setup →
WAAROM TOESTEMMING OP LOVABLE LASTIG IS
Een AI-builder voegt heus een cookiebanner toe. Of die ook werkt, is een tweede.
HET PROBLEEMVraag je om een cookiebanner, dan schrijft de agent er zelf een: een pop-up met een knop Accepteren die niets blokkeert en niets vastlegt.
MET KATLAMet Katla gekoppeld installeert hij een echte toestemmingslaag. De cookieblokker weigert cookies zonder toestemming bij document.cookie, en elke beslissing wordt opgeslagen als toestemmingsregistratie die je kunt exporteren.
HET PROBLEEMEen agent die uit zijn geheugen werkt, gokt naar pakketnamen, props en script-URL’s, en de gok compileert.
MET KATLADe connector levert de installatiegidsen van Katla als tool, katla_get_skill, en de agent krijgt de opdracht die te lezen voordat hij code schrijft. Eén gids voor de gehoste widget, één voor de React-SDK.
HET PROBLEEMNiemand weet welke cookies de app zet zodra analytics, authenticatie en embeds zijn toegevoegd, dus het cookiebeleid is een sjabloon.
MET KATLADe agent scant je gepubliceerde app via de connector, leest elke cookie per categorie terug, en het gegenereerde beleid wordt op basis van die lijst geschreven.
INSTALLATIE
Eén keer koppelen, dan vragen.
- Voeg de connector toeOpen in Lovable Connectors, klik op + en kies MCP server. Noem hem Katla, plak https://api.katla.app/mcp als Server URL en laat OAuth staan.
- Log inAdd & authorize opent Katla. Log in met je gewone account: de connector handelt als jij, met je teamrollen en abonnementslimieten.
- Scan je appVraag de agent om je gepubliceerde domein aan Katla toe te voegen en het te scannen. Scans crawlen de live site, niet de preview in de editor.
- Installeer toestemmingVraag om de cookiebanner. De agent leest de gids van Katla, voegt de tag toe aan index.html of de SDK aan je componenten, en een link naar de cookie-instellingen in de footer.
GEBOUWD VOOR LOVABLE
Wat de connector de agent geeft.
Installatiegidsen als toolkatla_get_skill geeft de gids katla-widget, katla-sdk of katla-accessibility-widget terug, met referentiebestanden voor React, Consent Mode, de JavaScript-API, de beleidsembed en het toegankelijkheidspaneel.
Standaard de gehoste bannerEén scripttag bovenaan de head van index.html, vóór alles wat cookies zet. De agent leest het thema van je app en stemt de kleuren en hoeken van de banner daarop af in de instellingen van Katla, zodat restylen nooit een codewijziging is.
Of de React-SDKVraag om een eigen banner en de agent gebruikt @katla.app/sdk: KatlaProvider om de app, en useConsentManager() achter je eigen componenten.
Je echte cookiegegevensDe agent kan de cookies opsommen die de scan vond, er een herclassificeren of er zelf een beschrijving voor schrijven, en de toestemmingspercentages bekijken zodra de app bezoekers heeft.
Consent Mode v2Gebruik je GA4 of Google Ads? Vraag om Consent Mode en de agent zet het aan in je site-instellingen. Alle vier de signalen, standaard geweigerd.
Gratis checks op de live URLkatla_check_cookies en katla_check_consent_mode controleren de gepubliceerde pagina als een bezoeker die voor het eerst komt, zodat de agent zijn eigen installatie kan nakijken.
CORE WEB VITALS
Zo brokkelt het koekje af. Jouw SEO niet.
Lovable-apps zijn single-page React-apps, en een zwaar consentscript is het eerste wat tussen een bezoeker en je first paint staat. De gehoste banner van Katla is 18 KB in één verzoek vanaf een CDN, en de React-SDK is 4 KB headless als je de banner zelf bouwt.
Zo werkt de headless-modus →18 kBOver het netwerkBanner en je cookiegegevens, brotli
0 msExtra LCPTegenover dezelfde pagina zonder Katla
0LayoutverschuivingDe banner reserveert geen ruimte in de paginaflow
2RequestEén script, gecachet aan de edge
Onze eigen metingen, gedaan op (zo hebben we gemeten).
Vragen die Lovable-teams stellen
- Welk Lovable-abonnement heb ik nodig?
- Elk abonnement. Lovable staat custom MCP-connectors op elk abonnement toe. Op Business en Enterprise kan een workspacebeheerder custom MCP-servers uitschakelen, dus vraag het die beheerder als de optie ontbreekt.
- Is mijn gepubliceerde app afhankelijk van de connector?
- Nee. De connector wordt alleen door de agent gebruikt terwijl je bouwt, en de chatconnectors van Lovable draaien nooit in een gepubliceerde app. Wat live gaat, is de Katla-scripttag of de SDK-code die de agent schreef, en die praten rechtstreeks met Katla.
- Widget of SDK?
- Begin met de widget: één tag, en de banner wordt vanuit Katla gestyled. Kies de SDK als de banner uit je eigen componenten moet bestaan of als toestemming in React-state moet leven. Gebruik het een of het ander, niet allebei.
- Welk domein moet ik toevoegen?
- Het domein waarop je app is gepubliceerd: je eigen domein als je er een hebt gekoppeld, anders het lovable.app-adres. Scans crawlen de gepubliceerde site, dus publiceer voordat je scant.
- Kan de agent nog iets anders in mijn Katla-account veranderen?
- Alleen wat je zelf ook kunt veranderen, binnen je teamrol en abonnementslimieten, en niets destructiefs: een domein verwijderen en je abonnement wijzigen zijn voor de agent niet beschikbaar.
Koppel Katla en vraag dan om de banner.
Het gratis abonnement scant je Lovable-site en genereert een cookiebeleid, zonder creditcard.