Guías de instalación
Configurar Flowsery Analytics en un proyecto Next.js App Router
Esta guia te muestra como agregar Flowsery Analytics a una aplicacion Next.js que usa el App Router (v13+).
Incrustar el script en tu Root Layout
El enfoque recomendado es cargar el fragmento de seguimiento desde el root layout para que cubra todas las paginas automaticamente.
- Abre el archivo root layout -- generalmente
app/layout.jsx. - Importa el componente
Scriptdenext/script. - Coloca el fragmento de Flowsery Analytics dentro del
<head>del layout.
JSX
import Script from 'next/script';
export default function RootLayout({ children }) {
return (
<html lang="en">
<head>
<Script data-fl-website-id="flid_******" src="https://cdn.flowsery.com/main.js" strategy="afterInteractive" />
</head>
<body>{children}</body>
</html>
);
}Reemplaza flid_****** con el Website ID que aparece en tu configuracion de Flowsery Analytics.
Reemplaza your_domain.com con el dominio raiz de tu sitio.
- Guarda, haz commit y despliega.
Flowsery Analytics ignora el trafico de localhost por defecto, por lo que no inflaras tus numeros durante el desarrollo.
Confirmar que todo funciona
Una vez que el despliegue este en produccion:
- Navega a tu URL de produccion.
- Abre tu panel de Flowsery Analytics y busca las visitas entrantes. Los primeros datos pueden tardar un par de minutos en aparecer.
Para opciones adicionales como seguimiento en localhost, endpoints API personalizados o configuracion entre dominios, consulta la referencia de configuracion del script.