Tutorials

Video-Wiedergabe für HTML5, YouTube und Vimeo mit Analytics-Events tracken

Video-Wiedergabe für HTML5, YouTube und Vimeo mit Analytics-Events tracken

Flowsery Team
Flowsery Team
1 Min. Lesezeit

TL;DR — Kurzantwort

1 Min. Lesezeit

Tracken 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...

Flowsery

Flowsery

Umsatzorientierte Analysen für Ihre Website

Verfolgen Sie jeden Besucher, jede Quelle und jede Conversion in Echtzeit. Einfach, leistungsstark und vollständig DSGVO-konform.

Flowsery

Echtzeit-Dashboard

Zielverfolgung

Cookie-freies Tracking

Verwandte Artikel