Tealium Learning Center

Overview Need to understand how many of your customers are using an ad blocker? This code can help.  Pre-Requisites For this example you will need to use the Google Universal Analytics Tag. You are comfortable with the idea of events in Google Universal Analytics Caveats The example below uses Google Analytics, however, the solution can be adapted to work with other analytics vendors. Configuration Login to Tealium iQ.  Click on the Extensions tab then the +Add Extension button. Select the Advanced tab then +Add button for the Javascript Code Extension. Add a descriptive title then scope the JavaScript Code Extension to DOM Ready.   Copy and paste the below code into the Configuration text field then click save.  (function(window) { var BlockAdBlock = function(options) { this._options = { checkOnLoad: false, resetOnEnd: false, loopCheckTime: 50, loopMaxNumber: 5, baitClass: 'pub_300x250 pub_300x250m pub_728x90 text-ad textAd text_ad text_ads text-ads text-ad-links', baitStyle: 'width: 1px !important; height: 1px !important; position: absolute !important; left: -10000px !important; top: -1000px !important;', debug: false }; this._var = { version: '3.2.0', bait: null, checking: false, loop: null, loopNumber: 0, event: { detected: [], notDetected: [] } }; if (options !== undefined) { this.setOption(options); } var self = this; var eventCallback = function() { setTimeout(function() { if (self._options.checkOnLoad === true) { if (self._options.debug === true) { self._log('onload->eventCallback', 'A check loading is launched'); } if (self._var.bait === null) { self._creatBait(); } setTimeout(function() { self.check(); }, 1); } }, 1); }; if (window.addEventListener !== undefined) { window.addEventListener('load', eventCallback, false); } else { window.attachEvent('onload', eventCallback); } }; BlockAdBlock.prototype._options = null; BlockAdBlock.prototype._var = null; BlockAdBlock.prototype._bait = null; BlockAdBlock.prototype._log = function(method, message) { console.log('[BlockAdBlock][' + method + '] ' + message); }; BlockAdBlock.prototype.setOption = function(options, value) { if (value !== undefined) { var key = options; options = {}; options[key] = value; } for (var option in options) { this._options[option] = options[option]; if (this._options.debug === true) { this._log('setOption', 'The option "' + option + '" he was assigned to "' + options[option] + '"'); } } return this; }; BlockAdBlock.prototype._creatBait = function() { var bait = document.createElement('div'); bait.setAttribute('class', this._options.baitClass); bait.setAttribute('style', this._options.baitStyle); this._var.bait = window.document.body.appendChild(bait); this._var.bait.offsetParent; this._var.bait.offsetHeight; this._var.bait.offsetLeft; this._var.bait.offsetTop; this._var.bait.offsetWidth; this._var.bait.clientHeight; this._var.bait.clientWidth; if (this._options.debug === true) { this._log('_creatBait', 'Bait has been created'); } }; BlockAdBlock.prototype._destroyBait = function() { window.document.body.removeChild(this._var.bait); this._var.bait = null; if (this._options.debug === true) { this._log('_destroyBait', 'Bait has been removed'); } }; BlockAdBlock.prototype.check = function(loop) { if (loop === undefined) { loop = true; } if (this._options.debug === true) { this._log('check', 'An audit was requested ' + (loop === true ? 'with a' : 'without') + ' loop'); } if (this._var.checking === true) { if (this._options.debug === true) { this._log('check', 'A check was canceled because there is already an ongoing'); } return false; } this._var.checking = true; if (this._var.bait === null) { this._creatBait(); } var self = this; this._var.loopNumber = 0; if (loop === true) { this._var.loop = setInterval(function() { self._checkBait(loop); }, this._options.loopCheckTime); } setTimeout(function() { self._checkBait(loop); }, 1); if (this._options.debug === true) { this._log('check', 'A check is in progress ...'); } return true; }; BlockAdBlock.prototype._checkBait = function(loop) { var detected = false; if (this._var.bait === null) { this._creatBait(); } if (window.document.body.getAttribute('abp') !== null || this._var.bait.offsetParent === null || this._var.bait.offsetHeight == 0 || this._var.bait.offsetLeft == 0 || this._var.bait.offsetTop == 0 || this._var.bait.offsetWidth == 0 || this._var.bait.clientHeight == 0 || this._var.bait.clientWidth == 0) { detected = true; } if (window.getComputedStyle !== undefined) { var baitTemp = window.getComputedStyle(this._var.bait, null); if (baitTemp.getPropertyValue('display') == 'none' || baitTemp.getPropertyValue('visibility') == 'hidden') { detected = true; } } if (this._options.debug === true) { this._log('_checkBait', 'A check (' + (this._var.loopNumber + 1) + '/' + this._options.loopMaxNumber + ' ~' + (1 + this._var.loopNumber * this._options.loopCheckTime) + 'ms) was conducted and detection is ' + (detected === true ? 'positive' : 'negative')); } if (loop === true) { this._var.loopNumber++; if (this._var.loopNumber >= this._options.loopMaxNumber) { this._stopLoop(); } } if (detected === true) { this._stopLoop(); this._destroyBait(); this.emitEvent(true); if (loop === true) { this._var.checking = false; } } else if (this._var.loop === null || loop === false) { this._destroyBait(); this.emitEvent(false); if (loop === true) { this._var.checking = false; } } }; BlockAdBlock.prototype._stopLoop = function(detected) { clearInterval(this._var.loop); this._var.loop = null; this._var.loopNumber = 0; if (this._options.debug === true) { this._log('_stopLoop', 'A loop has been stopped'); } }; BlockAdBlock.prototype.emitEvent = function(detected) { if (this._options.debug === true) { this._log('emitEvent', 'An event with a ' + (detected === true ? 'positive' : 'negative') + ' detection was called'); } var fns = this._var.event[(detected === true ? 'detected' : 'notDetected')]; for (var i in fns) { if (this._options.debug === true) { this._log('emitEvent', 'Call function ' + (parseInt(i) + 1) + '/' + fns.length); } if (fns.hasOwnProperty(i)) { fns[i](); } } if (this._options.resetOnEnd === true) { this.clearEvent(); } return this; }; BlockAdBlock.prototype.clearEvent = function() { this._var.event.detected = []; this._var.event.notDetected = []; if (this._options.debug === true) { this._log('clearEvent', 'The event list has been cleared'); } }; BlockAdBlock.prototype.on = function(detected, fn) { this._var.event[(detected === true ? 'detected' : 'notDetected')].push(fn); if (this._options.debug === true) { this._log('on', 'A type of event "' + (detected === true ? 'detected' : 'notDetected') + '" was added'); } return this; }; BlockAdBlock.prototype.onDetected = function(fn) { return this.on(true, fn); }; BlockAdBlock.prototype.onNotDetected = function(fn) { return this.on(false, fn); }; window.BlockAdBlock = BlockAdBlock; if (typeof(utag.ut.blockAdBlock) === 'undefined') { utag.ut.blockAdBlock = new BlockAdBlock({ checkOnLoad: true, resetOnEnd: true }); utag.ut.blockAdBlock.onDetected(function() { window.utag.link({ "event_name":"ads_blocked", "adblock":"enabled" }); }); setTimeout(function(){ utag.ut.blockAdBlock.check(); }, 800); } })(window); Select the Data Layer tab and create a new UDO Variable data source by clicking on the +Add Data Source button. Add a UDO Variable named adblock then click Apply. If necessary, also add gua_event_category, gua_event_action and gua_event_label as Data Sources Add another extension to set these three Data Sources Map the Data Sources to the Tag     ... View more

Time-based load rules are useful when you want to load a tag in a specific timezone. By default, the timezone is determined from the local time set in the visitor's browser, and not the server or visitor’s time/time zone. If you want to create a load rule based on UTC you must retrieve the browser’s local time and convert it to the UTC format using a new set of data layer variables. This article assumes that you are familiar with load rules and how to set up time-based load rules. Converting Local Time to UTC Add the following UTC date and time variables to your data layer tab using the Bulk Import tool. datetime_year_utc, "UDO Variable",, "Will output a number. ex: 2015" datetime_month_utc, "UDO Variable",, "Will output a number. ex: 5" datetime_day_utc, "UDO Variable",, "Will output a number. ex: 7" datetime_day_string_utc, "UDO Variable", "Will output a string. ex: Fri" datetime_hour_utc, "UDO Variable",, "Will output a number in military time. ex: 23" datetime_minute_utc, "UDO Variable",, "Will output a number. ex: 57" datetime_second_utc, "UDO Variable",, "Will output a number. ex: 7" datetime_epoch_utc, "UDO Variable",, "Will output a Unix timestamp. ex: 1431057424923" datetime_string_utc, "UDO Variable",, "Will output a string. ex: 2015-05-08 03:57:04 UTC" Add a new JavaScript Code Extension and scope it to Preloader. Copy and paste the following code into the editor. This code will capture the date and time from the visitor’s browser, convert it to UTC format, and store in your new data layer variables. (function(d,y,m,da,dn,h,mi,s,ep,padL,days){ padL=function(str,len,char){ return (new Array((len||1)+1).join(char||0)+(str||'')).slice(-(len||2)) } window.utag_data=window.utag_data||{} days="Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"); d=new Date(); y=d.getUTCFullYear(); m=d.getUTCMonth()+1; da=d.getUTCDate(); dn=days[d.getUTCDay()]; h=d.getUTCHours(); mi=d.getUTCMinutes(); s=d.getUTCSeconds(); ep=d.getTime(); utag_data.datetime_year_utc=y; utag_data.datetime_month_utc=m; utag_data.datetime_day_utc=da; utag_data.datetime_day_string_utc=dn; utag_data.datetime_hour_utc=h; utag_data.datetime_minute_utc=mi; utag_data.datetime_second_utc=s; utag_data.datetime_epoch_utc=ep; utag_data.datetime_string_utc=y+"-"+padL(m)+"-"+padL(da)+" "+padL(h)+":"+padL(mi)+":"+padL(s)+" UTC"; })(); That's it! You can now use these new variables to create load rules based on UTC time. Additional Resources: UTC Time Zone Converter (WorldTimeServer.com).   ... View more