Measuring User Engagement On a Landing Page

Description

To measure user engagement on a landing page, simply use the Depth tool. Depth indicates how far people scrolled down on your landing page or how many pages they viewed through your site.


To use it just add the depth script inside your landing page code. After that you can monitor the depth in the campaign report and determine which lander engages users the most.


Depth script integration to a Zeustrak Cloud landing page

Copy the following code and paste it right after opening <body> tag of your Zeustrak Cloud lander.

<script>
function g(c,b){
var a=(RegExp(c+"=([^&]+?)(&|$)").exec(location.search)||[,null])[1];if(a){a=decodeURI(a)}return a||b}function ae(a,c,b){a.addEventListener(c,b)}function wndsize(){var a=0;var b=0;if(!window.innerWidth){if(!(document.documentElement.clientWidth==0)){a=document.documentElement.clientWidth;b=document.documentElement.clientHeight}else{a=document.body.clientWidth;b=document.body.clientHeight}}else{a=window.innerWidth;b=window.innerHeight}return{width:a,height:b}}var beacon=function(d){d=d||{};d.url=d.url||null;d.vars=d.vars||{};d.error=d.error||function(){};d.success=d.success||function(){};var e=[];for(var c in d.vars){e.push(c+"="+d.vars[c])}var b=e.join("&");if(d.url){var a=new Image();if(a.onerror){a.onerror=d.error}if(a.onload){a.onload=d.success}a.src=d.url+"?"+b}};var Tracker=(function(){var b=0;var c="";var a={init:function(e){c=e},setClickId:function(d){b=d},trackDepth:function(d){if(!b){return}beacon({url:"http://"+c+"/depth/",vars:{depth:d,s:b,cid:b}})}};return a})();var ScrollDepthTracker=(function(){var c=1;var d;function b(){var f=window.pageYOffset||document.documentElement.scrollTop;var e=Math.floor(f/d);if(e>c){Tracker.trackDepth(e);if(typeof WatchTracker!="undefined"){WatchTracker.trackEvent("scrollDepth",e)}c=e}}var a={init:function(){d=wndsize().height;ae(window,"scroll",b);b()}};return a})();Tracker.init("{trackingdomain}");Tracker.setClickId('{click.id}');Tracker.trackDepth(1);ScrollDepthTracker.init();</script>