November 9, 2012
Google Tag Manager: Getting Started with Basic Analytics Tracking
Topics: Analytics
We just enabled our website, www.bigdaylight.com, to work together with Google’s (fantastic) new Tag Manager tool. I’m a big fan of screenshots and step-by-step How Tos, so here’s how we worked through the initial process. This first tutorial is focused on SIMPLE BASICS – just getting Tag Manager integrated with Google Analytics tracking.
1. Pick Your Google Account/Email Address
Be sure to choose a Google Account/ Email Address that YOU control to use as the primary account user. If you’re an agency, don’t set up an account on behalf of your client inside your own account. Instead, help the client create their own account, to which they can then add your email as a user. Google’s official documentation about Users and Permissions, and Setup and Containers, has more information.
In our case, we went ahead and used the same email address for Google Tag Manager that we use to manage our own Google Analytics account for Big Daylight and FINE Design Group.
2. Create an Account
Click “Sign Up Now” from the Tag Manager home page, and you should come this screen. Enter in the name of your company. Don’t worry – you can always change this later, but we recommend naming this something to reflect the main owner/parent company.
Our account, FINE Design Group, can then contain containers for our own websites (www.finedesigngroup.com, www.bigdaylight.com, and others).
3. Create a Container
We’re first creating a container for Big Daylight (www.bigdaylight.com). After initial setup, we can also add additional container for FINE Design Group.
3. Copy and paste your code
Next, just copy and paste the code and forward to your webdev to load to the site. Don’t forget, this goes right after the opening <body> tag, and needs to be on every single page of your site.
4. Complete Account Setup
Once basic setup is complete, your homepage should look something like this. When additional FINE clients start to use tag manager and add us as users, we will also see them under our list of accounts.
5. Review Your Containers
We already created a container for www.bigdaylight.com, but now we should also create one for www.finedesigngroup.com.
Because FINE also has a blog on the subdomain, you can see we are adding two domains to the container. Each container contains all the relevant tags for either a single domain, or multiple domains that utilize sub or cross-domain tracking between them.
6. Set up a Google Analytics Tag
Go in to the correct container you’d like to edit, and click create a new tag:
Here’s where we’ll set up the Google Analytics Tag:
- We named it “Big Daylight Google Analytics”
- Tag type is “Google Analytics
- We entered in our UA # (UA-########) under the Web Property ID
- The tracking type is Page View
7. Set up a Rule for the Google Analytics Tag
Now we have to set up a rule to make sure that the tag fires on every page:
In this case, all you need to do is just check the box so the tag does exactly that! Obviously, we want all pages to record visits in Google Analytics.
8. Testing 123
Google Tag manager has a Previewing and Debugging tool to help you make sure everything is working correctly before you publish. You have to go into Versions to check this out. Essentially what we want to do is Save and PREVIEW (not publish) this version:
Go ahead and click on the domain name to view a preview of your site:
And voila. IS THIS COOL OR WHAT? You can preview pages to make sure that the tags are correctly firing. And for bigdaylight.com, it looks like everything is working just fine:
After you have successfully previewed and debugged, go ahead and publish the latest version of your tags. We’ll also need to inform our developers to remove the old Google Tracking code, since we don’t want code loading two times on our website. That’s it! Stay tuned for additional posts and how-tos about other aspects of this tool.
Written by Sarah Mackenzie
Your link to tag manger is broken
Posted by JakeSEO, November 9, 2012
How about a walk through on how to tag a link? For example, I have a link in top navigation that looks like this:
Publications
Using Tag Manager, can I create rules/macros that will work with the pre-existing info? If not, what would a link look like and how would I then set it up in Tag Manager?
Posted by Trevor Beck, November 13, 2012
Hi Trevor,
Can you help me understand what you’re trying to “track” on the link? Normally there isn’t much need to append custom tracking code on internal links, such a link in your main website navigation…? Or is this link pointing to an external page?
Posted by Sarah, November 13, 2012
Hi Sarah,
Just want to say a massive thank you as Google’s information on how to Preview/Publish is rubbish and yours is perfect – very clear and easy to understand. You’ve really helped me out. Cheers!
Steve
@steviephil
Posted by Steve Morgan, December 5, 2012
Thank YOU Steve for your kind comments – positive feedback is what keeps us blogging. Oh yeah, and I only learned all this myself through massive trial and error.
Posted by Sarah, December 5, 2012
Hi,
Is it possible to add events at the container level for existing element ids without having to modify the existing code base ?
For example, if I have the following code
[code]
Sign Up
[/code]
Can I just add an event handler at the container level for the button id or do I have to modify the existing live code to attach an onclick event to the button ?
thanks
alan
Posted by Alan, January 16, 2013
Really helpful walkthrough, don’t forget to check the “Add Display Advertiser Support” box to make sure that you are good to go on the GDN if you’re interested in retargeting!
Posted by Brian Swanick, February 28, 2013