Tealium tag management using Sitecore

“The Tealium iQ™ tag management system is a powerful and highly extensible solution that helps marketers easily manage their mission-critical technologies across web and mobile channels. Tealium iQ drives the complexity out of vendor tag deployments and is the cornerstone for achieving unified marketing, i.e., the ability to harmonize applications and data to drive superior cross-channel customer interactions.” – Quoted from Tealium website.

According to Wikipedia: “Tag management is the ability to manage user-generated tags (also known as categories, taxonomies or folksonomies) within collaborative software. Tag management features and processes are put in place to encourage cross-user consistency, navigation efficiency and compliance with an existing taxonomy.”

There are several paid providers available on the market, some of them are:

Google provides a free tag manager called Google Tag Manager.

Moz has a great article about tag management here and Tealium also has an article about tag management available here.

For the purposes of this blog post lets stick to Tealium. Tealium released a Sitecore module which is available in the Sitecore Marketplace.

“Tealium’s tag management integration with Sitecore enables marketers to easily deploy and manage their tag-based online marketing solutions on their own, without sapping valuable IT resources. To take advantage, Sitecore clients simply install the certified Tealium plug in and drop a single line of code onto their web pages. They can then add, edit and remove any digital marketing vendor tag through a convenient web-based interface without ever touching the web page.” – Quoted from the Sitecore Marketplace module page.

One you are done installing the module from the Sitecore marketplace, you will end up with new items in /sitecore/templates/Tealium and /sitecore/system/modules/Tealium Tag Management folders. It also copies Tealium.Sitecore.TagManagement.dll and Tealium.Sitecore.TagManagement.config.

Now for configuration, head on over to /sitecore/system/Modules/Tealium Tag Management/Settings/Tealium Settings item where the most important part of the config is added:

Tealium1

Provide the appropriate information:

Enable: The enable setting adds Tealium Tags
Account: Tealium account name
Profile: Tealium profile name
Environment: Environment name (i.e. prod/qa/dev)
Enable utag.sync.js: If selected, utag.sync.js is added to the head for A/B testing and personalization solutions such as Adobe Target, Optimizely, etc. Enable Custom UDO: If selected, you can add additional name/value pairs
Custom UDO Type: Assembly/type for custom computed field(s) implementations

We will look into custom computed fields in the future blog posts.

Next go to /sitecore/system/Modules/Tealium Tag Management/Settings/Utag Data Mapping Settings and select appropriate boxes based on the information you need rendered. For the sake of this post I am going leave the default which has all the checkboxes checked.

Tealium_2

You can also add additional custom params which get rendered without any logic. If you need multiple values, separate them by using comma (,) or pipe (|) delimiters.  I will leave it default for now.

Tealium for Sitecore has this nice feature which lets you add custom mapping based on template. What that means is that if you have a product template, you can render that template specific tags when that item is rendered. By default Tealium provides an example for a sample product template:

Tealium_3

We will look at the template mapping in detail in the later posts.

The Tealium config is shown below:



  
    
      
        
      
      
        
      

      
        
      
      
        
      
    

    
      
      
      
      
      
      
    
  

The next task is to include this in any layouts you might be using, to do this:

  1. Add a reference to Tealium.Sitecore.TagManagement.dll
  2. In your layout file add the following at the top:
    @using Sitecore.Mvc
    @using Tealium.Sitecore.TagManagement
    @{ var tealiumManager = TealiumFactory.TealiumManager;}
    
  3. Next, add the following to the <head> tag:
    
        
        
        
    
        
        
    
        @tealiumManager.HeadInjections()
    
    
  4. Finally, add the following to the first line after <body> tag:
    
        @tealiumManager.BodyInjections()
    
    

Now lets run the code. Here is the output:




    
    
    

    
    
    
    Sitecore Experience Platform








    
    


     

    
    

If you have any questions or concerns please get in touch with me. In the next post I will cover the customizations.

 

 

2 thoughts on “Tealium tag management using Sitecore”

  1. Hi Akshay,

    Have you tested the solution with Asp.net web form Solution or using MVC Only.

    Many thanks

Leave a Reply

Your email address will not be published. Required fields are marked *