Want to know how to add Google Tag Manager code to your Unbounce landing page in under 7 minutes?
Keep reading this post or just watch the video below:
And if you haven’t created a landing page in Unbounce yet, check out this post where I build out a 52.68% conversion rate landing page from scratch.
There are 2 ways you can add the Google Tag Manager code to your Unbounce pages.
The first is the way we’ve always been doing it – manually going to every page and adding the code there.
But the 2nd is a way we haven’t looked at before and it’s actually a time saver.
Let’s take a look at both of these methods.
Method 1: Adding the code to every page at once
If you want to add the Google Tag Manager code to all of your Unbounce pages belonging to a specific domain at once, this is the way to go.
You have to click on “Scripts” in the bottom-left of your Unbounce dashboard and then add a new script.
There is an existing integration between Unbounce and Google Tag Manager, so simply select Google Tag Manager from the dropdown, and enter your Google Tag Manager container ID here.
To find your Google Tag Manager container ID tracking ID, click on “Admin” in your Tag Manager account, and copy the container ID you see on the right-hand side.
All you have to do now is paste this ID back into Unbounce where it asks for the Google Tag Manager container ID.
Click next and normally you would have to fill in some blanks, but because there is an existing integration between Google Tag Manager and Unbounce, there isn’t much you have to do here.
Edit the name of your script at the top if you want to, make sure the ID is correct, and then select your domain.
You do need a custom domain inside of Unbounce for this to work, so if you haven’t added your domain yet, check out this video:
When you select the domain and save, Unbounce will add this Google Tag Manager code to EVERY page belonging to this domain.
Make sure everything looks good and click on “Save”.
Give it a minute or two to save and that’s it! You have now added this Google Tag Manager code to every page belonging to a specific domain in Unbounce.
You can visit the page and double check that by viewing the source code of the page and looking for your Tag Manager ID – it should be there.
You can also check your work by going into your Google Tag Manager account and selecting “Preview” mode at the top-right.
You would then open your page, refresh it, and make sure that you see a little box show up at the bottom of the page. It probably won’t have anything inside, but as long as the box shows up, you know that you set up your Google Tag Manager correctly.
Onto the next method!
Method 2: Adding the code to every page individually
If you want to add the code manually and individually to each page in Unbounce, we can do that too.
This method is better if there is only a page or two where you want to add the code to.
You would repeat the process for every single page you want to add the code to.
You can find the code by clicking on “Admin” in your Google Tag Manager account and selecting the “Install Tag Manager” option.
You will see 2 pieces of code here, so take both of them and add them both to your Unbounce page(s) manually.
You can double check that you did this correctly the exact same way as you checked the first method.
Save and publish your page, then open it and view page source to see if the Google Tag Manager container ID is there on the page.
If it is, great! You know you added the code successfully.
For Google Tag Manager it’s not as important, but for other codes which involve events, like for the Facebook or Google Ads pixels, you might have to use both of these options, method 1 and method 2.
So stay tuned as we go over these topics in the next videos, but this is how you add the Google Tag Manager code to your Unbounce landing pages!
And that’s it!
👉 My Unbounce playlist so you can find every important piece you need
👉 Check out my courses!
👉 Like my Facebook page!
Thanks for watching, and I’ll see you in the next video!