Intégration React

Ajouter Zenovay à React

Analytique légère pour les applications React. Ajoutez une balise script ou utilisez un wrapper de composant. Suivi automatique des routes SPA inclus.

Commencer gratuitement

Installation en 4 étapes

Créer un compte Zenovay

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

Ajouter le script à votre HTML

Ajoutez la balise script Zenovay à votre fichier public/index.html avant la balise de fermeture </head>.

Ou utiliser un composant React

Alternativement, utilisez un hook useEffect dans votre composant App racine pour charger le script dynamiquement.

Vérifier l'installation

Démarrez votre serveur de développement, visitez votre application et consultez votre tableau de bord Zenovay.

Pourquoi les développeurs React choisissent Zenovay

Suivi SPA automatique

Les changements de route côté client sont suivis automatiquement. Aucune intégration de React Router ni appel manuel de page vue nécessaire.

Zéro impact sur le bundle

Le script se charge en externe — aucun package npm à ajouter à votre bundle. Votre application React reste légère.

API d'événements personnalisés

Suivez les inscriptions, achats et toute action personnalisée avec un simple appel JavaScript depuis n'importe quel composant.

Questions fréquemment posées

Zenovay suit-il la navigation React Router ?

Oui. Zenovay détecte automatiquement les changements de route côté client dans les applications React monopage. Que vous utilisiez React Router, TanStack Router ou toute autre bibliothèque de routage, chaque navigation est suivie comme une page vue.

Puis-je utiliser Zenovay avec Create React App ?

Oui. Ajoutez la balise script à public/index.html ou utilisez l'approche useEffect dans votre composant App. Les deux méthodes fonctionnent avec Create React App sans configuration supplémentaire.

Fonctionne-t-il avec Vite et React ?

Oui. Pour les applications React propulsées par Vite, ajoutez la balise script à votre fichier index.html ou utilisez le hook useEffect dans votre composant racine. Zenovay fonctionne de manière identique quel que soit votre outil de build.

Zenovay affectera-t-il les performances de mon application React ?

Non. Le script de suivi fait moins de 25 Ko et se charge de façon asynchrone avec l'attribut defer. Il n'a aucun impact sur le temps de chargement initial de votre application React ni sur les performances à l'exécution.

Puis-je suivre des événements personnalisés depuis des composants React ?

Oui. Utilisez l'API JavaScript Zenovay pour suivre des événements personnalisés depuis n'importe quel composant React. Appelez window.zenovay("event", "signup") ou similaire depuis des gestionnaires d'événements, des hooks useEffect ou n'importe où dans votre arbre de composants.

Autres intégrations

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

Ajouter l'analytique à votre application React

Balise script ou wrapper de composant. Suivi automatique des routes. Forfait gratuit inclus.