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:

HTML

<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:

HTML

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. `bash ## Paso 3: Confirmar la configuracion Una vez que Lovable confirme los
  cambios: 1. **Publicar tu sitio web** -- Usa el boton de publicar de Lovable (esquina superior derecha) 2. **Navegar a tu sitio en produccion** --
  Despues de publicar, abre la URL real 3. **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](/docs/script-configuration). ## Solucion de problemas Si no ves datos de analitica: **Pide a Lovable que
  verifique:** `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\_**\*\*** and domain: your_domain.com If something looks wrong, please fix it using the
  correct method for the framework you're using.
</head>

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