Analyser le trafic sur son site web avec Vercel
1. Introduction
Vercel offre un service intégré d'analyses permettant de suivre les performances, les visiteurs et les pages vues de votre site en temps réel.
Dans ce tutoriel, nous allons voir comment activer et consulter ces analyses sur un site déjà déployé sur Vercel.
2. Accéder au tableau de bord
Rendez-vous sur Vercel Dashboard et sélectionnez le projet que vous souhaitez analyser.
3. Activer Vercel Analytics
Dans le menu de navigation, cliquez sur l'onglet Analytics.
Si vous n'avez pas encore activé le service, cliquez sur le bouton Enable Analytics. Vous aurez la possibilité de tester la fonctionnalité gratuitement pendant un essai limité (ou via le plan payant si vous y êtes déjà).
Une fois activée, la section vous affichera automatiquement :
- Le nombre de visiteurs uniques
- Le nombre de pages vues
- Les pays d'origine des utilisateurs
- Les performances par route (latence, temps de réponse)
Pour l'instant, ces données seront toutes à 0. Pour démarrer le tracking, il faudra installer le package @vercel/analytics dans votre projet.
4. Installer @vercel/analytics
Pour l'installation du package dans votre projet, la plateforme Vercel vous montre la démarche à suivre pour y parvenir. Il suffit de sélectionner le langage dans lequel est votre projet et de suivre les instructions.
Nous allons réaliser un example pour un projet Next js.
Dans votre terminal, saisissez et lancez la commande :
npm install @vercel/analytics
Dans votre fichier layout.tsx, ajoutez le code suivant :
import { Analytics } from '@vercel/analytics/react';
export default function RootLayout({ children }) {
return (
<html lang="fr">
<body>
{children}
<Analytics />
</body>
</html>
);
}
Vous pouvez maintenant partager le lien de votre site avec vos visiteurs et voir les statistiques de votre site.
Voici un exemple de statistiques pour un site Next js :
Conclusion
Grâce à Vercel Analytics, vous disposez d'un moyen efficace pour suivre l'engagement sur votre site, sans service externe.