Configurar o Flowsery Analytics num website Lovable

O Lovable é um construtor de websites com IA que gera sites a partir de prompts. Como não escreve código diretamente, irá pedir ao AI do Lovable para incorporar o snippet de rastreamento do Flowsery Analytics.

Passo 1: Recolher os seus dados do Flowsery Analytics

Antes de criar o prompt para o Lovable, abra as definições do seu website no Flowsery Analytics e copie o seu Website ID (ex.: "flid_**").

Tudo o que precisa está no snippet de rastreamento, que tem esta aparência:

HTML

<script defer data-fl-website-id="flid_******" src="https://cdn.flowsery.com/main.js"></script>

Passo 2: Cole este prompt no chat do Lovable

Copie o modelo abaixo, substitua o placeholder pelo seu valor real de Website ID e envie ao Lovable:

HTML

**If using raw HTML:** Add this script tag to the
 
<head>
  section of every page:
 
  <script defer data-fl-website-id="flid_******" src="https://cdn.flowsery.com/main.js"></script>
 
  **If using React, Next.js, or similar frameworks:** Add the appropriate script component to load on every page. For example: - Next.js: Use the
  Script component from 'next/script' in the root layout - React: Add the script to the index.html or use useEffect to load it dynamically - Vite: Add
  to the index.html in the public folder Please use the method that's appropriate for the framework you're building my website with, and confirm what
  approach you used and that the tracking will work on all pages. `bash ## Passo 3: Confirmar a configuração Depois do Lovable confirmar as
  alterações: 1. **Publique o seu website** -- Use o botão de publicar do Lovable (canto superior direito) 2. **Navegue pelo seu site em produção** --
  Após publicar, abra o URL real 3. **Verifique o painel** -- Abra o seu painel do Flowsery Analytics e procure por pageviews recebidos (pode demorar
  alguns minutos) Para opções adicionais como rastreamento em localhost, endpoints de API personalizados ou configuração entre domínios, consulte a
  [referência de configuração do script](/docs/script-configuration). ## Resolução de problemas Se não estiver a ver dados de analytics: **Peça ao
  Lovable para verificar:** `html Can you please verify that the Flowsery Analytics tracking script is properly installed and will load on all pages?
  Please confirm: 1. What framework are you using for my website? 2. How did you implement the Flowsery Analytics tracking? 3. Can you show me where
  you added the script? 4. Will it load on every page, including future pages I create? The tracking should load this script:
  https://cdn.flowsery.com/main.js With my website ID: flid\_**\*\*** If something looks wrong, please fix it using the
  correct method for the framework you're using.
</head>

Problemas comuns:

Script adicionado apenas à homepage em vez de globalmente
Website ID incorreto ou em falta
Implementação não corresponde ao framework em uso
Componentes específicos do framework não utilizados (ex.: HTML simples numa aplicação React em vez do componente adequado)
Website ainda não publicado