Installation

Installer sur Next.js

Le même snippet, dans le layout racine. Pas de paquet npm, pas de plugin.

app/layout.tsx

Placez le composant Script dans le layout racine pour couvrir toutes les pages App Router. Gardez data-website-id tel quel.

app/layout.tsx

import Script from "next/script";

export default function RootLayout({ children }) {
  return (
    <html lang="fr">
      <body>
        {children}
        <Script
          src="https://statrack.online/js/script.js"
          strategy="afterInteractive"
          data-website-id="st_pub_..."
        />
      </body>
    </html>
  );
}

Transitions App Router

Le script écoute pushState : les navigations client de Next.js sont comptées automatiquement. Le principe est identique pour Remix, Astro, Nuxt ou TanStack Start.