Comment suivre la lecture vidéo pour HTML5, YouTube et Vimeo avec des événements analytiques
Comment suivre la lecture vidéo pour HTML5, YouTube et Vimeo avec des événements analytiques
TL;DR — Réponse rapide
2 min de lectureSuivez les démarrages de vidéo, les taux de complétion et les pourcentages de visionnage sur HTML5, YouTube et Vimeo à l'aide d'événements analytiques personnalisés -- puis créez des objectifs de conversion basés sur des seuils d'engagement vidéo.
Comprendre comment les visiteurs interagissent avec le contenu vidéo de votre site web fournit des informations précieuses sur l'engagement. Ce guide couvre le suivi de la lecture vidéo dans trois formats courants : les éléments vidéo HTML5 natifs, les lecteurs YouTube intégrés et les intégrations Vimeo.
Ce qui est suivi
Pour chaque format vidéo, l'objectif est de capturer quatre métriques clés :
- Si le visiteur a démarré la lecture
- Le pourcentage de la vidéo qui a été visionné
- Si le visiteur a regardé la vidéo jusqu'à la fin
- Le temps de lecture moyen sur une période, en secondes et en pourcentage
Suivi de la vidéo HTML5 native
L'élément HTML5 <video> expose des événements natifs qui rendent le suivi simple. Écoutez les événements playing, pause et ended pour calculer la progression du visionnage. Lorsque le visiteur quitte la page (via l'événement beforeunload), envoyez un événement analytique personnalisé contenant le pourcentage de progression ainsi que des indicateurs précisant si la lecture a démarré et si elle a été complétée.
Suivi des intégrations YouTube
YouTube fournit une API IFrame qui déclenche des callbacks onStateChange. Les états pertinents sont PLAYING, PAUSED et ENDED. Pour calculer la progression, divisez la position de lecture actuelle (getCurrentTime()) par la durée totale (getDuration()). Envoyez les métriques résultantes sous forme d'événement personnalisé lorsque l'utilisateur quitte la page ou lorsque la vidéo se termine.
Suivi des intégrations Vimeo
Le SDK du lecteur Vimeo offre une API plus propre à cet effet. L'événement timeupdate fournit directement une propriété data.percent, éliminant le besoin de calculer manuellement la progression. Combinez-le avec l'événement play pour suivre si la lecture a été initiée, et déclenchez votre événement analytique avec les métriques accumulées.
Configuration des objectifs de conversion
Une fois que les événements de suivi vidéo alimentent votre tableau de bord analytique, vous pouvez créer des objectifs de conversion basés sur ceux-ci. Par exemple, définissez un objectif pour les visiteurs ayant regardé au moins 75 % d'une vidéo de démonstration produit. Cela vous permet de visualiser l'engagement moyen de lecture au fil du temps et de corréler la consommation vidéo avec d'autres actions sur le site.
Cet article vous a-t-il été utile ?
Dites-nous ce que vous en pensez !
Avant de partir...
Articles connexes
Suivre le temps de lecture des articles et les inscriptions utilisateur avec des evenements analytiques personnalises
Apprenez a mesurer le veritable lectorat de votre blog en combinant le suivi du defilement avec le calcul du temps passe sur la page, et comment suivre les inscriptions de maniere fiable cote serveur avec des evenements analytiques personnalises.
Suivi de la profondeur de defilement : qu'est-ce que c'est et comment l'utiliser pour ameliorer votre contenu
La profondeur de defilement revele si les visiteurs lisent reellement votre contenu ou l'abandonnent rapidement. Apprenez a configurer le suivi, interpreter les donnees et optimiser le placement du contenu.
Comment analyser les pages de destination, les pages d'entree et les pages de sortie de votre site web
Apprenez a utiliser les analyses au niveau des pages pour comprendre quelles pages attirent les visiteurs, retiennent leur attention et servent de points de depart -- puis optimisez en consequence.