Installer AlpiStats sur Next.js
Comptez cinq minutes pour l’étape de base. Créez d’abord votre compte et ajoutez votre site : l’écran d’installation vous donne votre code personnel et confirme en direct la première visite.
- 1Ouvrez app/layout.tsx (ou pages/_document.tsx avec le routeur « pages »).
- 2Ajoutez le code AlpiStats dans <head>, ou utilisez next/script avec la stratégie « afterInteractive » et les mêmes attributs data-*.
- 3Si le site a une politique de sécurité (CSP), autorisez le domaine de collecte dans script-src et connect-src.
- 4Déployez.
Le code à coller
Il ressemble à ceci ; le vôtre contient l’identifiant de votre site.
<script defer src="https://t.alpistats.ch/a.js" data-site="VOTRE-IDENTIFIANT" data-notice="true"></script>
Vérifier
Ouvrez votre site dans un autre onglet : l’écran d’installation d’AlpiStats passe au vert dès la première visite reçue. Rien après deux minutes ? Le bouton « Tester mon site » vérifie que le code est bien présent et que la politique de sécurité (CSP) du site l’autorise.