Using Google Tag Manager with your Help Center

You can implement Google Tag Manager for your Help Center.

This article contains the following sections:

• About Google Tag Manager
• Implementing Google Tag Manager
• Next steps

About Google Tag Manager

According to Google, "Google Tag Manager is a tag management system that allows you to quickly and easily update tags and code snippets on your website or mobile app, such as those intended for traffic analysis and marketing optimization. You can add and update AdWords, Google Analytics, Firebase Analytics, Floodlight, and 3rd party or custom tags from the Tag Manager user interface instead of editing site code."

Much like Google Analytics it requires you to implement some JavaScript and HTML embed code in your Help Center. From there it’s able to dynamically embed code snippets into your site. The best part is that you manage it all from a the Google Tag Manager interface, rather than implementing custom code in your Help Center. Unlike the Google Analytics integration for Help Center, implementing Google Tag Manager requires only simple modifications to your theme templates in Zendesk Guide.

Implementing Google Tag Manager

Follow these steps in the following sections to implement Google Tag Manager for your Help Center:

• Sign up for Google Tag Manager
• Add the embed code to your Help Center
• Create your tag in Google Tag Manager
• View changes in your Help Center

Sign up for Google Tag Manager

First, you need to sign up for a free Google Tag Manager account.

1. Sign up for Google Tag Manager for free.
2. Set up a new account.

   Be sure to select Web as Where to use the container.

   

3. Once your new container is created, copy the two snippets of code to embed in your Help Center.

   

Add the embed code to your Help Center

Now you'll paste the embed code from Google Tag Manager into two templates in your Help Center theme.

1. In Guide, click the Customize design icon () in the sidebar, then click Edit theme.
2. Paste the first snippet in the Document Head template.

   

3. Paste the second snippet in the Header template.

   

4. Save your changes.

Create your tag in Google Tag Manager

From here you’ll need to create a tag to test out in your new container.

1. Select Add a New Tag in your workspace in Google Tag Manager.

   For the example here, we’ll just set up a new Custom HTML tag, but Google Tag Manager provides templates for a bunch of third party tags like AdWords, Google Analytics, Google Optimize and more.

   

2. Create a new Custom HTML tag with a simple script tag and an alert to verify that your changes are being brought into your Help Center and set it to trigger for All pages on page view.

   

   

3. Once you have your new tag, click Submit on your Workspace.

   

4. Select Publish and Create Version and give your container a new version name and description, then click Publish.

   

View changes in your Help Center

Now you can see the tag you built in your Help Center.

1. Go back to Guide and refresh the preview of your Help Center.
2. See the alert that you built in your Custom HTML tag.

   

Next steps

Now, you’ve configured a container and an example tag from Google Tag Manager and embedded it into your Help Center.

Google Tag Manager is an incredibly powerful tool for managing analytics and traffic performance tools. Google has put together a lot of resource on use and best practices with Google Tag Manager here.