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:

Text

Please add Flowsery Analytics tracking to my website. I need this script to load on every page of the website.
 
**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.

Passo 3: Confirmar a configuração

Depois do Lovable confirmar as alterações:

Publique o seu website -- Use o botão de publicar do Lovable (canto superior direito)
Navegue pelo seu site em produção -- Após publicar, abra o URL real
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.

Resolução de problemas

Se não estiver a ver dados de analytics:

Peça ao Lovable para verificar:

Text

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.

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