Multi-Channel Data Collection                         John Clark               Principal Consultant,                      ...
Agenda•    Multi-Channel Data Collection•    X-Domain sites•    X-Domain – iFrame•    Event Data Collection•    Video Data...
Multi-Channel Data CollectionCOLLECTING DATA FROMMULTIPLE CHANNELS
There’s No Magic Bullet Data         Collection
But There Are Creative Solutions
Multi-Channel Data CollectionCROSS-DOMAIN DATA COLLECTION
How cross domain tracking works•  The sites create a shared cookie•  Webtrends analysis engine glues the data   together
Cookies           SiteA.com                       SiteB.com     Cookie store for siteA.com     on your computer           ...
Cookies           SiteA.com                          SiteB.com                 Webtrends.com                      Webtrend...
Cookies        SiteA.com             Webtrends.comCookie store for siteA.com on   Both can read theyour computer AND      ...
Cross-domain limitations•  If third-party cookies are disabled or   blocked, cross-domain reporting will not   function.
Multi-Channel Data CollectionX-CROSS-DOMAIN IFRAME DATACOLLECTION
Data Collection from iFrames•  iFrame Tracking  –  Requires adding some code to the iFrame     •  Method 1: Add full Webtr...
Method 1:     Add full Webtrends code to iFrame•    Requires code be added to the iFrame•    Larger foot print•    Acts as...
Method 2:    Add postMessage to iFrame•  Requires code to be added to the iFrame•  Very small foot print•  Sends tracking ...
Data Collection from iFrames           SiteA.com                 SiteB.com<iframe id="myiframe" src="http://www.sweetspott...
Data Collection from iFrames•  If the third party can add some code to the   iFrame we can still track the visitor   behav...
Site B sends the tracking message to Site A      SiteA.com                                        <input type="Button" val...
Cross-Domain iFrame DemoCode in IFrame  Code in parent window
Multi-Channel Data CollectionEVENT COLLECTION
Event Data Collection•  Its becoming ever more popular to collect   not only page load data, but event based   data to und...
Selectors•  Markup  <input type="checkbox" class=“filterOption”> Option 1</input>  <input type="checkbox" class=“filterOpt...
Event Data Collection      •  Collecting event based data is easy with Webtrends!             –  Track when a visitor clic...
Keys For Event Data Collection•  Set the page determination level!  –  WT.dl defines if the hit is counted as a page     v...
Multi-Channel Data CollectionWHAT ABOUT VIDEOEVENTS?
Geek alert             !There are 10 kinds of people,those that will understand thissection and those that won’t
HTML5 Event Listeners To The Rescuee.addEventListener(play, function () {h5v_tracking(play, e, states)})Key HTML5 Video ev...
Bind to all the eventse.addEventListener(play,          function () {multitrack(…)});e.addEventListener(pause,        func...
Not All Players Behave Are The Same                                                                                       ...
State Machine For Event Tracking
HTML5 Video Data Collection
Measurement
No Clear Standards - Yet[…]standard metricshave yet to beestablished. One-third said their clientsconsidered unique viewer...
Action Script (flash)•  Requires developers   integrate code into the   flash objects•  Use JavaScript•  Use Webtrends dat...
Action Script Events (flash)
Data Collection with Data Insertion•  Data collection with mobile apps is done   the same way as with Flash•  Collect data...
Collect Data From Almost Anything•  This Power Point   presetation is being   tracked with a simple   macro and the data  ...
Webtrends Streams
Top Take-Aways•  Cross-domain tracking requires 3rvd party   cookies•  iFrame tracking appears complicated, but its not•  ...
How Can We Help?•  Contract Webtrends Consulting Services   to assist with your data collection needs!
Rate Session   &Speakers/Panelists
Sessions You Must See•  Wed @ 11:10am : Why Upgrade to   Webtrends 10.2 Tag•  Tues @ 2:10pm: APIs: An Abundance of   Flexi...
Thank YouJohn Clark, Principal Consultant Webtrends             John.clark@webtrends.com
Engage 2013 - Multi Channel Data Collection
Upcoming SlideShare
Loading in...5
×

Engage 2013 - Multi Channel Data Collection

658

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
658
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
35
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Engage 2013 - Multi Channel Data Collection

  1. 1. Multi-Channel Data Collection John Clark Principal Consultant, Webtrends
  2. 2. Agenda•  Multi-Channel Data Collection•  X-Domain sites•  X-Domain – iFrame•  Event Data Collection•  Video Data Collection
  3. 3. Multi-Channel Data CollectionCOLLECTING DATA FROMMULTIPLE CHANNELS
  4. 4. There’s No Magic Bullet Data Collection
  5. 5. But There Are Creative Solutions
  6. 6. Multi-Channel Data CollectionCROSS-DOMAIN DATA COLLECTION
  7. 7. How cross domain tracking works•  The sites create a shared cookie•  Webtrends analysis engine glues the data together
  8. 8. Cookies SiteA.com SiteB.com Cookie store for siteA.com on your computer Cookie store for siteB.com on your computerSiteB.com CANNOT read the data from the cookies set inSiteA.com and vice-versa, Thus SiteB.com does not know if youever visited SiteA.com or what you did there
  9. 9. Cookies SiteA.com SiteB.com Webtrends.com Webtrends.com Cookie store for siteA.com on your computer Cookie store for siteB.com on your computerIf SiteA.com and SiteB.com load Webtrends, a third-party cookie(Webtrends) can be generated that allows data to be passed(visitor id) between the sites. This allows cross-domain reporting.
  10. 10. Cookies SiteA.com Webtrends.comCookie store for siteA.com on Both can read theyour computer AND same 3rd partywebtrends.com cookie set at webtrends.com SiteB.com Webtrends.com Webtrends cross- domain reportCookie store for siteB.com onyour computer ANDwebtrends.com
  11. 11. Cross-domain limitations•  If third-party cookies are disabled or blocked, cross-domain reporting will not function.
  12. 12. Multi-Channel Data CollectionX-CROSS-DOMAIN IFRAME DATACOLLECTION
  13. 13. Data Collection from iFrames•  iFrame Tracking –  Requires adding some code to the iFrame •  Method 1: Add full Webtrends code to iFrame •  Method 2: Add postMessage to iFrame
  14. 14. Method 1: Add full Webtrends code to iFrame•  Requires code be added to the iFrame•  Larger foot print•  Acts as second page load when iFrame loads•  Needs to utilize 3rd party cookie for x-domain
  15. 15. Method 2: Add postMessage to iFrame•  Requires code to be added to the iFrame•  Very small foot print•  Sends tracking message to parent window so all tracking comes from the home domain
  16. 16. Data Collection from iFrames SiteA.com SiteB.com<iframe id="myiframe" src="http://www.sweetspottaxidermy.com/testiframe.html" width="420" height="380"></iframe>•  Cross-domain iFrame pulls content from one domain into another
  17. 17. Data Collection from iFrames•  If the third party can add some code to the iFrame we can still track the visitor behaviors.•  HTML5 provide us a mechanism for the iframe to communicate with the parent window with an event listener
  18. 18. Site B sends the tracking message to Site A SiteA.com <input type="Button" value="Test" name="Test" SiteB.com onClick="dcsMultiTrack(DCS.dcssip,window.location.hostname, DCS.dcsuri,window.location.pathname, WT.ti,document.title, WT.event,Test Button, WT.dl,99)"> <script> dcsMultiTrack = function() { var m = Array(); // stringify the arguments for (obj in arguments) m.push(arguments[obj]); // send to the listner in the parent window window.parent.postMessage([m], "*"); } </script><script> window.addEventListener("message", function(e) { Webtrends.multiTrack({argsa: e.data.split(",")}) } ,false);</script>
  19. 19. Cross-Domain iFrame DemoCode in IFrame Code in parent window
  20. 20. Multi-Channel Data CollectionEVENT COLLECTION
  21. 21. Event Data Collection•  Its becoming ever more popular to collect not only page load data, but event based data to understand how visitor are interacting with objects on pages
  22. 22. Selectors•  Markup <input type="checkbox" class=“filterOption”> Option 1</input> <input type="checkbox" class=“filterOption”> Option 2</input> <input type="checkbox" class=“filterOption”> Option 3</input>
  23. 23. Event Data Collection •  Collecting event based data is easy with Webtrends! –  Track when a visitor clicks a checkbox in a filter object jQuery Selector Webtrends SelectorjQuery(.filterOption).live(click, function (evt) { dcs.addSelector(‘.filterOption’, transform: function (dcsObject, o) { var e = evt.target || evt.srcElement; var e = o[‘element’]; Webtrends.multiTrack({ element: this, o.argsa.push ("DCS.dcssip", window.location.hostname, argsa: ["DCS.dcssip", window.location.hostname, "DCS.dcsuri", window.location.pathname, "DCS.dcsuri", window.location.pathname, "WT.ti", document.title, "WT.ti", document.title, "WT.dl", "31", "WT.dl", "31", "WT.e_nam", jQuery(e).text(), "WT.e_nam", jQuery(e).text(), "WT.e_typ", filter, "WT.e_typ", filter, "WT.e_state", ", e.checked?’true’:’false’); "WT.e_state", e.checked?’true’:’false’] } }) });});•  Using this technique you can track almost any page event on any object. (hoverovers, focus, clicks, tap, swipe, …)
  24. 24. Keys For Event Data Collection•  Set the page determination level! –  WT.dl defines if the hit is counted as a page view or an event. •  0 = page view •  Non-zero = event –  If you forget to set the dl value, your page view will be inflated
  25. 25. Multi-Channel Data CollectionWHAT ABOUT VIDEOEVENTS?
  26. 26. Geek alert !There are 10 kinds of people,those that will understand thissection and those that won’t
  27. 27. HTML5 Event Listeners To The Rescuee.addEventListener(play, function () {h5v_tracking(play, e, states)})Key HTML5 Video events•  Play•  Pause•  Error•  Timeupdate•  Seeking•  Seeked•  Ended
  28. 28. Bind to all the eventse.addEventListener(play, function () {multitrack(…)});e.addEventListener(pause, function () {multitrack(…)});e.addEventListener(ended, function () {multitrack(…)});e.addEventListener(error, function () {multitrack(…)});e.addEventListener(timeupdate, function () {multitrack(…)});e.addEventListener(seeking, function () {multitrack(…)});e.addEventListener(seeked‘, function () {multitrack(…)});
  29. 29. Not All Players Behave Are The Same Ac(on:  Pause Event:  Null State:  SEEK State:  PAUSE Ac(on:  Seek Event:  Seek State:  SEEK Ac(on:  Pause   Ac(on:  Play State:  SEEK Event:  Pause Event:  Resume Ac(on:  Ready Ac(on:  Seek Event:  Null Ac(on:  Seek Event:  Seek Event:  Seek Ac(on:  END Ac(on:  Play Ac(on:  Stop Event:  Null Event:  Play Event:  Stop State:  READY State:  PLAY State:  END Ac(on:  Complete Ac(on:  Play Event:  Complete Event:  Play Ac(on:  Play Ac(on:  Seek Event:  Null Event:  Seek State:  SEEK Ac(on:  Progress Event:    Beacon   or   Event:    Quar(le   or   Event:  Null
  30. 30. State Machine For Event Tracking
  31. 31. HTML5 Video Data Collection
  32. 32. Measurement
  33. 33. No Clear Standards - Yet[…]standard metricshave yet to beestablished. One-third said their clientsconsidered unique viewersto be the best way tomeasure audience. Anotherone-quarter said it wastarget impressions.[…] Source: http://www.emarketer.com/Articles/Print.aspx?R=1009195
  34. 34. Action Script (flash)•  Requires developers integrate code into the flash objects•  Use JavaScript•  Use Webtrends data insertion API•  Use Hybrid model
  35. 35. Action Script Events (flash)
  36. 36. Data Collection with Data Insertion•  Data collection with mobile apps is done the same way as with Flash•  Collect data from almost ANYTHING using the data collection API
  37. 37. Collect Data From Almost Anything•  This Power Point presetation is being tracked with a simple macro and the data insertion API
  38. 38. Webtrends Streams
  39. 39. Top Take-Aways•  Cross-domain tracking requires 3rvd party cookies•  iFrame tracking appears complicated, but its not•  Event level tracking is becoming more popular, and it easy to implement•  Use the DC API for site assets that don’t support JavaScript•  Video tracking is rapidly expanding
  40. 40. How Can We Help?•  Contract Webtrends Consulting Services to assist with your data collection needs!
  41. 41. Rate Session &Speakers/Panelists
  42. 42. Sessions You Must See•  Wed @ 11:10am : Why Upgrade to Webtrends 10.2 Tag•  Tues @ 2:10pm: APIs: An Abundance of Flexible Options
  43. 43. Thank YouJohn Clark, Principal Consultant Webtrends John.clark@webtrends.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×