How do you set up Google Tag Manager for your website?
Tips 'n tricks about the web, digital trends, and online marketing
Google Tag Manager (GTM) is a powerful tool that allows you to easily manage various tracking codes (also known as 'tags') on your website. Whether you want to set up Google Analytics, measure conversions or add remarketing tags, GTM makes it all easier. In this tutorial, we explain step by step how to set up Google Tag Manager for your website and manage your marketing and analytics tools more efficiently.
What is Google Tag Manager?
Before we get started, it is important to understand exactly what Google Tag Manager does. It is a tag management system that allows you to add and update JavaScript and HTML tags without having to dive directly into your website's code. This means you can implement new tracking code quickly, without depending on a developer. GTM thus helps you save time and effort, while keeping control over the analysis and optimisation of your website.
Step 1: Create a Google Tag Manager account
The first thing you need is a Google Tag Manager account. Follow these simple steps to create one:
- Go to the Google Tag Manager website.
- Log in with your Google account or create one if you don't already have one.
- Click Create Account and enter the name of your company or website.
- Next, enter the name of your container. A container is simply the place where all your tags are kept.
- Usually, you give this the same name as your website.
- Choose Web as the platform for which you want to set up GTM (other options include apps).
- Click Create and agree to the terms of use.
Now your account and container have been created, and you can proceed with adding GTM to your website.
Step 2: adding Google Tag Manager to your website
To use Google Tag Manager, you need to place the GTM code on your website. To do so, follow these steps:
Once you have created your container, you will see two pieces of code: one that you put in the <head> of your website should be posted, and another one just after the opening of the <body> should be added.
Copy both codes and paste them in the right place in your website's HTML. This can be done manually via your website's code editor, or via your content management system (CMS) such as WordPress.
Don't have experience editing HTML? No worries. Most CMSs have plug-ins or modules to easily add GTM, such as Google Tag Manager for WordPress.
Step 3: Adding tags in Google Tag Manager
Now that GTM is on your website, you can start adding tags. A tag is a piece of code that activates, for example, Google Analytics, Facebook Pixel or other tools. Here's how to add a tag:
- Log in to your Google Tag Manager account.
- Click Tags in the menu on the left.
- Click New tag to add a new tag.
- Give your tag a name and click Tag configuration.
- Choose one of the many built-in templates, such as Google Analytics: Universal Analytics, or choose Custom HTML if you want to add a different tracking code.
- Configure the tag by choosing the appropriate settings, for example the tracking ID from Google Analytics.
- Then click Triggering and select when you want the tag to be triggered, such as All pages if you want to load the tag on every page of your website.
- Then click Save, and your first tag is set!
Step 4: Setting triggers
Triggers determine when a tag is activated. This could be when a user visits a particular page, fills in a form or clicks a button, for example. To set a trigger:
- Go to Triggers in the left menu of Google Tag Manager.
Click New trigger. - Give your trigger a name and choose a trigger type, such as Page Visit, Click or Form Fills.
- Set the conditions when this trigger should be activated, e.g. when a certain URL is visited.
- Click Save to complete your trigger.
Your trigger is now ready to be attached to a tag. Triggers help you track specific user actions and further refine your analytics.
Step 5: Testing your settings with preview mode
Before you put your changes live, it is important to test them first. GTM has a handy preview mode that lets you check if your tags and triggers are working correctly. Follow these steps:
Step 6: Publishing your container
Once you are happy with your settings and everything works well, it's time to put your changes live.
- Click the Submit button at the top right of the Google Tag Manager dashboard.
- Name your publication and describe what you have changed, if any.
- Click Publish.
Your Google Tag Manager settings are now live, and the tags and triggers you created are now activated on your website.
Step 7: Managing and updating tags
One of the biggest advantages of Google Tag Manager is that you can easily add new tags or update existing ones without having to dive into your website's code every time. For each new tracking tool or campaign, all you have to do is create a new tag and publish it via GTM.
Conclusion
Google Tag Manager is an indispensable tool for any website owner who wants control over their tracking codes without the help of a developer. It allows you to manage and test tags quickly and easily, which can greatly streamline your marketing and analytics processes. By following the steps in this tutorial, you will have GTM up and running within minutes and be ready to accurately measure and optimise your website performance.
With Google Tag Manager, you are better equipped to gather valuable insights and refine your online strategy-and that without any hassle!
Is steam coming out of your ears after reading this tutorial? Feel free to contact us and we are happy to arrange it for you!
👉 Heb je een leuk software idee?
Blijf er niet mee rondlopen! Vertel ons wat je zoekt.
Wij vertellen je direct wat het kost, hoe lang het duurt en hoe we het aanpakken. Duidelijk en zonder kleine lettertjes.
👋 Vrijblijvende even kennismaken?
Send an email, or schedule an appointment right away!
What our partners say
Emmanuel Verraes
Wout is very hands-on and service-minded! I have been recommended Funkhaus by another customer and I - on turn - highly recommend their services!
David Demuynck
The collaboration with Funkhaus was perfect. They managed to build a beautiful website that fully meets our objectives. We highly recommend Funkhaus' services!
Jakster Fransiscus
Excellent advice for my new website! Very professional and focused tips. Highly recommended!
Kylie Mineo
Fantastic website builder with a lot of experience! It was very smooth cooperation and you can't ask anything too much of Wout to get everything to your liking. Highly recommended!
’t Anderhoes
Zeer goede en betrouwbare firma. Heeft noodzakelijke aanpassingen van websites goed en snel uitgevoerd.
Annelies Belsack
In our collaboration with Funkhaus, we took care of UNICHIR vzw's website.
Funkhaus was responsible for the web strategy and design, inspired by the new UNICHIR logo. They then technically elaborated this design into the brand new website.
DSC was responsible for the fundraising strategy and content.
They provided us with a handy custom WordPress template, allowing us to easily add content on the website ourselves. The template works very easily.
The job was completed to perfection. Their approach was structured and smooth.
Funkhaus is also very accessible for additional questions and goes that extra mile for its customers.
Your project is definitely in good hands with Funkhaus!
We are satisfied with the approach, the follow-up and, of course, the final result.
Thank you, Wout and the Funkhaus team, and we look forward to seeing you on the next project.
Tibor R. B. Bassez
We have been satisfied customers of Wout and his team for many years. Besides updating our website every week, he also keeps his finger on the pulse for the latest developments in ICT land.
Patrick Dewitte
Funkhaus is a fantastic communications agency! Smooth and fast communication, very professional approach.
Our website is all back on point.
The social media campaign is running at full speed and is already bearing fruit, top!
And on top of that, Wout is a top guy to work with.
Patrick Dewitte
theswimmingpond.be
Charlotte Lambrecht - Charlie's Fit Studio
Would you like to have a top website/logo developed?
Then you've come to the right place at Funkhaus!
What I myself find hugely important in a collaboration is good communication. Wout was always very quick in answering my questions and looking for solutions. Everything was always discussed in consultation and there was room for brainstorming and creativity. If something didn't feel 100% right, Wout provided several alternatives until the feeling was completely right. It was also an absolute bonus to receive such positive support as a start-up.
A very nice collaboration resulting in a top website. Go check it out at www.charliesfitstudio.be
Yves Van Pelt
Our website was created by Funkhaus. Wonderful result and overall more than satisfied with the approach, listening to our wishes, fresh whole and above all a good working product. Thanks for everything Wout. We can only recommend you.
