Here at Satel­lite we have cre­at­ed a dif­fer­ent kind of Tag Man­age­ment Sys­tem. A top-down solu­tion which is built around cre­at­ing rules based on the unique user behav­iors or events  on your web­site that are tru­ly impor­tant to your busi­ness. By keep­ing imple­men­ta­tion sim­ple with Satel­lite, you are able to actu­al­ly decrease the com­plex­i­ty of your imple­men­ta­tion by employ­ing the most lead­ing edge tech­nol­o­gy and meth­ods. Video track­ing is a great exam­ple of a set of user inter­ac­tions that today in tra­di­tion­al imple­men­ta­tions or with our Satel­lite Appre­ci­a­tion Part­ners (aka oth­er TMS ven­dors) are done in a very rigid, siloed, and com­plex man­ner that real­ly lim­it your flex­i­bil­i­ty with what you are able to do with your data.  We need to break out of this anti­quat­ed mind­set of being told how you have to track cer­tain things and emerge into the future of tag­ging today.  So let’s walk through the steps of start­ing to track HTML5 Video on your site using the sim­ple Satel­lite TMS way.

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

Step 1:  Create the foundation

The build­ing blocks of tack­ling this task of adding track­ing to an HTML5 video play­er on your site is cre­at­ing the data ele­ments to con­nect to the addi­tion­al data points that you will want to use through­out the rest of the process.  The com­plete list of the ele­ments that are avail­able to you from the HTML5 Video object are list­ed out on the Mozil­la Devel­op­er site here. For this use case we are going to focus on the fol­low­ing elements.

  • video.currentTime – The exact point in time of the video at any giv­en 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 refresh­er on how to cre­ate data ele­ments read the post, Unlock the True Pow­er of Your Tags.

Screen Shot 2013-03-28 at 8.35.50 PM

Any resource on your team, at any skill lev­el 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 some­one who can. List out the exact name of the ele­ment you want the val­ue of from the HTML5 video object ref­er­ence and select JS Object in the drop down and you are done. Do the same thing with the oth­er two ele­ments and you will have cre­at­ed three extreme­ly pow­er­ful data ele­ments that can be used through­out your site.

Step 2: Create a milestone watched rule

The next step is to find and iden­ti­fy the ele­ment 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 refresh­er on using Rover to iden­ti­fy the ele­ments you would like to track in real time read the post, Meet Rover.

Nav­i­gate to the web page with the video, and acti­vate Rover.  Once you have select­ed the ele­ment iden­ti­fied then you will be able to accel­er­ate the cre­ation of the rules. From the Rule Sug­ges­tion cre­at­ed by Rover, select the “Cre­ate Rule” button.

Screen Shot 2013-03-28 at 9.09.37 PM

This will enable you to cre­ate a new Event Based rule with the cor­rect DOM / video ele­ment already select­ed and filled out for you in the rule. This is a real time saver when cre­at­ing new rules. From the “Event Type” sec­tion with­in the Iden­ti­fi­er select the “% com­plete” from the HMTL5 Video por­tion of the option. Then you sim­ply enter the per­cent­age mile­stone that you want to be the trig­ger point for the rule.

Screen Shot 2013-03-28 at 9.21.15 PM

Here is where we get to lever­age the data ele­ments that we cre­at­ed in Step 1 to send these essen­tial video data points to not only Adobe/Omniture Site Cat­a­lyst, but to Google Ana­lyt­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 work­ing, 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 dif­fer­ent track­ing solu­tion or build a new rule for each ana­lyt­ics solu­tion. Instead cre­ate rules based on the behav­iors and events that are the most impor­tant and send the relat­ed data to as many dif­fer­ent ana­lyt­ics ven­dors and track­ing solu­tions as you would like. Voice of the cus­tomer, re-mar­ket­ing pix­els, or any oth­er emerg­ing tech­nol­o­gy can be uti­lized right away with­out wait­ing for tem­plates and inte­gra­tions to be created.

In future posts in the series we will cov­er how to cre­ate rules that will track:

  • Video plays / pause / com­plete / vol­ume events
  • Flash Video Tracking
  • Video playlist tracking

Spoli­er, they are all just as easy as this one.