- TLC Home Home
- Discussions Discussions
- Documentation Documentation
- Knowledge Base Knowledge Base
- Education Education
- Blog Blog
- Support Desk Support Desk
In this article:
Now that you have successfully saved and published your changes, it's time to test and view the results on your site. You will learn how to install the Tealium tag and data layer and then use testing tools to verify that it's working.
In this section you will:
This step requires that you have access to edit the code of your website.
Now that you have a basic tag configuration saved and published in your account, it's time to install the two components of the Tealium tag management solution: utag_data
and utag.js
. Both of these components should be installed on every page of your website.
utag_data
. It contains dynamic data from your web page. This object must be populated with the same variable names that you define in the Data Layer screen of the iQ Tag Management interface.utag.js
. It contains the generated code necessary to load the configuration from your iQ Tag Management account on your website.The Code Center in iQ Tag Management is where you get the code to install Tealium on your site.
Use the following steps to get the code:
<!-- Tealium Universal Data Object -->These variables should be populated dynamically by your web application framework. However, for this test, you can set static values.
<script type="text/javascript">
var utag_data = {
page_name : "",
page_section : "",
page_category : "",
page_subcategory : "",
page_type : ""
}
</script>
<body>
tag of a test page on your site.<!-- Tealium Universal Tag -->
<script type="text/javascript">
(function(a,b,c,d){
a='https://tags.tiqcdn.com/utag/your_account/main/qa/utag.js';
b=document;c='script';d=b.createElement(c);d.src=a;
d.type='text/java'+c;d.async=true;
a=b.getElementsByTagName(c)[0];a.parentNode.insertBefore(d,a)
})();
</script>
If you copy this code, you must change your_account to your actual account name. Otherwise, use the code from your Code Center that contains your account, profile, and environment.
After your website code is updated, it's time to test.
Web Companion is a browser tool to help verify your installation. Launching this tool will show that the utag.js
tag is loading properly on your site.
To install and use the Web Companion bookmarklet:
Account – the name of your account. Profile – the name of the profile within your account (default is "main"). Version – the name of the version of utag.js loaded on the page. Environment – the publish environment loaded. Last Published – the publish timestamp of utag.js. Tags – a list of tags loaded. |
Copyright All Rights Reserved © 2008-2023