KATLA FÖR LOVABLE
Be Lovable om cookiesamtycke, och få det rätt.
Anslut Katla till Lovable som en anpassad connector, så kan agenten som bygger din app skanna den, läsa vad den hittade och installera samtycke enligt Katlas egen installationsguide, inte utifrån en gissning om ett paketnamn. Katlas hostade banner som standard, eller React-SDK:t om du vill att bannern byggs av dina egna komponenter.
Anpassad MCP-connectorOAuth, ingen API-nyckelWidget eller React-SDK
Lovable → Connectors → + → MCP serverIngen kod
Server name Katla Server URL https://api.katla.app/mcp Authentication OAuth (default) → Add & authorize, logga sedan in i Katla. Sedan, i chatten i ditt projekt: ”Använd Katla-connectorn för att lägga till min publicerade domän, skanna den och installera cookiebannern med en länk till Cookieinställningar i sidfoten.”
Logga in med ditt vanliga Katla-kontoGuide för MCP-installation →
DÄRFÖR HAR LOVABLE-WEBBPLATSER SVÅRT MED SAMTYCKE
En AI-byggare lägger till en cookiebanner. Om den fungerar är en annan sak.
PROBLEMETBer du om en cookiebanner skriver agenten en från grunden: en popup med en Acceptera-knapp som inte blockerar något och inte sparar något.
MED KATLAMed Katla ansluten installerar den ett riktigt samtyckeslager. Spärren nekar cookies utan samtycke vid document.cookie, och varje beslut sparas som ett samtyckesbevis som du kan exportera.
PROBLEMETEn agent som arbetar ur minnet gissar paketnamn, props och skript-URL:er, och gissningen kompilerar.
MED KATLAConnectorn serverar Katlas installationsguider som ett verktyg, katla_get_skill, och agenten instrueras att läsa guiden innan den skriver någon kod. En guide för den hostade widgeten, en för React-SDK:t.
PROBLEMETIngen vet vilka cookies appen sätter när analys, inloggning och inbäddningar har lagts till, så cookiepolicyn är en mall.
MED KATLAAgenten skannar din publicerade app via connectorn, läser tillbaka varje cookie per kategori, och den genererade policyn skrivs utifrån den listan.
INSTALLATION
Anslut en gång, fråga sedan.
- Lägg till connectornÖppna Connectors i Lovable, tryck på + och välj MCP server. Döp den till Katla, klistra in https://api.katla.app/mcp som Server URL och behåll OAuth.
- Logga inAdd & authorize öppnar Katla. Logga in med ditt vanliga konto: connectorn agerar som du, med dina teamroller och planens gränser.
- Skanna din appBe agenten lägga till din publicerade domän i Katla och skanna den. Skanningar går igenom den publicerade webbplatsen, inte förhandsvisningen i editorn.
- Installera samtyckeBe om cookiebannern. Agenten läser Katla-guiden, lägger till taggen i index.html eller SDK:t i dina komponenter, och en länk till Cookieinställningar i sidfoten.
BYGGT FÖR LOVABLE
Det här ger connectorn agenten.
Installationsguider som verktygkatla_get_skill returnerar guiden katla-widget, katla-sdk eller katla-accessibility-widget, med referensfiler för React, Consent Mode, JavaScript-API:t, policyinbäddningen och tillgänglighetspanelen.
Den hostade bannern som standardEn script-tagg högst upp i head i index.html, före allt som sätter cookies. Agenten läser av appens tema och ställer in bannerns färger och hörn så att de matchar, i Katlas inställningar, så en ny stil kräver aldrig en kodändring.
Eller React-SDK:tBe om en egen banner så använder agenten @katla.app/sdk: KatlaProvider runt appen och useConsentManager() bakom dina egna komponenter.
Din riktiga cookiedataAgenten kan lista de cookies som skanningen hittade, klassificera om en av dem eller skriva din egen beskrivning av den, och se samtyckesgraden när appen väl har besökare.
Consent Mode v2Kör du GA4 eller Google Ads? Be om Consent Mode så slår agenten på det i webbplatsens inställningar. Alla fyra signaler, nekade som standard.
Gratis kontroller av live-URL:enkatla_check_cookies och katla_check_consent_mode granskar den publicerade sidan som en förstagångsbesökare, så agenten kan kontrollera sin egen installation.
CORE WEB VITALS
Samtycket laddar. Din SEO märker inget.
Lovable-appar är React-appar med en enda sida, och ett tungt samtyckesskript är det första som står mellan besökaren och att sidan börjar ritas upp. Katlas hostade banner är 18 kB i en förfrågan från ett CDN, och React-SDK:t är 4 kB headless om du bygger bannern själv.
Så fungerar headless-läget →18 kBÖverförtBanner och din cookiedata, brotli
0 msTillagd LCPJämfört med samma sida utan den
0LayoutförskjutningBannern reserverar inget utrymme i flödet
2AnropEtt skript, cachat vid kanten
Våra egna mätningar, gjorda : så gjordes de.
Frågor som Lovable-team ställer
- Vilken Lovable-plan behöver jag?
- Vilken som helst. Lovable har anpassade MCP-connectors på alla planer. På Business och Enterprise kan en administratör för arbetsytan stänga av anpassade MCP-servrar, så fråga hen om alternativet saknas.
- Är min publicerade app beroende av connectorn?
- Nej. Connectorn används bara av agenten medan du bygger, och Lovables chatt-connectors körs aldrig i en publicerad app. Det som levereras är Katlas script-tagg eller den SDK-kod som agenten skrev, och de pratar direkt med Katla.
- Widget eller SDK?
- Börja med widgeten: en tagg, och bannern stylas från Katla. Välj SDK:t när bannern måste byggas av dina egna komponenter eller samtycket måste leva i React-tillstånd. Använd det ena eller det andra, inte båda.
- Vilken domän ska jag lägga till?
- Den som din app är publicerad på: din egen domän om du har anslutit en, annars appens lovable.app-adress. Skanningar går igenom den publicerade webbplatsen, så publicera innan du skannar.
- Kan agenten ändra något annat i mitt Katla-konto?
- Bara det du själv kan ändra, med din teamroll och planens gränser, och inget destruktivt: att ta bort en domän och att byta plan är inte tillgängligt för den.
Anslut Katla och be sedan om bannern.
Gratisplanen skannar din Lovable-webbplats och genererar en cookiepolicy, utan kort.