Analytics pour Vue

Analytics produit pour Vue

Capturez les pages vues, les événements, le session replay et les heatmaps dans toute votre application Vue ou Nuxt depuis une seule balise de script, avec le suivi automatique de la navigation Vue Router.

Commencer gratuitement Guide d'installation

Pourquoi c'est important

Ce que les équipes Vue peuvent enfin voir

Les vues du router sont manquées

Vue Router échange les composants sans recharger la page. PulsePanda compte chaque navigation pour que vos décomptes de vues correspondent à la réalité.

Aucune donnée au niveau des fonctionnalités

Suivez des événements personnalisés pour voir quelles fonctionnalités et flux les utilisateurs atteignent réellement dans votre application.

La friction est invisible

Les heatmaps et le session replay montrent où les utilisateurs hésitent, font du rage-click ou abandonnent dans vos composants.

Installation

Ajouter PulsePanda à Vue

Ajoutez l'extrait à votre fichier d'entrée HTML. Pour Vue pur, utilisez index.html ; pour Nuxt, ajoutez-le via nuxt.config app head.

Vue — index.html

<!doctype html>
<html lang="en">
  <head>
    <script
      src="https://pulsepanda.dev/sdk.js"
      data-project="YOUR_PROJECT_ID"
      defer></script>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>

Sur Nuxt, ajoutez le même script via app.head.script dans nuxt.config.ts pour qu'il soit livré sur chaque page rendue côté serveur.

Flux de travail

De l'installation à l'insight

Installez l'extrait

Ajoutez le script une seule fois à votre projet Vue. L'analytics web, la capture automatique des clics, le session replay et les heatmaps commencent à collecter immédiatement.

Suivez ce qui compte

Appelez pulsepanda.track() sur les actions clés et pulsepanda.identify() après la connexion pour relier les événements, les sessions et les retours à chaque utilisateur.

Agissez sur les données

Créez des funnels, regardez les replays derrière les abandons, lisez les heatmaps et recueillez des retours dans le produit — le tout dans un seul espace de travail.

Ce que vous obtenez

Un extrait, la vue d'ensemble complète

Couche analytiquePages vues, événements personnalisés, funnels de conversion et rétention.

Couche comportementaleSession replay, heatmaps de clic et de défilement, et contexte d'erreur.

Couche de retoursSondages dans le produit, widgets de retour, formulaires et un tableau de vote sur les fonctionnalités.

FAQ

Questions Vue

PulsePanda suit-il la navigation Vue Router ?

Oui. Le SDK s'accroche aux changements de la History API, donc chaque transition de route Vue Router ou Nuxt est enregistrée automatiquement comme une page vue.

Fonctionne-t-il avec le rendu côté serveur de Nuxt ?

Oui. Ajoutez l'extrait à l'app head dans nuxt.config pour qu'il se charge sur chaque page rendue ; le suivi s'exécute dans le navigateur après l'hydratation.

Puis-je suivre des événements personnalisés dans Vue ?

Oui. Appelez pulsepanda.track("event", { props }) depuis une méthode, un composable ou un gestionnaire d'événements n'importe où dans vos composants.

Pages associées

En savoir plus

Ajoutez l'analytics à votre application Vue

Installez une seule fois et connectez l'analytics, le session replay, les heatmaps, les funnels et les retours en quelques minutes.

Commencer gratuitement