KATLA PARA LOVABLE
Peça ao Lovable consentimento de cookies, e bem feito.
Ligue o Katla ao Lovable como conector personalizado, e o agente que constrói a sua app pode analisá-la, ler o que encontrou e instalar o consentimento a partir do próprio guia de instalação do Katla, e não de um palpite sobre o nome de um pacote. O banner alojado do Katla por predefinição, ou o SDK de React se quiser o banner construído com os seus próprios componentes.
Conector MCP personalizadoOAuth, sem chave de APIWidget ou SDK de React
Lovable → Connectors → + → MCP serverSem código
Server name Katla Server URL https://api.katla.app/mcp Authentication OAuth (predefinido) → Add & authorize e depois inicie sessão no Katla. Depois, no chat do seu projeto: «Use o conector do Katla para adicionar o meu domínio publicado, analisá-lo e instalar o banner de cookies com um link “Configurações de cookies” no rodapé.»
Inicie sessão com a sua conta Katla habitualGuia de configuração MCP →
PORQUE É QUE OS SITES LOVABLE TROPEÇAM NO CONSENTIMENTO
Um construtor com IA vai acrescentar um banner de cookies. Se funciona, já é outra conversa.
O PROBLEMAQuando lhe pedem um banner de cookies, o agente escreve um de raiz: um popup com um botão Aceitar que não bloqueia nada e não regista nada.
COM O KATLACom o Katla ligado, instala uma verdadeira camada de consentimento. O bloqueador recusa cookies sem consentimento em document.cookie, e cada decisão fica guardada como um registo de consentimento que pode exportar.
O PROBLEMAUm agente que trabalha de memória adivinha nomes de pacotes, props e URLs de scripts, e o palpite compila.
COM O KATLAO conector disponibiliza os guias de instalação do Katla como ferramenta, katla_get_skill, e o agente é instruído a consultá-los antes de escrever qualquer código. Um guia para o widget alojado, outro para o SDK de React.
O PROBLEMANinguém sabe que cookies a app define depois de lhe juntarem analítica, autenticação e conteúdos incorporados, por isso a política de cookies é um modelo genérico.
COM O KATLAO agente analisa a sua app publicada através do conector, lê cada cookie por categoria, e a política gerada é redigida a partir dessa lista.
CONFIGURAÇÃO
Ligue uma vez, depois peça.
- Adicionar o conectorNo Lovable, abra Connectors, carregue em + e escolha MCP server. Dê-lhe o nome Katla, cole https://api.katla.app/mcp como Server URL e mantenha OAuth.
- Iniciar sessãoAdd & authorize abre o Katla. Inicie sessão com a sua conta habitual: o conector age em seu nome, com as funções da sua equipa e os limites do seu plano.
- Analisar a sua appPeça ao agente que adicione o seu domínio publicado ao Katla e o analise. As análises percorrem o site em produção, não a pré-visualização do editor.
- Instalar o consentimentoPeça o banner de cookies. O agente lê o guia do Katla, adiciona a tag ao index.html ou o SDK aos seus componentes, e um link «Configurações de cookies» ao rodapé.
FEITO PARA LOVABLE
O que o conector dá ao agente.
Guias de instalação como ferramentakatla_get_skill devolve o guia katla-widget, katla-sdk ou katla-accessibility-widget, com ficheiros de referência para React, Consent Mode, a API JavaScript, a incorporação da política e o painel de acessibilidade.
O banner alojado por predefiniçãoUma tag script no topo do head do index.html, antes de tudo o que define cookies. O agente lê o tema da sua app e ajusta as cores e os cantos do banner em conformidade, nas definições do Katla, por isso mudar-lhe o estilo nunca é uma alteração de código.
Ou o SDK de ReactPeça um banner personalizado e o agente usa @katla.app/sdk: KatlaProvider à volta da app, e useConsentManager() por trás dos seus próprios componentes.
Os seus dados de cookies reaisO agente pode listar os cookies que a análise encontrou, reclassificar um ou escrever uma descrição sua para ele, e ver as taxas de consentimento quando a app já tiver visitantes.
Consent Mode v2Usa GA4 ou Google Ads? Peça o Consent Mode e o agente ativa-o nas definições do seu site. Os quatro sinais, negados por predefinição.
Verificações gratuitas no URL em produçãokatla_check_cookies e katla_check_consent_mode auditam a página publicada como um visitante que chega pela primeira vez, para que o agente possa verificar a sua própria instalação.
CORE WEB VITALS
Os cookies esfarelam-se. O seu SEO não devia.
As apps do Lovable são apps React de página única, e um script de consentimento pesado é a primeira coisa entre um visitante e a primeira renderização. O banner alojado do Katla tem 18 KB num único pedido a partir de uma CDN, e o SDK de React tem 4 KB em modo headless, se for o próprio a construir o banner.
Como funciona o modo headless →18 kBTransferidoBanner e os seus dados de cookies, brotli
0 msLCP acrescentadoFace à mesma página sem ele
0Deslocamento de layoutO banner não reserva espaço no fluxo
2PedidoUm script, em cache na edge
Medições nossas, feitas a : como foram feitas.
Perguntas que as equipas Lovable fazem
- De que plano do Lovable preciso?
- Qualquer um. O Lovable permite conectores MCP personalizados em todos os planos. Nos planos Business e Enterprise, um administrador da área de trabalho pode desativar os servidores MCP personalizados, por isso fale com ele se a opção não aparecer.
- A minha app publicada depende do conector?
- Não. O conector só é usado pelo agente enquanto constrói, e os conectores de chat do Lovable nunca correm numa app publicada. O que vai para produção é a tag script do Katla ou o código do SDK que o agente escreveu, que comunicam diretamente com o Katla.
- Widget ou SDK?
- Comece pelo widget: uma tag, e o banner é estilizado a partir do Katla. Escolha o SDK quando o banner tiver de ser construído com os seus próprios componentes ou o consentimento tiver de viver no estado do React. Use um ou outro, não os dois.
- Que domínio devo adicionar?
- Aquele onde a sua app está publicada: o seu domínio personalizado, se tiver ligado um, ou então o endereço lovable.app. As análises percorrem o site publicado, por isso publique antes de analisar.
- O agente pode alterar mais alguma coisa na minha conta Katla?
- Apenas o que poderia alterar por si mesmo, com a sua função na equipa e os limites do seu plano, e nada destrutivo: remover um domínio e mudar de plano não lhe estão disponíveis.
Ligue o Katla e depois peça o banner.
O plano gratuito analisa o seu site Lovable e gera uma política de cookies, sem cartão.