Tealium Learning Center

Hi guys i'm having some trouble with the javascrip extention. I've tried sevral aproaches and different loadrules for the extention. If i try the default one. My script seems to loop and starts sending a lot of calls. If i chose "run once" the script does nothing.   try{ var brytercontainer = document.querySelector('[id="klp-switch-111"]'); //finds the switch element i need eventlistener on var accordionelements = document.querySelectorAll(".klp-accordion__header");// finds all the accordion elements i need eventlisteners on } catch(error){ utag.DB("Error UID 153 " + "(" + error.name + ": " + error.message + ")"); } function klikkbrytercontainer(){ setTimeout(function(){ utag.link({ event_category: "BilAssistent", event_action: "Click", event_label: document.querySelector(".active").textContent, event_value: 0, })},50)} // setts time out to allow the element to change on click function klikksporsmaal(el) { utag.link({ event_category: "BilAssistent", event_action: el.childNodes[1].textContent, event_label: el.innerText.trim(), event_value: 0,}); } try{ brytercontainer.addEventListener("click", klikkbrytercontainer); accordionelements.forEach(el => {el.addEventListener("click", function(){klikksporsmaal(el)})}); } catch (error){ utag.DB("Error UID 153 " + "(" + error.name + ": " + error.message + ")"); } this is my script as it is added to the javascript extention   There is no error messages posted to utag.DB    ... View more

Hi guys hope you can help. I'm trying to implement scrolltracking using the javascript extention, but ive encountered a problem. var scrolledPast75 = false; var scrolledPast50 = false; var scrolledPast25 = false; var scrolledTo100 = false; var startscroll = Date.now(); polls = window.setInterval(function() { try { var winmax = document.body.scrollHeight - window.innerHeight scrolled = window.pageYOffset/winmax; if ( scrolled > 0.97 && scrolledTo100 == false){ scrolledTo100 = true; scrolled100Time=Date.now(); utag.link({ event_category:"Scroll Depth", event_action:"Scroll", event_lable:"100%", event_value:String(100), time_to_action: String((scrolled100Time-startscroll)/100/60), pixel_depth: String(window.innerHeight) }); } if( scrolled > 0.75 && scrolledPast75 == false){ scrolledPast75 = true; scrolled75Time=Date.now(); utag.link({ event_category:"Scroll Depth", event_action:"Scroll", event_lable:"75%", event_value:String(75), time_to_action: String((scrolled75Time-startscroll)/100/60), pixel_depth: String(window.innerHeight) }); } if(scrolled > 0.50 && scrolledPast50 == false){ scrolledPast50 = true; scrolled50Time=Date.now(); utag.link({ event_category:"Scroll Depth", event_action:"Scroll", event_lable:"50%", event_value:String(50), time_to_action: String((scrolled50Time-startscroll)/100/60), pixel_depth: String(window.innerHeight) }); } if(scrolled > 0.25 && scrolledPast25 == false){ scrolledPast25 = true; scrolled25Time=Date.now(); utag.link({ event_category:"Scroll Depth", event_action:"Scroll", event_lable:"25%", event_value:String(25), time_to_action: String((scrolled25Time-startscroll)/100/60), pixel_depth: String(window.innerHeight) }); } if(scrolledPast75 == true && scrolledPast50 == true && scrolledPast25 == true && scrolledTo100 == true){ window.clearInterval(polls); } } catch (err){ } }, 500); this is the code I'm using, and if i enter it in to the console it works like a charm. but if i use the javascript extention var scrolledPast75 = false; var scrolledPast50 = false; var scrolledPast25 = false; var scrolledTo100 = false;  these vars are not set, and my script loops every 500 ms if any condition is met.   Can you guys see what im doing wrong? ... View more

Hi I'm trying to track an event based on visibility of an elemen inside a iframe. there is no jquerry on the site. so far i've tried a couple of differet aproaches. And this is the one thats closest to working. poll = window.setInterval(function() { var current_style = window.frames[0].document.getElementById("nyhetsbrevSuccess").style.display; if (current_style != "none") { window.clearInterval(poll); console.log("test"); utag.link( { "success" : "test" } ); } else { previous_style = current_style; } }, 500); the code workes fine and prints "test" to the console once when the element changes style from "none". But the utag.link goes berserk and sends as many calls it can, as fast as it can. Any of you guys know how i could do this? ... View more