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 come in handy 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. But if you want to override it with UTC time, you must convert the browser’s local time to the UTC format. This article walks you through the steps to do that. This article assumes that you are familiar with Load Rules and how to set up Time-based load rules in particular. Converting browser local time to UTC Import the following UTC date and time Variables to your Data Layer tab. The easiest way to do this is by using Tealium's 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 in the editor. This code will capture the date and time from the visitor’s browser and convert it to UTC. (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"; })(); Insert your new Time-based Load Rule condition(s) using the new UTC Variables you imported in step #1. Make sure you are selecting the date and time in the UTC format, not in your local timezone.  You can use online converter tools (like this one) to convert the timezone so you know what values to put into the Load Rule. ... View more