• X

    How to Setup Google Tag Manager for Tag Management on your Site

    By in Blogger tools

    Bluehost hosting

    Google tag manager (GTM) is one of the newest free product by Google to make life of a Webmaster easy. For every Website we create, we end up adding many tags, Javascripts for social buttons and scripts like Google analytic tags, advertisement tags or any other. Now, lets see this from a non technical point of view, what if you just got a new tag and you need to add it into your Blog, you have to edit the core theme file manually and add the code, and this may not be an easy option for many. Google tag manager comes out as a solution for tag management from single web interface and you can quickly add and remove the tags at any time. Along with it, using single tag for tag manager, speeds up the load time as Google loads code asynchronously, that means your Website will not be slow because of slow loading tags.

    Now, here in this guide I will be sharing how you can use Google Tag manager and manage all your Website tag from one place in easy and convenient way. Before, I move ahead, check out this introductory video, which will explain what’s the use of using Google tag manager on your Website:

    Getting started with Google Tag manager:

    GTM works in a simple way, you add GTM code into your website and than manage all your site tags like (GA script, Advertisement script, adwords conversion tag) from GTM interface. You can see complete feature list here.

    Lets get started together here and head over to Google ad tag manager site and login using your Google account. There are few things which you should know:

    • Account : Name of the account. Usually it’s the company name for which you are managing the tag.
    • Container: Name of the Website for which you are managing the tag. Ex: ShoutDreams is my company name and container name for this blog will be ShoutMeLoud.
    • Tags: You will be creating different tags for easy tag management under a container. For example: ONe tag for buysellads code, another tag for Google analytic codes.
    • Rules: Rules let you define when and where these tag will be executed. For example, All pages or you can create custom rule when you don’t want any particular tag to be executed on particular pages or directory on your site.

    Along with this, you can also add other users to manage your tags. This is very useful when you have an advertising company or a developer working for you and you want them to take care of adding and removing code, without giving access to your Website or Gmail account.

    Now, in this guide I will show you how I use Google tag manager for ShoutMeLoud tag management and adding Google Analytics and BSA script using it.

    Login to GTM and create your company name. If you have just one blog, give your blog the company name. In my case, I give ShoutDreams as company name and later I add ShoutMeLoud as one container.

    Creating GTM Container How to Setup Google Tag Manager for Tag Management on your Site

    Click on Save, and you will see the code for your container, which you need to add in every page of your site. You can add it before the end of body tag of your theme or if you are using Thesis theme, you can go to Thesis site options > Stats and tracking script and copy paste the code.

    Ad code for Google tag manager How to Setup Google Tag Manager for Tag Management on your Site

    Now, click on Google analytics at the bottom to add GA using GTM. Now, add your Google analytic Web property ID which is in your Google analytic code and click on Add rule to tag. Default rule is all page, select it and click on again click on Save to add this newly created tag.

    Adding Google analytics to Tag manager How to Setup Google Tag Manager for Tag Management on your Site

    Similarly you can create on new tag and add BSA or infolinks or any other 3rd party script which you need to add in every page of your site. Change tag type to HTML tag type.

    How to Publish tag in Google tag manager:

    Now click on version on the left sidebar and you have an option to preview the newly created tag on your site. In my case, I have removed the Buysellads script and added it only using google tag manager, and it worked fine when I checked it using preview feature. Once satisfied, click on Publish and tags added via GTM will be live on your Website.

    Google tag manager tag publishing How to Setup Google Tag Manager for Tag Management on your Site

    You can always add a new user to your company and to container by clicking on Users and settings. Also, if you missed copying code after creating your domain container in the first step, you can click on users and settings > Settings and add the code.

    For new users, this whole process might look like some tech-how but once you start using Google tag manager, you will realize it’s making things easier for you. If it still looks like a big task, you can forward this article to your web developer or ad manager company and ask them to configure Google tag manager for your domain.

    Honestly, for a person like me who have to manage multiple websites, GTM comes out as a useful tool for tag management. As I don’t have to go and making changes to every site code for adding new tags. Here is a simple help tutorial from GTM, which will help you to understand it better. You can also learn more about tag management on SEOMoz guide here.

    Do let me know if you have any questions or query regarding using GTM. Go ahead and use this tutorial to set up your own tag management using GTM, and let me know how was your experience.

    Get Free Blogging updates in your Email

    Article by

    Harsh has written 1263 articles.

    If you like This post, you can follow ShoutMeLoud on Twitter. Subscribe to ShoutMeLoud feed via RSS or EMAIL to receive instant updates.

    { 5 comments… read them below or add one }

    Chetan Bhasin

    It’s really nice to have such tool. Every time we want to change a code in more than one pages of our theme files it becomes really hard to locate all of them and make changes one by one to different files. We can now simply add a container to all pages’ header and footer.

    Reply

    FYT

    So it means that we don’t have to add any code directly to our website. We can add any code to Google tag and it will replicate at our site right ?

    Reply

    Harsh Agrawal

    @FYT
    You just need to add GTM code once as shown in above tutorial..and after that you can use Tag manager Web interface to add or remove any code…!!

    Reply

    david

    Hi Harsh, this is very cool. I did not know about GTM until I found this post.

    I should check this out and see if I want to use it.

    Thanks for sharing this information.

    Reply

    Hemant

    Amazing tool by Google. But what if need to add some codes in the head? Can we add two GTM scripts on one page, one in the head and other in body ?

    Reply

    Leave a Comment

    Previous post:

    Next post:

    `