La Gestion des données dans OpenReplay vous permet de suivre des événements personnalisés et des propriétés utilisateur pour alimenter votre analyse produit. Cette page couvre à la fois l’intégration du SDK pour l’envoi des données et l’interface utilisateur pour les gérer.

Pour la documentation complète du SDK, consultez la référence de l’Analytics SDK.

OpenReplay capture deux types d’événements :

• Événements capturés automatiquement : des interactions suivies automatiquement comme les vues de page, les clics et les soumissions de formulaires
• Événements personnalisés : des événements propres à votre domaine que vous définissez, tels que « achat finalisé » ou « fonctionnalité activée »

Les événements personnalisés vous permettent de suivre les actions utilisateur spécifiques qui comptent pour votre activité et de les utiliser dans des fonctionnalités d’analyse telles que les Tendances, les Entonnoirs et les Parcours.

Pour suivre des événements personnalisés, utilisez le module d’événements d’analyse du SDK. Pour la documentation complète de l’API, consultez la référence de l’Events SDK.

// Track a simple event
tracker.analytics.events.sendEvent("Button Clicked", {
  button_text: "Start",
  page: "home",
})

Les super propriétés sont des paires clé/valeur persistantes attachées automatiquement à chaque événement suivi :

// Set super properties that apply to all events
tracker.analytics.events.setProperty({
  app_version: "1.42.0",
  env: "prod",
})

// This event will include app_version and env automatically
tracker.analytics.events.sendEvent("Signup Started", {
  plan: "pro",
})

Les propriétés utilisateur vous permettent de stocker des attributs sur vos utilisateurs à des fins de segmentation et d’analyse. Pour la documentation complète de l’API, consultez la référence du People SDK.

// Identify the current user
tracker.analytics.people.identify("user_123")

// Set user properties
tracker.analytics.people.setProperties({
  email: "user@example.com",
  plan: "pro",
})

OpenReplay prend en charge plusieurs types de propriétés :

OpenReplay fournit une interface de Gestion des données pour parcourir, filtrer et organiser vos utilisateurs, vos événements et leurs propriétés respectives.

L’onglet Personnes offre une vue de vos utilisateurs identifiés :

• Parcourez les utilisateurs et leurs propriétés
• Recherchez par identifiant d’utilisateur ou par valeurs de propriétés
• Consultez l’activité de l’utilisateur et l’historique des sessions
• Accédez aux profils individuels des utilisateurs

L’onglet Événements affiche tous les types d’événements suivis dans votre projet :

• Parcourez et recherchez les événements par nom
• Filtrez par type d’événement (capturés automatiquement ou personnalisés)
• Modifiez les métadonnées de l’événement (nom d’affichage, description)
• Contrôlez la visibilité de l’événement dans les tableaux de bord et les filtres

L’onglet Propriétés vous permet de gérer à la fois les propriétés utilisateur et les propriétés d’événement :

• Basculez entre les propriétés utilisateur et les propriétés d’événement
• Consultez les types de propriétés et les distributions de valeurs
• Modifiez les noms d’affichage des propriétés
• Contrôlez la visibilité des propriétés dans les tableaux de bord et les filtres

L’onglet Activité affiche un flux en temps réel des événements :

• Surveillez les événements au fur et à mesure de leur ingestion
• Filtrez par type d’événement ou par utilisateur
• Vérifiez que les événements sont correctement capturés

Les Segments vous permettent de regrouper plusieurs événements dans une collection unique et réutilisable dotée d’un nom et d’une description personnalisés. Au lieu de sélectionner des événements individuels à chaque fois, vous pouvez définir un Segment une seule fois et l’utiliser dans tout OpenReplay.

Pour créer un Segment :

1. Accédez à l’onglet Segments dans la Gestion des données
2. Cliquez sur Create
3. Modifiez le nom et définissez la visibilité
4. Sélectionnez les événements et les filtres à inclure dans la collection
5. Créez le Segment

Une fois créés, les Segments peuvent être utilisés dans :

• Sessions — filtrez les sessions par Segment, de la même manière qu’une recherche enregistrée, pour trouver rapidement l’activité utilisateur pertinente
• Cards — utilisez un Segment comme filtre dans vos cards

Les Fonctionnalités vous permettent d’inspecter visuellement un élément dans l’enregistrement d’une session et de le baliser, afin de suivre facilement les clics en le réutilisant dans différentes autres parties de l’application.

Pour créer une Fonctionnalité :

1. Rejouez un enregistrement, puis cliquez sur l’onglet Tag dans le coin supérieur droit
2. Utilisez votre souris pour sélectionner/baliser un élément visuel de la relecture. Une fois l’élément sélectionné, son sélecteur CSS est renseigné automatiquement. Vous pouvez le modifier si nécessaire.
3. Ignorez les clics morts (dead clicks) ou les clics de rage (rage clicks) lorsqu’ils se produisent
4. Sélectionnez la portée (suivre les clics dans toute l’application, ou uniquement sur la page affichée dans la relecture)
5. Enregistrez la Fonctionnalité

Vos Fonctionnalités peuvent être gérées dans une section dédiée :

Une fois créées, les Fonctionnalités peuvent être utilisées dans :

• Sessions — filtrez les sessions par Fonctionnalité, de la même manière qu’une recherche enregistrée, pour trouver rapidement l’activité utilisateur pertinente
• Cards — utilisez une Fonctionnalité comme filtre dans vos cards

Toutes les méthodes prennent en charge une couche de compatibilité fournie pour plus de familiarité :

tracker.analytics.people.set            // setProperties
tracker.analytics.people.set_once       // setPropertiesOnce
tracker.analytics.people.append         // appendValues
tracker.analytics.people.union          // appendUniqueValues
tracker.analytics.people.incrementBy    // increment
tracker.analytics.events.register       // setProperty
tracker.analytics.events.register_once  // setPropertiesOnce
tracker.analytics.events.unregister     // unsetProperties
tracker.analytics.events.track          // sendEvent

Si vous rencontrez le moindre problème, rejoignez notre Slack ou consultez notre Forum pour obtenir de l’aide auprès de notre communauté.