Hi
the issue seems to be around this.
window.percentageObj
changed to
percentageObj
as you defined it locally.
Here is the updated code
//scroll tracking
var maxScrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
var percentageObj = {};
var percentagesArr = [25,50,75,100];
window.addEventListener("scroll", function (event) {
var scrollVal = this.scrollY;
for(var i =0; i<percentagesArr.length;i++){
var currentPercentage = percentagesArr[i];
var scrollPercentage = parseInt((maxScrollHeight/100) * currentPercentage);
if(scrollVal >= scrollPercentage && !percentageObj[scrollPercentage.toString()]){
console.log("scrolled past - " + currentPercentage.toString() + "%");
utag.link({
"eventCategory": location.pathname,
"eventAction": "Scroll Depth",
"eventLabel": currentPercentage.toString() + "%",
});
percentageObj[scrollPercentage.toString()] = true;
}
}
});
Gavin
... View more