Video-Wiedergabe für HTML5, YouTube und Vimeo mit Analytics-Events tracken
Video-Wiedergabe für HTML5, YouTube und Vimeo mit Analytics-Events tracken
TL;DR — Kurzantwort
1 Min. LesezeitTracken Sie Videostarts, Abschlussraten und Wiedergabeprozentsaetze bei HTML5, YouTube und Vimeo mithilfe benutzerdefinierter Analytics-Events -- und erstellen Sie Conversion-Ziele basierend auf Video-Engagement-Schwellenwerten.
Zu verstehen, wie Besucher mit Videoinhalten auf Ihrer Website interagieren, liefert wertvolle Erkenntnisse ueber das Engagement. Diese Anleitung behandelt das Tracking der Wiedergabe bei drei gaengigen Videoformaten: native HTML5-Videoelemente, eingebettete YouTube-Player und Vimeo-Embeds.
Was getrackt wird
Fuer jedes Videoformat ist das Ziel, vier zentrale Metriken zu erfassen:
- Ob der Besucher die Wiedergabe gestartet hat
- Welcher Prozentsatz des Videos angesehen wurde
- Ob der Besucher das Video bis zum Ende angesehen hat
- Durchschnittliche Wiedergabezeit ueber einen Zeitraum, sowohl in Sekunden als auch als Prozentsatz
Natives HTML5-Video tracken
Das HTML5-<video>-Element bietet native Events, die das Tracking unkompliziert machen. Lauschen Sie auf die Events playing, pause und ended, um zu berechnen, wie weit der Zuschauer im Video fortgeschritten ist. Wenn der Besucher die Seite verlaesst (beim beforeunload-Event), senden Sie ein benutzerdefiniertes Analytics-Event mit dem Fortschrittsprozentsatz sowie Flags, ob die Wiedergabe gestartet und ob sie abgeschlossen wurde.
YouTube-Embeds tracken
YouTube stellt eine IFrame-API bereit, die onStateChange-Callbacks ausloest. Die relevanten Zustaende sind PLAYING, PAUSED und ENDED. Um den Fortschritt zu berechnen, teilen Sie die aktuelle Wiedergabeposition (getCurrentTime()) durch die Gesamtdauer (getDuration()). Senden Sie die resultierenden Metriken als benutzerdefiniertes Event, wenn der Nutzer die Seite verlaesst oder wenn das Video endet.
Vimeo-Embeds tracken
Das Vimeo Player SDK bietet eine uebersichtlichere API fuer diesen Zweck. Das timeupdate-Event liefert direkt eine data.percent-Eigenschaft, sodass der Fortschritt nicht manuell berechnet werden muss. Kombinieren Sie dies mit dem play-Event, um zu tracken, ob die Wiedergabe gestartet wurde, und senden Sie Ihr Analytics-Event mit den gesammelten Metriken.
Conversion-Ziele einrichten
Sobald Video-Tracking-Events in Ihr Analytics-Dashboard fliessen, koennen Sie darauf basierende Conversion-Ziele erstellen. Setzen Sie beispielsweise ein Ziel fuer Besucher, die mindestens 75 % eines Produktdemo-Videos angesehen haben. So koennen Sie das durchschnittliche Wiedergabe-Engagement ueber die Zeit visualisieren und den Videokonsum mit anderen Website-Aktionen korrelieren.
War dieser Artikel hilfreich?
Teilen Sie uns Ihre Meinung mit!
Bevor Sie gehen...
Verwandte Artikel
Blog-Lesezeit und Nutzerregistrierungen mit benutzerdefinierten Analyse-Events tracken
Erfahren Sie, wie Sie echte Blog-Leserschaft messen, indem Sie Scroll-Tracking mit Verweildauer-Berechnungen kombinieren, und wie Sie Nutzeranmeldungen zuverlassig serverseitig mit benutzerdefinierten Analyse-Events tracken.
Scroll-Tiefe-Tracking: Was es ist und wie Sie es fur bessere Inhalte nutzen
Die Scroll-Tiefe zeigt, ob Besucher Ihre Inhalte tatsachlich lesen oder fruhzeitig abbrechen. Erfahren Sie, wie Sie das Tracking einrichten, die Daten interpretieren und die Content-Platzierung optimieren.
Wie Sie Landing Pages, Einstiegsseiten und Ausstiegsseiten auf Ihrer Website analysieren
Erfahren Sie, wie Sie seitenbasierte Analytics nutzen, um zu verstehen, welche Seiten Besucher anziehen, ihre Aufmerksamkeit halten und als Absprungpunkte dienen -- und wie Sie entsprechend optimieren.