-
Expand/CollapseMenu
- TLC Home Home
- Discussions Discussions
- Documentation Documentation
- Knowledge Base Knowledge Base
- Education Education
- Blog Blog
- Support Desk Support Desk
Tealium Learning Center
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
- About ruipedromachado
Monday
User Recent Badges
11-13-2021
02:59 AM
Hi @PawelAntoniak
I'm slightly confused with "<head> above Tealium snippet?".
Following the document: https://docs.tealium.com/platforms/google-tag-manager/install/, it should all be done in GTM.
If the expectations is to track a "page_load" event you might want to consider adding a new event to the dataLayer array after its available. Following the GTM documentation:
https://developers.google.com/tag-platform/tag-manager/web
https://developers.google.com/tag-platform/tag-manager/web/datalayer
here's an example:
<head>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!--Google Tag Manager-->
<script>
var dataLayer = dataLayer || [];
(function (w, d, s, l, i) {w[l] = w[l] || []; w[l].push({'gtm.start':
new Date().getTime(), event: 'gtm.js'});var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src='https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-******');
dataLayer.push({
event : "page_load",
page_name : "main",
page_category : "generic",
authenticated : false
});
Thats correct, if the client side Collect Tag installation in GTM was successful, it should now be possible to see the event with its payload arriving in Tealium's CDH.
Live Events:
https://community.tealiumiq.com/t5/Customer-Data-Hub/Introduction-to-EventStream/ta-p/20387
https://community.tealiumiq.com/t5/Getting-Started-with-EventStream/Live-Events/ta-p/25283
Next steps are based on Use Case requirements:
Use "Eventstream" to flow live data to third parties:
https://community.tealiumiq.com/t5/Customer-Data-Hub/Introduction-to-EventStream/ta-p/20387
Use "Audiencestream" to build user profiles based on behaviour and preferences and provide these to third parties:
https://community.tealiumiq.com/t5/Customer-Data-Hub/Introduction-to-AudienceStream/ta-p/16087
Use "Dataaccess" to persist user data, allowing third party BI tools to connect and generated reporting:
https://community.tealiumiq.com/t5/Customer-Data-Hub/Introduction-to-DataAccess/ta-p/15611
... View more
11-11-2020
12:56 AM
2 Kudos
Hi @parth_gupta199
There are a couple of things to consider and by your description, it does sound like expected behaviour.
When utag.link is issued, the data passed in, is its own data object and as a result you might not see it in the data_layer object, at least out of the box.
Not all tags fire utag.links. Make sure the tag templates have "link: 1" on the scope. Somewhere in the template you might have only this:
u.ev = {'view' : 1};
make sure it also has "link" like so:
u.ev = {'view' : 1, 'link' : 1};
A third point worth mention is that the data passed on the utag.link might not have whats needed to fire the tag. Make sure the tag "Load Rules" condition will cope with the data on the utag.link.
... View more
10-27-2020
10:57 AM
1 Kudo
Hi @Guido,
The Tealium consent manager solution is highly customisable and it is indeed possible to achive what those requirements describe however it might take some advanced CSS/HTML and JS implementation.
I would recommend contacting your Account Manager to discuss further.
... View more
05-06-2020
03:27 AM
1 Kudo
Hi @MichaelG
Thats an "iframe", so I would recommend add the Tealium Generic Tag, on the tag configuration, pick "iframe" from the type dropdown and add the URL.
Hope it helps
Thanks
... View more
05-06-2020
03:20 AM
Hi @jebg
Add one JS extension and scope it to the tag. Add this code snippet:
var tagName = "facebook";
// dont edit bellow
var t = JSON.parse(localStorage.getItem('tagLoadTracking') || "{}");
t[tagName] = (t[tagName] || 0) + 1;
localStorage.setItem('tagLoadTracking', JSON.stringify(t));
Repeat for all tags that you want to keep load tracking.
Change the "tagName" to the appropriate one on each extension. (make sure to use a full word, without spaces and such)
The result will be a local object like so:
From here you can pick something like so to create your load rules logic:
var t = JSON.parse(localStorage.getItem('tagLoadTracking') || "{}");
// create a variable that would allow to fire a tag (extension before load rules)
if(t["adobe"] > 5) {
b.is_adobe_fired_more_that_5_times = true;
}
Hope this helps
Thanks
... View more
03-11-2020
05:28 AM
1 Kudo
Hi @nicolarohner
I think the Tealium TAG template for the GTAG implementation is focused on a "Tealium Deployment" context, hence the conditions check if the existing "gtag" is deployed by "utag".
Like per your suggestion, you can check the global scope by adding your additional conditions.
Alternativelly, you can simplify the conditions by removing the "utag" context making the solution more elegant and easier to read.
Original:
if (
s[i].src && // checks if it has a src attribute
s[i].src.indexOf("gtag/js") >= 0 && // checks if the src attribute contains "gtag/js"
s[i].id && // checks if it has a id attribute
s[i].id.indexOf("utag") > -1 // checks if its deployed by tealium ("utag" always present on id of tags deployed by tealium)
) {
return true;
}
Suggested:
if (
s[i].src && // checks if it has a src attribute
s[i].src.indexOf("gtag/js") >= 0 && // checks if the src attribute contains "gtag/js"
s[i].id && // checks if it has a id attribute
s[i].id.indexOf("utag") > -1 || // checks if its deployed by tealium ("utag" always present on id of tags deployed by tealium) s[i].src && // checks if it has a src attribute s[i].src.indexOf("gtag/js") >= 0 && // checks if the src attribute contains "gtag/js"
) {
return true;
}
Alternative:
if (
s[i].src && // checks if it has a src attribute
s[i].src.indexOf("gtag/js") >= 0 && // checks if the src attribute contains "gtag/js"
) {
return true;
}
... View more
01-10-2020
06:51 AM
2 Kudos
Hi @cristinaBmind ,
This would be one possible approach, using any API provider on the market. There are quite a few options, some free, some with limitations specially the free ones, some other payed ones. See this list of examples: https://stackoverflow.com/questions/391979/how-to-get-clients-ip-address-using-javascript
Once you decided with which vendor to go, here is a list of steps:
add a dom ready javascript extension
add the vendor code snippet to fetch the ip
on the vendor callback, make a utag.link() call with the data returned.
EX:
utag.link({
event_name : "client_ip",
ip_address : {{data with ip returned from the vendor call}}
})
with this in place, we can then catch the "client_ip" event and send it to any vendor, in your case GA.
create a new datalayer variable called ip_address
map it in the tag mapped variables (ex. bellow ip_address goes to CD10)
... View more
12-06-2019
06:33 AM
1 Kudo
Hi @PhilipWright,
You should be able to add as many as possible manually.
On the mappings click on the "Add Custom" and manually type the "u" destination.
the network call
... View more
11-14-2019
02:51 AM
Hi @parth_gupta199
Here is a snippet:
(function () {
var currentTimeStamp;
var getLastTimeStamp = function () {
return window.parseInt(window.localStorage.getItem("teal_last_event_time") || Date.now());
};
var setCurrentTimeStamp = function (epoch) {
window.localStorage.setItem("teal_last_event_time", epoch);
};
var process = function () {
var lastTimeStamp = getLastTimeStamp();
var timeSinceLastEventTimeStamp = Math.abs(currentTimeStamp - lastTimeStamp);
var secondsSinceLastEvent = Math.round(timeSinceLastEventTimeStamp / 1000);
setCurrentTimeStamp(currentTimeStamp);
window.console.log("seconds since last event: " + secondsSinceLastEvent);
b["secondsSinceLastEvent"] = secondsSinceLastEvent;
};
var init = function () {
currentTimeStamp = Date.now();
process();
};
init();
})();
Implementation:
Add a JS extension and scope it to "All Tags"
The code will:
Run on any event that is tracked by Tealium
Provide a variable in the datalayer called "secondsSinceLastEvent" with the seconds since the last event.
Information is also printed to the console for reference
Demo:
... View more
10-24-2019
01:18 PM
2 Kudos
Hi @PhilipWright ,
That can be accomplished, however there is a caveat.
Try the following:
Create a "Visitor" attribute of type DATE and call it "Last event timestamp". Enrich it with the "Set date to current timestamp". This ensures you will have always the timestamp for the current event
Create a "Visitor" attribute of type DATE and call it "Birthdate". Enrich it with the value that the imported data brings (event attribute?). (PS: choose the correct date format whilst enriching it)
Create a "Visitor" attribute of type NUMBER and call it "Age in days". Enrich the number from the date attribute with the "Set difference between 2 dates", and chose the dates from step 1 and step 2.
Create a "Visitor" attribute of type NUMBER and call it "Age multiplier". Enrich the number with a "Set number" static value of "0.002738"
Create a "Visitor" attribute of type NUMBER and call it "Age calculated". Enrich the number with a "Set product" and choose the numbers from step 3 and step 4.
This gives you the correct years, however the caveat is that its a floating point and therefore it will have decimals.
... View more
10-14-2019
01:59 AM
Hi @Ankitajaiswal ,
You will need to add a new listener to the html element for the drop event.
I would suggest following this approach https://community.tealiumiq.com/t5/Tealium-iQ-Tag-Management/Is-it-possible-to-track-drag-n-drop-with-Tealium/m-p/30683#M9223
... View more
10-11-2019
05:06 AM
Hi @Ankitajaiswal
Yes, its possible by adding another binding to the html tag where the draggable will be dropped with out affecting the original functionality.
Here is the binding example:
document.getElementById("div1").addEventListener("drop", function() {
console.log("second bind event to track with tealium");
utag.link({
event_name : "icon_drag_and_drop"
}, function() { console.log("call was done to tealium and this is the callback!")}, null);
}, false);
Here is an example page with some original drag and drop functionality from the "dev team":
<html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
function allowDrop(ev) {
ev.preventDefault();
console.log("original allowdrop");
}
function drag(ev) {
ev.dataTransfer.setData("text", ev.target.id);
console.log("original drag");
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.innerHTML = "";
ev.target.appendChild(document.getElementById(data));
console.log("original drop");
}
</script>
<style>
#div1 {
width: 350px;
height: 70px;
padding: 10px;
border: 1px solid #aaaaaa;
}
</style>
</head>
<body style="background-color: aqua">
<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">drag the jquery logo in here and see the tracking in the console</div>
<img id="drag1" src="https://jquery.com/jquery-wp-content/themes/jquery/images/logo-jquery.png" draggable="true" ondragstart="drag(event)" width="336" height="69">
</body>
</html>
now we add the tealium bits:
<html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
function allowDrop(ev) {
ev.preventDefault();
console.log("original allowdrop");
}
function drag(ev) {
ev.dataTransfer.setData("text", ev.target.id);
console.log("original drag");
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.innerHTML = "";
ev.target.appendChild(document.getElementById(data));
console.log("original drop");
}
</script>
<!--
tealium block
/-->
<script type="text/javascript">
var utag_data = {};
document.addEventListener("DOMContentLoaded", function(){
document.getElementById("div1").addEventListener("drop", function() {
console.log("second bind event to track with tealium");
utag.link({
event_name : "icon_drag_and_drop"
}, function() { console.log("call was done to tealium and this is the callback!")}, null);
}, false);
});
</script>
<script src="//tags.tiqcdn.com/utag/services-ruipedrodacruzmachado/as/dev/utag.sync.js"></script>
<script src="//tags.tiqcdn.com/utag/services-ruipedrodacruzmachado/as/dev/utag.js" async></script>
<!--
end of tealium block
/-->
<style>
#div1 {
width: 350px;
height: 70px;
padding: 10px;
border: 1px solid #aaaaaa;
}
</style>
</head>
<body style="background-color: aqua">
<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">drag the jquery logo in here and see the tracking in the console</div>
<img id="drag1" src="https://jquery.com/jquery-wp-content/themes/jquery/images/logo-jquery.png" draggable="true" ondragstart="drag(event)" width="336" height="69">
</body>
</html>
See this in action here:
https://solutions.tealium.net/hosted/rmachado/tlc/draganddrop.html
... View more
09-11-2019
03:29 AM
Hi @OscarGPeinado
That is the expected behaviour for the Privacy extension. It was never improved due to a new feature being available, which I would recommend having a look and using.
This new functionality brings quite a few benefits in relation to the previous one, some are:
translations
easy manipulation of CSS, JS and HTML
2 types of consent, explicit which would set to all, or individual per category
If you would still prefer to use the extension, I would advise contacting our support to remove the grouping on the generic tags.
... View more
09-11-2019
02:53 AM
Hi @Frish
It is possible to attach multiple files and create multiple drafts (up to 20?), however the "Approve to publish" only allows one per environemnt.
So at any given time you will not have more than one file (draft or git) per env, and therefore only the one that is published gets executed.
... View more
09-11-2019
01:44 AM
3 Kudos
Hi @MichaelG
Following the specs from google here https://support.google.com/google-ads/answer/7548399?hl=en-GB
They state it can be stopped by the following instruction:
On a profile with only the Google AdWords Conversion Tracking & Remarketing (gtag.js), added the line right before the config declaration on the profile:
Looking at "Google Tag Assistent" without the new instruction:
and with the instruction:
... View more
09-11-2019
01:08 AM
Hi @gianluca
Would delaying the "Analytics" tag only work?
var isLateProcessReady = // check late process;
if (isLateProcessReady != true) {
window.setTimeout(function() {
utag[a](b);
}, 1000);
return false;
}
Attaching this snippet to the "Analytics" tag, would stop it from firing until the condition is met, retrying every second.
This approach would focus on the Analytics tag only, leaving the rest of the system with its normal behaviour ("firing the floodlight as soon as possible"), and no need to use the "noview" option.
Hope this helps
Rui
... View more
06-17-2019
04:09 AM
Hi @Viktor
Tealium offers 2 options from the TAG market place
After adding it through Tealium you should then be able to remove the native implementation.
... View more
06-17-2019
12:07 AM
3 Kudos
Hi @AS
The "label" property has a one-2-one relation with the "id" property, therefore you will need to specify a second ID also.
or to another "account"
Hope this helps
... View more
06-16-2019
11:28 PM
Hi @mark_jaggers ,
If I understood correctly you are looking to show minimal information, just enough to let the users know you are using cookies and independently want your TAGS to always fire?
You could enable only the "Consent Preferences Dialog" (leave the explicit disabled), and make sure the "Default State" is always ON?
This will allow the tags to always fire on the first initial landing. After that it depends on what the user selects.
I would assume if you are looking to "Omit" all the tags, then you can take the stated approach, and customise the "Consent Preferences Dialog" in a way the user can only "Accept".
Thanks
Rui
... View more
06-16-2019
11:16 PM
2 Kudos
Hi @mark_jaggers ,
The default lifespan of the consent cookie is 90 days.
You can override the configuration using this statement on a pre loader:
window.utag_cfg_ovrd.consentPeriod = 30;
Where 30 would be the days.
Thanks
Rui
... View more
12-05-2018
08:49 AM
3 Kudos
Hi @Frish
So in short, the idea is to migrate the pixels on the site (client side) to the cloud (server side).
There are some things to consider.
"Tealium Event Stream" product is needed.
Is the pixel in question possible to migrate to a server side solution.
Lets say the site has 50 pixels. In the simplest way possible, lets consider they would be HTTP GET requests. Something like:
<img src="//my_tracker1.com/?id=123&some_data1=data1&some_data2=data2">
<img src="//my_tracker2.com/?id=1444&some_data4=data4&some_data8=data8">
This means the loading of the page copes with all of those calls, whatever time it takes to make them.
So, by migrating the pixels to the server side, only one call is made ("Collect Tag"), that sends the required information that the pixels are expecting, and then on the server side we would make those 50 calls.
The page loading time would most likely have a different behavior.
Creating pixels like the ones mentioned are quite easy from "Event Stream".
Tealium cloud solution (Event Stream) supports other more complex TAGs like "Adobe Analytics".
I would recommend talking with the Account mananger to get a proper product presentation and to check the possibitlity of getting a working demo.
Hope this helps
... View more
12-05-2018
08:09 AM
3 Kudos
Hi @powem
Here is one possible approach:
// 8 and 9 are the load rules IDS
var load_rules = {8:0, 9:0},
tag_ids = [];
// update scope load_rules
utag.loader.loadrules(utag.data, load_rules);
// start building the IDS collection
if (load_rules[8])
tag_ids.push(345); // where 345 is the tag id for load rule with id 8
if (load_rules[9])
tag_ids.push(43); // where 43 is the tag id for load rule with id 9
// send tracking
if (tag_ids.length > 0)
utag.link({}, null, tag_ids)
... View more
12-05-2018
07:39 AM
Hi @surabhi_sharma
Bind a click event to the button so that it fires a link track event.
On that link tracking event you can send an identifier like so:
"event_name" : "registration_completed"
With that in place you simple go into the Facebook tag and add the Facebook event "CompleteRegistration" to fire when "event_name" = "registration_completed".
Step 1:
Step 2:
If you notice, in my example the "EWY_Register" value is a static mapping, but if you need to add it dynamic just take the same approach.
Step 1: additionally add a new Mapped Variable from the bind event (link event)
Step2: on the TAG, instead of using a static value (like the provided example), map it from the variable sent in step 1
Hope this helps
... View more
07-18-2018
11:29 AM
1 Kudo
Hi @sriiniivas
By your description, I assume you have 3 of the main events working
start
pause
end
That does make sence, since those 3 do not use any "obj" variable.
So, the events that are missing and flooding the console with "obj" errors are from the milestone tracking, which does contain an "obj" variable. To get "obj" not defined errors it means its not finding the video object in the array.
Try and see why it is not finding the video object in the array.
Hope this helps
... View more
04-20-2018
03:24 AM
1 Kudo
Hi,
Just tryed, I believe the issue is with the usage. The function requires the ID to be passed in as a first parameter.
So instead of:
$("#btn_calculateMaxMortgage").waitUntilExists(function(){debugger;});
It should be
$("#btn_calculateMaxMortgage").waitUntilExists("#btn_calculateMaxMortgage", function(){debugger;});
Here is a screen shot from the page:
Hope this helps.
... View more
Public Statistics
| Date Registered | 09-07-2017 06:44 AM |
| Date Last Visited | Monday |
| Total Messages Posted | 50 |
| Total Kudos Received | 43 |
Latest Tags
No tags yet
-
Products
- Tealium iQ Tag Management
- Tealium EventStream
- Tealium AudienceStream
- Tealium DataAccess
- Tealium for Mobile
-
Company
- Tealium.com
- Blog
- Careers
- Contact Us
- Events
Copyright All Rights Reserved © 2008-2023