Installer sur Next.js

Collez le même snippet first-party dans app/layout.tsx. Pas de plugin CMS, pas de paquet npm obligatoire.

Snippet de code placé dans une page web avec une validation. — Des tarifs qui suivent le niveau d’usage et les besoins du projet.

app/layout.tsx

Dans Sites, choisissez l’onglet Next.js : le snippet va dans le layout racine pour toutes les pages App Router. Conservez data-website-id tel quel ; n’y mettez jamais de clé Stripe.

layout.tsx

import Script from "next/script";

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

Navigation client

Le script intercepte history.pushState et envoie un pageview à chaque changement d’URL. Les transitions App Router sont donc collectées sans snippet supplémentaire par page.