Reply
Highlighted
Visitor
Posts: 2
Registered: ‎06-22-2016

Track YouTube Videos implemented via BLOB

[ Edited ]

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

Reply
0 Kudos
Tealium Employee
Posts: 43
Registered: ‎02-28-2016

Re: Track YouTube Videos implemented via BLOB

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

Reply
0 Kudos
Visitor
Posts: 2
Registered: ‎06-22-2016

Re: Track YouTube Videos implemented via BLOB

Here is an example where the video is embedded after the click on the play button: https://www.basf.com/en/challenges.html
Reply
0 Kudos
Tealium Employee
Posts: 349
Registered: ‎09-01-2015

Re: Track YouTube Videos implemented via BLOB

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 Javascript, or NodeJS. But not cooking, can't do that.
Please remember to mark solutions as accepted for future searchers.
Reply
0 Kudos