Configurar Flowsery Analytics en un sitio web Lovable
Lovable es un constructor de sitios web impulsado por IA que genera sitios a partir de prompts. Como no escribes codigo directamente, le pediras a la IA de Lovable que incruste el fragmento de seguimiento de Flowsery Analytics por ti.
Paso 1: Recopilar tus datos de Flowsery Analytics
Antes de enviar el prompt a Lovable, abre la configuracion de tu sitio web en Flowsery Analytics y copia tu Website ID (ej., "flid_**") y dominio (ej., "your_domain.com").
Todo lo que necesitas esta en el fragmento de seguimiento, que se ve asi:
<script defer data-fl-website-id="flid_******" src="https://cdn.flowsery.com/main.js"></script>Paso 2: Pegar este prompt en el chat de Lovable
Copia la plantilla de abajo, sustituye los dos marcadores de posicion con tu Website ID y dominio reales, luego envialo a Lovable:
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.
Paso 3: Confirmar la configuracion
Una vez que Lovable confirme los cambios:
- Publicar tu sitio web -- Usa el boton de publicar de Lovable (esquina superior derecha)
- Navegar a tu sitio en produccion -- Despues de publicar, abre la URL real
- Revisar el panel -- Abre tu panel de Flowsery Analytics y busca las visitas entrantes (puede tardar unos minutos)
Para opciones adicionales como seguimiento en localhost, endpoints API personalizados o configuracion entre dominios, consulta la referencia de configuracion del script.
Solucion de problemas
Si no ves datos de analitica:
Pide a Lovable que verifique:
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_****** and domain: your_domain.com
If something looks wrong, please fix it using the correct method for the framework you're using.
Problemas comunes:
- El script solo se agrego a la pagina de inicio en lugar de globalmente
- Website ID / dominio incorrecto o faltante
- La implementacion no coincide con el framework en uso
- No se usaron componentes especificos del framework (ej., HTML sin procesar en una aplicacion React en lugar del componente adecuado)
- El sitio web aun no esta publicado