How Do I Integrate Google Tag Manager With Unbounce?

Follow

Google Tag Manager is a tool that allows you to quickly and easily adjust tracking and marketing automation scripts for your pages from one centralized place. For more info on Google Tag Manager check out Google's documentation here.


Using the Unbounce/GTM Native Integration

Unbounce has an easy way to add the GTM code snippets to your page. Simply head to script manager and add a new script. Select "Google Tag Manager" from the dropdown menu and add your container ID:

gtm_screenshot.jpg

The native integration via Script Manager will automatically place the GTM code on your pages. This will not automatically send the form submission event to GTM, but will allow you to set up a listener within GTM to capture the form submit data layer.  

NOTE

Unbounce forms are submitted via an AJAX POST request, which makes it difficult to capture the form submission event when not using our native GTM integration. 


Manually Setting Up Your Google Tag Manager On A Page

Check out Setup and Workflow for help getting started with Google Tag Manager.

When you set up your container (group with similar tags), you'll be given a unique code snippet:

gtm.png

Paste the snippet onto your landing page via the Javascripts tab in the bottom left of the Page Builder (set the placement to 'After Body Tag').  If you're using the Unbounce Form Confirmation Dialog, you'll want to add it there also.

Next, republish your page so that the changes take effect.

Now you can control the tags included on your landing pages from Google Tag Manager!

If you want a little help with Google Tag Manager, check out Tag Manager Help below:

Google Tag Manager Help Centre


About_The_Author.png

9 out of 31 found this helpful