Rapunzelino
Newbie
- Registriert
- Juli 2023
- Beiträge
- 1
Auf meiner Website biete ich Videos an, die immer in Lightboxen abgespielt werden. Die Lightbox-Funktion verwirkliche ich mit Ui-Kit und der Klasse uk-lightbox. Das Video startet automatisch nachdem sich die Lightbox geöffnet hat. Diesen Vorgang kann ich leicht erfassen mit:
Die Lightbox kann geschlossen werden durch Klick auf einen Button oder einen Klick irgendwo außerhalb des Content-Bereichs der Lightbox. Genau diesen Click möchte ich dazu nutzen, Matomo mitzuteilen, dass das Abspielen des Videos beendet wurde.
Die Lightbox wird aber durch Javascript usw. geöffnet und so sehe ich im HTML der Webseite keinen div-Container, in den ich ein event "onclick" paltzieren könnte.
Leider scheidet das Video-Tag für die events (playing und ended) aus, da es in der Funktion von Ui-Kit Lightbox nicht verwendet wird.
Wo kann ich also den Codeschnippsel
einfügen?
<div uk-lightbox="animation: fade" video-autoplay="" onclick="matomoeventtracking('video', 'playing', 'Video: mein gutes Video');">
<a href="images/video/test/interview.mp4" title="Video: mein gutes Video">
<img src="images/grafik/play-circle-white-150.png" alt="" />
</a>
</div>
Die Lightbox kann geschlossen werden durch Klick auf einen Button oder einen Klick irgendwo außerhalb des Content-Bereichs der Lightbox. Genau diesen Click möchte ich dazu nutzen, Matomo mitzuteilen, dass das Abspielen des Videos beendet wurde.
Die Lightbox wird aber durch Javascript usw. geöffnet und so sehe ich im HTML der Webseite keinen div-Container, in den ich ein event "onclick" paltzieren könnte.
Leider scheidet das Video-Tag für die events (playing und ended) aus, da es in der Funktion von Ui-Kit Lightbox nicht verwendet wird.
Wo kann ich also den Codeschnippsel
onclick="matomoeventtracking('video', 'ended', 'Video: mein gutes Video')
einfügen?