Intégration Next.js

Ajouter Zenovay à Next.js

Utilisez le composant Script intégré pour un chargement optimal. Compatible avec App Router et Pages Router. Installation en moins de 2 minutes.

Commencer gratuitement

Configuration avec App Router

Recommandé pour les projets Next.js 13+

Créer un compte Zenovay

Créez votre compte Zenovay gratuit sur auth.zenovay.com.

Copier votre script de suivi

Dans votre tableau de bord Zenovay, allez dans Paramètres et copiez les détails de suivi spécifiques à votre domaine.

Ajouter le composant Script à votre layout

Importez Script depuis next/script et ajoutez-le à votre layout.tsx racine (App Router) ou _app.tsx (Pages Router).

Vérifier l'installation

Exécutez npm run dev, visitez votre site et consultez votre tableau de bord Zenovay. Les données devraient apparaître en quelques secondes.

Pourquoi les développeurs Next.js choisissent Zenovay

Suivi des routes SPA

Zenovay suit automatiquement la navigation côté client. Aucune intégration de routeur ni appel manuel de page vue nécessaire.

Scores Lighthouse parfaits

Script de moins de 25 Ko avec chargement afterInteractive. Aucun impact sur les métriques de performance Next.js.

Compatible avec l'export statique

Vous utilisez output: "export" pour Vercel, Netlify ou Cloudflare Pages ? Zenovay fonctionne parfaitement avec les builds statiques.

Questions fréquemment posées

Dois-je utiliser le composant Script ou une balise script classique ?

Utilisez le composant Script Next.js avec strategy="afterInteractive" pour un chargement optimal. Cela garantit que le script de suivi se charge après l'interactivité de la page, offrant le meilleur équilibre entre performance et précision des données.

Fonctionne-t-il avec App Router et Pages Router ?

Oui. Pour App Router, ajoutez le composant Script à votre layout.tsx racine. Pour Pages Router, ajoutez-le à _app.tsx ou _document.tsx. Les deux approches fonctionnent de manière identique.

Zenovay suit-il les changements de route côté client ?

Oui. Zenovay détecte automatiquement la navigation côté client dans les applications Next.js monopage. Chaque changement de route est suivi comme une nouvelle page vue sans configuration supplémentaire.

Cela affectera-t-il mon score Lighthouse ?

Non. Le script Zenovay fait moins de 25 Ko et se charge de façon asynchrone. L'utilisation du composant Script avec la stratégie afterInteractive garantit qu'il ne bloque jamais le rendu ni n'affecte votre score de performance Lighthouse.

Puis-je utiliser Zenovay avec les exports statiques Next.js ?

Oui. Zenovay fonctionne parfaitement avec les exports statiques Next.js (output: "export"). Le script de suivi se charge côté client et communique directement avec l'API Zenovay.

Autres intégrations

Zenovay fonctionne avec n'importe quel site web. Choisissez votre plateforme.

Ajouter l'analytique à votre application Next.js

Un seul composant Script. Suivi automatique des routes. Forfait gratuit inclus.