Événements personnalisés
Nommer vos boutons et envoyer vos propres événements.
#Ce qui est relevé automatiquement
| Événement | Quand |
|---|---|
all_click |
Chaque clic, avec l'élément visé et sa position. |
rage_click |
3 clics ou plus en moins d'une seconde au même endroit : le signe que quelque chose ne répond pas. |
scroll_depth |
Quand la page est vue à 25, 50, 75, 90 et 100 %. |
click_analytics |
Un clic sur un élément portant data-session-analytics. |
#Nommer un élément
Par défaut, un clic est désigné par l'id de l'élément, ou son sélecteur CSS. Pour un nom lisible :
<button data-analytics="ajout-panier" data-name="Ajouter au panier">
Ajouter
</button>data-analyticsdonne un identifiant stable, utilisé comme sélecteur.data-namedonne le libellé affiché dans le dashboard.
#Suivre un clic précis
Ajoutez data-session-analytics : chaque clic produit un événement click_analytics nommé d'après la valeur de l'attribut.
<a href="/tarifs" data-session-analytics="cta-tarifs-hero">Voir les tarifs</a>#Envoyer un événement depuis le code
Sessio.customEvent('inscription_terminee', { plan: 'pro', source: 'landing' });Le premier argument est le nom de l'événement (255 caractères au plus), le second un objet libre, enregistré dans les métadonnées de l'événement. Les événements apparaissent dans la page Événements du dashboard.
#Suivre ces événements sans toucher au code
Pour compter un clic sur un bouton, une visite de page ou un événement envoyé par Sessio.customEvent(), et être prévenu quand il se produit, créez un événement sur mesure depuis le dashboard. Les mêmes règles servent d'étapes aux funnels.
Donnez un id stable à vos boutons importants (<button id="bouton-acheter">) : un événement sur mesure peut alors les repérer précisément, même si leur texte change.