Here at Satel­lite we have created a differ­ent kind of Tag Manage­ment System. A top-down solu­tion which is built around creat­ing rules based on the unique user behav­iors or events  on your website that are truly impor­tant to your busi­ness. By keeping imple­men­ta­tion simple with Satel­lite, you are able to actu­ally decrease the complex­ity of your imple­men­ta­tion by employ­ing the most leading edge tech­nol­ogy and methods. Video track­ing is a great example of a set of user inter­ac­tions that today in tradi­tional imple­men­ta­tions or with our Satel­lite Appre­ci­a­tion Part­ners (aka other TMS vendors) are done in a very rigid, siloed, and complex manner that really limit your flex­i­bil­ity with what you are able to do with your data.  We need to break out of this anti­quated mindset of being told how you have to track certain things and emerge into the future of tagging today.  So let’s walk through the steps of start­ing to track HTML5 Video on your site using the simple Satel­lite TMS way.

Gone are the days of spend­ing weeks, months, or longer attempt­ing to imple­ment a differ­ent track­ing solu­tion or build a new rule for each analyt­ics solu­tion.

Step 1:  Create the foundation

The build­ing blocks of tack­ling this task of adding track­ing to an HTML5 video player on your site is creat­ing the data elements to connect to the addi­tional data points that you will want to use through­out the rest of the process.  The complete list of the elements that are avail­able to you from the HTML5 Video object are listed out on the Mozilla Devel­oper site here. For this use case we are going to focus on the follow­ing elements.

  • video.currentTime – The exact point in time of the video at any given point or action.
  • video.currentSrc – The full url/name of the video file.
  • video.duration – The total length of the video file.

Note:  For a refresher on how to create data elements read the post, Unlock the True Power of Your Tags.

Screen Shot 2013-03-28 at 8.35.50 PM

Any resource on your team, at any skill level will be able to fill out this form.  If they can not, you need to let them go and call IQ Work­force to find someone who can. List out the exact name of the element you want the value of from the HTML5 video object refer­ence and select JS Object in the drop down and you are done. Do the same thing with the other two elements and you will have created three extremely power­ful data elements that can be used through­out your site.

Step 2: Create a milestone watched rule

The next step is to find and iden­tify the element of the video/player to be tracked.  You can go to the page with the video and dig through the DOM to find the infor­ma­tion or you can use Rover.

Note:  For a refresher on using Rover to iden­tify the elements you would like to track in real time read the post, Meet Rover.

Navi­gate to the web page with the video, and acti­vate Rover.  Once you have selected the element iden­ti­fied then you will be able to accel­er­ate the creation of the rules. From the Rule Sugges­tion created by Rover, select the “Create Rule” button.

Screen Shot 2013-03-28 at 9.09.37 PM

This will enable you to create a new Event Based rule with the correct DOM / video element already selected and filled out for you in the rule. This is a real time saver when creat­ing new rules. From the “Event Type” section within the Iden­ti­fier select the “% complete” from the HMTL5 Video portion of the option. Then you simply enter the percent­age mile­stone that you want to be the trigger point for the rule.

Screen Shot 2013-03-28 at 9.21.15 PM

Here is where we get to lever­age the data elements that we created in Step 1 to send these essen­tial video data points to not only Adobe/Omniture Site Cata­lyst, but to Google Analyt­ics as well.

Screen Shot 2013-03-28 at 9.22.15 PM

Screen Shot 2013-03-28 at 9.23.04 PM

To see a live demo of this working, turn on your favorite debug­ger and head over to my test site.

Step 3: Plot world domination

But wait, there’s more! Gone are the days of spend­ing weeks, months, or longer attempt­ing to imple­ment a differ­ent track­ing solu­tion or build a new rule for each analyt­ics solu­tion. Instead create rules based on the behav­iors and events that are the most impor­tant and send the related data to as many differ­ent analyt­ics vendors and track­ing solu­tions as you would like. Voice of the customer, re-market­ing pixels, or any other emerg­ing tech­nol­ogy can be utilized right away without waiting for templates and inte­gra­tions to be created.

In future posts in the series we will cover how to create rules that will track:

  • Video plays / pause / complete / volume events
  • Flash Video Track­ing
  • Video playlist track­ing

Spolier, they are all just as easy as this one.