Guias de instalação
Configurar o Flowsery Analytics num projeto Next.js App Router
Este guia explica como adicionar o Flowsery Analytics a uma aplicação Next.js que usa o App Router (v13+).
Incorporar o script no Root Layout
A abordagem recomendada é carregar o snippet de rastreamento a partir do root layout para que cubra todas as páginas automaticamente.
- Abra o ficheiro de root layout -- normalmente
app/layout.jsx. - Importe o componente
Scriptdenext/script. - Coloque o snippet do Flowsery Analytics dentro do
<head>do 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>
);
}Substitua flid_****** pelo Website ID mostrado nas definições do Flowsery Analytics.
- Guarde, faça commit e deploy.
O Flowsery Analytics ignora tráfego de localhost por padrão para que não inflacione os seus números durante o desenvolvimento.
Confirmar que tudo está a funcionar
Depois do deploy estar em produção:
- Navegue até ao seu URL de produção.
- Abra o seu painel do Flowsery Analytics e procure por pageviews recebidos. Os primeiros dados podem demorar alguns minutos a aparecer.
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.