Track YouTube Videos implemented via BLOB

Bronze Contributor
Bronze Contributor

Hi,

some started using blob elements in our pages, causing our standard video tracking to not work anymore. Before we used the webtrends extension for tracking ( https://community.tealiumiq.com/t5/Tags/Loading-the-YouTube-Player-API-for-WebTrends/ta-p/12350 )

Now i would try a workaround with the html5 or youtube tracking extensions suggested here:

https://community.tealiumiq.com/t5/iQ-Tag-Management/YouTube-Video-Tracking-Setup-Guide-for-Tealium-...

https://community.tealiumiq.com/t5/iQ-Tag-Management/HTML-5-Video-Tracking/ta-p/14849

 

Any ideas how I can track such an event in this video, embeed like the one below?

<video tabindex="-1" class="video-stream html5-main-video" webkit-playsinline="" playsinline="" controlslist="nodownload" style="width: 1349px; height: 759px; left: 83.3333px; top: 0px;" src="blob:https://www.youtube.com/d66568a7-9f6c-4ee4-9b8c-8230cf2cde3e"></video>

 

Aditionally to mention is that the above item is renderd only after the visitor clicked on a play icon...

3 REPLIES 3

Track YouTube Videos implemented via BLOB

Employee Emeritus

@jan_ellers Would you be able to provide a link to a working example? 

Track YouTube Videos implemented via BLOB

Bronze Contributor
Bronze Contributor
Here is an example where the video is embedded after the click on the play button: https://www.basf.com/en/challenges.html

Track YouTube Videos implemented via BLOB

Tealium Employee

Hi @jan_ellers

So I took a look at the pages, and it looks like the <video> tag loads an iframe with the video, with the enablejs flag turned on. What I did to find this was use the selector.

$("div.stage__video[data-type='youtube']  iframe");

 

This will then allow you to use the other TLC links to continue tracking the video.

Hopefully, this helps you,

Adrian

Ask me anything Tealium related or TypeScript/JavaScript, or NodeJS.
Please remember to mark solutions as accepted for future searchers.
Public