Expand my Community achievements bar.

Join us at Adobe Summit 2024 for the Coffee Break Q&A Live series, a unique opportunity to network with and learn from expert users, the Adobe product team, and Adobe partners in a small group, 30 minute AMA conversations.
SOLVED

Tracking Flowplayer video using DTM

Avatar

Level 1

Hi,

 

I am trying to implement DTM video tracking code in our website. We are using Flowplayer to play videos in our website. I searched in forms to see any way of implementing code to track Flowplayer video, but only got info that it doesn't have any out of the box functionality to track videos provided by other video providers (Brightcove, Youtube, Vimeo, VideoJS, Flowplayer, etc.)
 

Can any one tell how to implement the DTM code to track video which is using Flowplayer?

Thanks

Veer

1 Accepted Solution

Avatar

Correct answer by
Employee Advisor

Hi Veer,

My first suggestion is to try leveraging the built-in event-based rules focused on HTML5 Video player events. Unfortunately, this won't cover Flash-based video players. Also, there's a chance that the events don't hook into Flowplayer - I can't speak from experience with that video player.

If those event-based rules don't work, your next step is to tap into the API's of Flowplayer. I've seen it done successfully in the past with Brightcove/YouTube/Vimeo, so if Flowplayer has a decent API, it shouldn't be too painful. The important items to focus on are:

  • Video Name (or a Video ID if Name is unavailable in the API)
  • Video Actions (Play, Complete, Scrub)

Hopefully that helps point you in the right direction!

View solution in original post

5 Replies

Avatar

Correct answer by
Employee Advisor

Hi Veer,

My first suggestion is to try leveraging the built-in event-based rules focused on HTML5 Video player events. Unfortunately, this won't cover Flash-based video players. Also, there's a chance that the events don't hook into Flowplayer - I can't speak from experience with that video player.

If those event-based rules don't work, your next step is to tap into the API's of Flowplayer. I've seen it done successfully in the past with Brightcove/YouTube/Vimeo, so if Flowplayer has a decent API, it shouldn't be too painful. The important items to focus on are:

  • Video Name (or a Video ID if Name is unavailable in the API)
  • Video Actions (Play, Complete, Scrub)

Hopefully that helps point you in the right direction!

Avatar

Level 1

I went through Flowplayer API and on:

 

flowplayer(function (api, root) { api.on("load", function () { // do something when a new video is about to be loaded }).on("ready", function () { // Added the DTM code here });

What is happening is when the video starts I am not getting any value in debugger but when video ends and I start again then in the Adobe debugger I am getting required values. Not able to figure out what is the issue (Why it is behaving such way.) And nothing else in the FLowplayer API I find which can help me.

Avatar

Level 1

In console the events are firing on first attempt but the report in plugin is not generating. Weird or I am missing something.

Avatar

Employee Advisor

This github project may be helpful for you too: https://github.com/alcazes/Video-in-Adobe-Analytics-V15/wiki/4.5%5D-Adobe-Analytics-V15-and-Video-Mi...

 

Can you share a URL where you're seeing the events fire but the report is not generating?

Avatar

Level 1

Hi Eric thanks for the link. Can you provide link for latest version of s_code-blog.js file the code in this file is conflicting with other adobe js file (http://assets.adobedtm.com/a79611af417eddae8b7fc53a70dc97cdcc19269f/satelliteLib-a0ce62fd91cccf9ecd1...) wjhich is used in site.

Thanks