You can implement Google Tag Manager for your help center.
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."
Implementing Google Tag Manager
Sign up for Google Tag Manager
First, you need to sign up for a free Google Tag Manager account.
- Sign up for Google Tag Manager for free.
- Set up a new account.
Be sure to select Web as Where to use the container.
- 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.
- In Guide, click the Customize design icon () in the sidebar, then click Edit theme.
- Paste the first snippet in the Document Head (document_head.hbs) template.
- Paste the second snippet in the Header (header.hbs) template.
- 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.
- 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.
- 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.
- Once you have your new tag, click Submit on your Workspace.
- 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.
- Go back to Guide and refresh the preview of your help center.
- See the alert that you built in your Custom HTML tag.
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.
@... maybe a little late but I came across this clear video: https://www.youtube.com/watch?v=tKq_GEGnK2o Maybe it helps
Just wanted to share for everyone that I checked and Geerten's link does, in fact, go to a relevant video. It's safe to click. :)
Are these instructions up to date? At the first steps it says, click Edit Theme. I do not have that function. I have Customize link for the current live theme. If I click that, then my option is to Edit code. And then I have a document_head.hbs file. Is that the same thing as the Document Head template shown above?
Yes, pasting the GTM script in document.head.hbs should do the trick. You also need the header.hbs ofcourse... (like what the article advises).
Hey Nicole Saunders Ryan McGrew,
Could we please arrange for the screenshots within this article to be updated? They are displaying old versions of the Guide Theme editing window which might confuse people attempting to do this in the newer version of Guide theme UI.
Thanks in advance :)
These screenshots and instructions are still not updated.
These instructions are not up-to-date. I came from this article https://support.zendesk.com/hc/en-us/articles/4408828643098-Enabling-Google-Analytics-for-your-help-center as I am trying to implement Zendesk Chat tracking to GA4.
Thanks, Vidar. Our documentation team is looking into it.
Thanks for taking a look, please contact me once the guide is updated Nicole Saunders!
We implemented our ZenDesk chat with GTM to appear on all pages when we first launched our website. We now want to restrict the chat to appear on certain pages, which was easy to do by configuring triggers in GTM, but when a user leaves any of those pages the chat window disappears and we lose them. Is there a way to configure the chat to only start on certain pages, but stay with a customer as they navigate to other pages?
Please sign in to leave a comment.