Session replay

Regardez la session qui a cassé.

Un tunnel vous dit les gens partent. Un enregistrement de cette personne précise, rattaché au même événement, vous dit pourquoi.

Voyez-le d’abord sur votre propre site

Saisissez un domaine. Nous ouvrons cette page dans un vrai navigateur, nous l’enregistrons et nous vous rendons l’enregistrement ici même. Sans compte, sans rien installer.

Une page, un navigateur, une visite.

L’enregistrement est disponible pour tout espace de travail qui le demande, et il est inclus dans le plan gratuit.

Trois semaines à supposer, ou quatre minutes à regarder.

Le tunnel donne un chiffre, pas une cause

La moitié des paniers n’atteint jamais le paiement. Le chiffre est exact, il revient tous les mois et il ne vous dit rien que vous puissiez corriger. La question suivante est toujours la même : que regardaient ces gens, au juste ?

Alors vous cherchez, à quatre endroits à la fois

L’analytique pour la chute, le suivi d’erreurs pour la trace, un ticket de support pour l’anecdote et une préproduction pour reproduire. Quatre outils, quatre identités pour la même personne, et aucun moyen de les aligner sur une seule horloge.

Ou vous cliquez sur la chute et vous la regardez arriver

L’enregistrement, les erreurs et les appels réseau tiennent sur une seule frise, parce qu’ils sortent d’un seul pipeline. Il n’y a rien à reproduire : vous regardez l’original.

Ce que vous avez dans le player

Faites glisser, n’attendez pas

Allez où vous voulez sur la frise. Sautez les minutes creuses, restez sur les deux secondes qui comptent.

Les erreurs à côté de l’image

Erreurs non interceptées et rejets de promesse non gérés, sur la même horloge que l’enregistrement et dédoublonnés pour qu’une boucle cassée n’inonde pas la session. Un clic, et vous êtes sur l’image.

Requêtes et codes de statut

Méthode, adresse, statut et durée de chaque appel que la page a fait pendant que vous regardiez. Les adresses sont expurgées dans le navigateur.

Masqué avant d’être envoyé

Ce que les gens saisissent dans un champ est remplacé dans le navigateur, pas chez nous. Il n’y a rien à expurger ensuite, puisque rien n’a été noté.

Une identité, pas deux

L’enregistrement porte la même personne que vos événements, par le même graphe d’identité. Se connecter en cours de route ne fabrique pas un deuxième inconnu.

Les sessions mobiles aussi

Les applications Expo et React Native enregistrent sous forme d’images et arrivent dans le même player, derrière un consentement explicite. Le masquage se fait sur l’appareil : une image qui ne peut pas être masquée est jetée.

La différence

L’enregistrement n’est pas un deuxième jeu de données.

La plupart des stacks vissent un enregistreur sur l’analytique et espèrent que les deux tomberont d’accord sur l’identité d’un utilisateur. Kilden enregistre dans le pipeline où passent déjà les événements : même identité, même horloge, même vérification. Une chute dans un tunnel est une liste d’enregistrements, parce qu’elle n’a jamais été autre chose.

une personne, quatre lectures
identité usr_4192 ✓ verified
dans votre tunnel dropped at checkout
dans le ciblage des flags cohort: used_search 7d
dans replay 3 sessions · last 17s

Une illustration. Les identifiants sont inventés ; les quatre lectures sont les quatre endroits où cette personne figure déjà.

Faites glisser la frise. L’erreur est à la dix-septième seconde.

fjord.coffee/checkout replay · usr_4192
Paiement
e-mail
•••@••••••••••••
numéro de carte
•••• •••• •••• ••••
code de réduction
FJORD10
Appliquer le code
Total $24.00
Payer $24.00 Réessayer

Nous n’avons pas pu traiter ce paiement. Réessayez.

événements
exceptions
réseau
0:17

Le masquage est actif : le numéro de carte n’a jamais quitté le navigateur. Cliquez sur une exception pour y sauter.

Une illustration, pas l’enregistrement de qui que ce soit : une session écrite à la main, pour qu’un exemple sur un site marketing ne puisse ni expirer ni fuiter.

Comment ça marche

Modèle d’enregistrement

capturé
La structure de la page et chacune de ses modifications oui
Pointeur, défilement et événements de saisie oui
Erreurs non interceptées et rejets non gérés oui
Méthode, adresse, statut et durée de chaque requête oui
Messages de log et d’avertissement de la console non
Corps des requêtes et des réponses non
Vidéo ou pixels de l’écran non
pas encore
Le player renvoyant vers la fiche de la personne pas encore
Construire un segment depuis le player pas encore
Choisir où vos données résident pas encore
Ce que l’échantillonnage n’économise pas le téléchargement

L’enregistreur est un script séparé, téléchargé uniquement pour les projets où l’enregistrement est actif. Le tirage de l’échantillonnage a lieu à l’intérieur, après le téléchargement — un visiteur écarté a donc payé le script et n’enregistre rien.

Ce qui est au-dessus de la ligne est ce que replay fait aujourd’hui. Si une capacité n’y figure pas, considérez qu’elle n’existe pas encore : nous préférons que vous l’appreniez ici plutôt qu’après l’installation.

Installation

vous partez de zéro
# npm install kilden
import kilden from 'kilden'

kilden.init('wk_…')

Deux lignes, et pas de troisième pour replay.

vous utilisez déjà kilden

Rien à ajouter. L’enregistrement est un interrupteur dans les réglages du projet : il ne demande jamais de modifier votre site, et il prend effet au chargement de page suivant, pas dans un onglet déjà ouvert.

Un second script pour replay aucun
Prérequis de framework aucun
Modification de code pour lancer l’enregistrement aucune

Lire la référence du SDK

Confidentialité par défaut

Le masquage se fait dans le navigateur, avant toute transmission. Ce qui suit est actif dès le premier enregistrement ; l’assouplir est une décision explicite que vous prenez.

Ce qui est saisi dans les champs, zones de texte et listes masqué
Le texte de la page que personne n’a saisi conservé
Un visiteur qui a refusé le suivi non enregistré
Deux attributs à poser sur n’importe quel élément data-kilden-no-capture data-kilden-mask L’un retire de l’enregistrement l’élément et tout ce qu’il contient. L’autre garde sa forme et cache son contenu.
Supprimer les enregistrements d’une personne sur demande distinct_id
Combien de temps chaque chose survit

Ce sont deux horloges différentes. L’enregistrement est supprimé du stockage au bout de 30 jours, sur tous les plans. Les événements suivent votre plan — 180 jours en gratuit, 730 jours en Pro — si bien que la trace survit à la vidéo.

RGPD et Ley 21.719

Vous êtes le responsable de traitement et nous traitons sur vos instructions, avec un contrat de sous-traitance sur demande et une liste publique de sous-traitants ultérieurs. La Ley 21.719 chilienne est sur le même pied que le RGPD.

Comment Kilden traite les données personnelles

Ce que coûte replay

gratuit pro
Enregistrements inclus chaque mois 5K 10K
Au-delà plafonné US$ 0,002 l’unité
L’enregistrement est conservé 30 jours 30 jours
Sièges illimités illimités
Base mensuelle US$ 0 US$ 49

Une session enregistrée compte une fois, quelle que soit sa durée. En gratuit, le quota est un plafond et non une facture : l’enregistrement s’arrête jusqu’au mois suivant. Voir tous les tarifs

Ce que les gens cherchent vraiment

l’enregistrement de sessions ralentit-il mon site ?

L’enregistreur est un script séparé, téléchargé uniquement pour les projets où l’enregistrement est actif, et jamais si vous le coupez. Il tamponne et compresse hors du chemin critique, et n’ajoute aucune requête bloquante au chargement. Si vous mesurez une régression, dites-le-nous : c’est un bug pour nous, pas un compromis.

session replay est-il conforme au rgpd ?

La conformité tient à l’usage que vous en faites, pas à un label du fournisseur. Ce que nous apportons : ce qui est saisi dans un champ est masqué dans le navigateur par défaut, un attribut exclut un élément et tout son contenu, la suppression se fait sur demande, et la fenêtre de rétention est fixe et publiée. Votre parcours de consentement et votre politique de confidentialité restent les vôtres, et il en va de même pour la loi chilienne.

puis-je voir les enregistrements d’un utilisateur précis ?

Oui. Les enregistrements portent la même personne que les événements : la fiche liste donc ses sessions à côté de son historique. Pour les utilisateurs connectés, cette identité est vérifiée par un jeton signé par votre backend.

combien coûte l’enregistrement de sessions ?

C’est inclus dans le plan gratuit avec un quota mensuel, et dans un quota plus large en Pro, avec un tarif par enregistrement au-delà. En gratuit le quota est un plafond ferme, pas une facture. Les sièges sont gratuits sur tous les plans.

est-ce que ça marche avec react, vue ou une spa ?

Oui : l’enregistreur observe la page, peu lui importe ce qui la rend. Il n’y a ni paquet spécifique à un framework à installer, ni intégration de routeur à configurer.

peut-on enregistrer des sessions d’application mobile ?

Oui, en Expo et React Native : elles enregistrent sous forme d’images et arrivent dans le même player, derrière un consentement explicite. Les SDK natifs iOS et Android n’existent pas encore. Le web mobile, dans le navigateur du téléphone, s’enregistre comme n’importe quelle autre page.

Enregistrez votre première session avant de décider quoi que ce soit.
Commencez par votre propre site, sans compte. Sur de vrais visiteurs, l’installation tient en deux lignes.
Commencer gratuitement Lire la documentation Enregistrer mon site