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. It will send a custom event to GTM when a visitor submits your form.

Inside GTM you should use Custom Event triggers (for the `gtm.formSubmit` event) instead of Form Submission triggers, to avoid your tag firing twice.

Here are step by step instructions on how to set up your Custom Event triggers properly in GTM: 

  1. Follow Google's instructions on how to set up custom event triggers
  2. When you reach the Trigger Configuration step, enter the following information:
    1. For Trigger Type, select Custom Event.
    2. For Event Name, use gtm.formSubmit.
    3. Leave Use regex matching unchecked. 
    4. For This Trigger Fires On, select which option suits your needs.

 

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

  1. Following Google's documentation on setting up and installing the container on web pages, copy and paste the code snippets onto your landing page's Javascript tab (or Form Confirmation Dialog) as instructed in the Install Tag Manager box. 
  2. 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 

Note

Looking for instruction on using gtag.js? Unbounce doesn't have a built in integration for Google's global site tag. You can learn how to build your gtag.js script here: Add gtag.js to your site. Then you can add the script to your landing pages using the Javascript console in the Unbounce page builder.


Was this article helpful?
48 out of 101 found this helpful