KATLA DLA LOVABLE
Poproś Lovable o zgodę na pliki cookie. Wyjdzie jak należy.
Połącz Katlę z Lovable jako niestandardowy konektor, a agent budujący Twoją aplikację może ją zeskanować, odczytać, co znalazł, i zainstalować zgodę według przewodnika instalacji Katli, a nie zgadując nazwę pakietu. Domyślnie hostowany baner Katli, albo SDK dla Reacta, jeśli chcesz zbudować baner z własnych komponentów.
Niestandardowy konektor MCPOAuth, bez klucza APIWidget lub SDK dla Reacta
Lovable → Connectors → + → MCP serverBez kodu
Server name Katla Server URL https://api.katla.app/mcp Authentication OAuth (default) → Add & authorize, potem zaloguj się do Katli. Następnie na czacie projektu: „Za pomocą konektora Katla dodaj moją opublikowaną domenę, zeskanuj ją i zainstaluj baner cookies z linkiem do ustawień plików cookie w stopce.”
Zaloguj się swoim zwykłym kontem KatlaPrzewodnik po MCP →
DLACZEGO STRONY NA LOVABLE MAJĄ KŁOPOT ZE ZGODĄ
Kreator AI doda baner cookies. Czy będzie działał, to już inna sprawa.
PROBLEMPoproszony o baner cookies agent pisze go od zera: wyskakujące okienko z przyciskiem Akceptuj, które niczego nie blokuje i niczego nie zapisuje.
Z KATLĄZ podłączoną Katlą instaluje prawdziwą warstwę zgody. Blokada odrzuca pliki cookie bez zgody na poziomie document.cookie, a każda decyzja jest przechowywana jako zapis zgody, który możesz wyeksportować.
PROBLEMAgent działający z pamięci zgaduje nazwy pakietów, propsy i adresy skryptów, a zgadnięty kod się kompiluje.
Z KATLĄKonektor udostępnia przewodniki instalacji Katli jako narzędzie, katla_get_skill, a agent ma polecenie przeczytać je przed napisaniem jakiegokolwiek kodu. Jeden przewodnik dla hostowanego widgetu, drugi dla SDK Reacta.
PROBLEMNikt nie wie, jakie pliki cookie ustawia aplikacja po dodaniu analityki, logowania i osadzonych treści, więc polityka cookies to gotowy wzór.
Z KATLĄAgent skanuje Twoją opublikowaną aplikację przez konektor, odczytuje każdy plik cookie według kategorii, a wygenerowana polityka powstaje z tej listy.
KONFIGURACJA
Połącz raz, potem proś.
- Dodaj konektorW Lovable otwórz Connectors, kliknij + i wybierz MCP server. Nazwij go Katla, wklej https://api.katla.app/mcp jako Server URL i zostaw OAuth.
- Zaloguj sięAdd & authorize otwiera Katlę. Zaloguj się swoim zwykłym kontem: konektor działa jako Ty, z Twoimi rolami w zespole i limitami planu.
- Zeskanuj aplikacjęPoproś agenta, żeby dodał Twoją opublikowaną domenę do Katli i ją zeskanował. Skanowanie przechodzi po działającej stronie, nie po podglądzie w edytorze.
- Zainstaluj zgodęPoproś o baner cookies. Agent czyta przewodnik Katli, dodaje tag do index.html albo SDK do Twoich komponentów oraz link do ustawień plików cookie w stopce.
STWORZONE DLA LOVABLE
Co konektor daje agentowi.
Przewodniki instalacji jako narzędziekatla_get_skill zwraca przewodnik katla-widget, katla-sdk lub katla-accessibility-widget, z plikami referencyjnymi dla Reacta, Consent Mode, JavaScript API, osadzania polityki i panelu dostępności.
Domyślnie hostowany banerJeden tag script na początku sekcji head w index.html, przed wszystkim, co ustawia pliki cookie. Agent odczytuje motyw Twojej aplikacji i dopasowuje kolory i zaokrąglenia banera w ustawieniach Katli, więc zmiana wyglądu nigdy nie wymaga zmiany kodu.
Albo SDK dla ReactaPoproś o własny baner, a agent użyje @katla.app/sdk: KatlaProvider wokół aplikacji i useConsentManager() za Twoimi własnymi komponentami.
Twoje prawdziwe dane o plikach cookieAgent może wypisać pliki cookie znalezione podczas skanowania, zmienić klasyfikację któregoś z nich albo napisać dla niego własny opis, a gdy aplikacja ma już odwiedzających, zobaczyć wskaźniki zgód.
Consent Mode v2Używasz GA4 lub Google Ads? Poproś o Consent Mode, a agent włączy go w ustawieniach Twojej strony. Wszystkie cztery sygnały, domyślnie z odmową.
Darmowe testy na działającym adresiekatla_check_cookies i katla_check_consent_mode sprawdzają opublikowaną stronę tak, jak widzi ją nowy odwiedzający, więc agent może zweryfikować własną instalację.
CORE WEB VITALS
Ciasteczka się kruszą. Twoje SEO nie musi.
Aplikacje z Lovable to jednostronicowe aplikacje React, a ciężki skrypt zgody to pierwsze, co stoi między odwiedzającym a pierwszym wyświetleniem strony. Hostowany baner Katli to 18 KB w jednym żądaniu z CDN, a SDK dla Reacta to 4 KB w trybie headless, jeśli budujesz baner samodzielnie.
Jak działa tryb headless →18 kBTransferBaner i dane Twoich plików cookie, brotli
0 msWzrost LCPW porównaniu z tą samą stroną bez niego
0Przesunięcie układuBaner nie rezerwuje miejsca w układzie strony
2ŻądanieJeden skrypt, cache’owany na brzegu sieci
Nasze własne pomiary z : jak je wykonaliśmy.
Pytania od zespołów pracujących z Lovable
- Jakiego planu Lovable potrzebuję?
- Dowolnego. Lovable udostępnia niestandardowe konektory MCP w każdym planie. W planach Business i Enterprise administrator obszaru roboczego może wyłączyć niestandardowe serwery MCP, więc jeśli nie widzisz tej opcji, zapytaj go.
- Czy moja opublikowana aplikacja zależy od konektora?
- Nie. Z konektora korzysta tylko agent podczas budowania, a konektory czatu Lovable nigdy nie działają w opublikowanej aplikacji. Wdrażany jest tag script Katli albo kod SDK napisany przez agenta, które łączą się z Katlą bezpośrednio.
- Widget czy SDK?
- Zacznij od widgetu: jeden tag, a wygląd banera ustawiasz w Katli. Wybierz SDK, gdy baner musi powstać z Twoich własnych komponentów albo zgoda musi żyć w stanie Reacta. Używaj jednego albo drugiego, nie obu naraz.
- Jaką domenę dodać?
- Tę, pod którą aplikacja jest opublikowana: Twoją własną domenę, jeśli jest podłączona, a w przeciwnym razie adres lovable.app. Skanowanie przechodzi po opublikowanej stronie, więc opublikuj ją przed skanowaniem.
- Czy agent może zmienić coś jeszcze na moim koncie Katla?
- Tylko to, co możesz zmienić Ty, w ramach Twojej roli w zespole i limitów planu, i nic destrukcyjnego: usunięcie domeny i zmiana planu nie są dla niego dostępne.
Połącz Katlę, potem poproś o baner.
Darmowy plan skanuje Twoją stronę na Lovable i generuje politykę cookies, bez podawania karty.