Integrating Google Tag Manager with Google Analytics

[Discourse]

This guide will help you set up Google Tag Manager and use it with Google Analytics on your Discourse site. Additionally, it covers configuring variables, triggers, and tags in Google Tag Manager to track page views.

This guide covers setting up Google Tag Manager. If you only want to enable Google Analytics for your site, set the G-Tag in the ga universal tracking code site setting. Our settings may still refer to all analytics as universal, but this is a legacy field naming artifact. The following instructions use, and work for, Google Tags.

Required user level: Administrator

Integrating Google Tag Manager (GTM) with Google Analytics (GA) allows you to manage and track events on your Discourse site effectively. This guide covers the full setup process, from creating a GA account to configuring GTM with the necessary tags and triggers.

Summary

1. Create a Google Analytics account and property.
2. Set up Google Tag Manager.
3. Configure GTM variables, triggers, and tags.
4. Integrate GTM with your Discourse site.

Create a Google Analytics account

1. Visit Google Analytics and sign in with your Google account.

2. If you don’t have an account yet, follow the guided steps to create one.

3. Create a property by clicking on “Admin” and then “Create Property”.
   

   

4. Fill in the required details on the “Property creation” screen.
   

   

5. Enter your business details on the next screen.
   

   

6. Select your business objectives appropriately.

Info: Selecting the four sections will most closely match the reports Analytics has typically provided:

7. Choose “Web” as the platform for data collection.

8. Set up a data stream by entering your site’s URL and a stream name.
   
   

After successfully creating your web stream, make a note of your Measurement ID. You’ll need this for GTM setup.

Set up Google Tag Manager

1. Visit Google Tag Manager and create an account.
2. Set up a container by following the guided steps, and choose “Web” as the platform.
   
   

Configure GTM

Variables

1. Go to the “Variables” tab in GTM and click “New” in the User-Defined Variables section.
2. Create two Data Layer Variables:

• Title: DL-page-title
  Type: Data Layer Variable
  Data Layer Variable Name: page.title
  Data Layer Version: 2

• Title: DL-page-url
  Type: Data Layer Variable
  Data Layer Variable Name: page.url
  Data Layer Version: 2

As an example, choose the variable type:

Then configure the variables, as in this example:

Triggers

1. Go to the “Triggers” tab and click “New”.

2. Choose “Custom Event” as the type.

   

3. Name the trigger virtualPageView and Save it.

   The end result should look like this:
   

   

Tags

1. Go to the “Tags” tab and create a new tag.

2. Choose Google Analytics: Google Tag as the tag type.
   

   

3. Configure the tag with the following details:

• Measurement ID: Enter your Measurement ID from GA.
• Required Fields to Set:
  • title: {{DL-page-title}}
  • page: {{DL-page-url}}
  • send_page_view: true
  • page_path: {{Page Path}}

When finished it should look like this (note that you can add a userID parameter in addition to the parameters above, but you will need to add an additional variable like DL-page-url.):

4. Choose the virtualPageView trigger for this tag.
   
   
5. Name your tag and Save it.

Publish your GTM workspace

Publish your container in GTM by clicking the blue “Submit” button in the upper-right corner of the page.

Important: If you encounter 404 errors from googletagmanager.com, ensure your GTM container changes have been published.

Integrate GTM with Discourse

1. Go to your Discourse Admin settings and search for gtm container id.
2. Enter your GTM Container ID (format: GTM-XXXXXX) in the corresponding field.
   
   

Note: Remove any existing Analytics tracking code from the ga universal tracking code and ga tracking code settings in Discourse.

Reload your site and check the Real-Time content view in GA to confirm that data is flowing through GTM.

Additional Uses

With GTM, you can add more tags to track additional events such as:

• Google DFP
• AdWords
• LinkedIn

Related Links

• Using nonces in Google Tag Manager scripts
• Push custom events to Google Tag Manager and Analytics
• How to add Google Auto Ads to Discourse via Google Tag Manager

Last edited by @jessii 2024-08-03T01:04:37Z

Check document

Perform check on document:

[MarkDoerr]

As noted, the GA4 Configuration tag has been removed and you’ll now choose the Google Tag. The setup steps remain the same, but I have updated the documentation.

For anyone who had previously setup the GA4 tag, it should’ve been updated automatically and require no changes on your end.

[Stefan_Holmes]

Worth mentioning this is not an optimal setup in terms of current GA4/ GTM best practices and the step #2 in the Triggers section seems to be incorrect.

Instead of a Page View trigger, this should be a Custom Event trigger with the name virtualPageView.

cookieDomain = auto seems to be a holdover from Universal Analytics and isn’t needed. GA4 automatically deals with subdomain navigation.

Another best practise is to have the Google Tag fire on Initialization, have send_page_view set to false and instead have a separate GA4 Event tag for page_view

When we implemented we also added an override for page_location with the full URL of the site + virtual page path. This will populate standard GA4 reports correctly.

[MarkDoerr]

Hi Stefan,

Thanks for these notes.

I’ve updated step #2 of the Triggers section as I already had screenshots to match, and we’ll get the rest of this updated as soon as possible.

[luigi7up (Luka)]

Description:

I’m facing an issue with Google Tag Manager (GTM) on my Discourse forum. Let me explain my setup and the problem in detail:

1. GTM Setup:

• I have set up a Google Tag Manager container (ID: GTM-…MZV).

• For testing purposes, I’ve added a Google Analytics 4 tag in GTM, configured to fire on all pages during initialization.

• I haven’t added any complex triggers, user layer, or data layer. It’s just a basic configuration to verify GTM is working.

2. GTM Integration with Discourse:

• In my Discourse forum, I’ve configured GTM by entering the container ID (GTM-W…MZV) in the Admin settings.

• When I inspect my website, I can see that:

• The GTM script (https://www.googletagmanager.com/gtm.js?id=GTM-W...MZV) is being loaded in the section.

• There are no errors in the browser console or the Network tab related to GTM or gtm.js.

3. The Problem:

• After publishing my GTM container, I went to Preview Mode in Google Tag Manager and entered my website URL (https://forum.hobiguru.com).

• However, the GTM Preview Debugger says that no GTM tag was found on my site.

• Despite gtm.js loading and no visible errors, the debugger is not recognizing the GTM setup.

Screenshots:

• Screenshot 1: GTM container setup in Google Tag Manager (showing the GA4 tag and triggers).

• Screenshot 2: Discourse Admin settings showing the GTM container ID (GTM-W…MZV) configured.

• Screenshot 3: Browser Developer Tools showing that the gtm.js library is successfully loaded on my website.

• Screenshot 4: GTM Preview Mode showing the error message: No GTM tag found on your website.

What I’ve Tried So Far:

• Confirmed that gtm.js is loading in the Network tab.

• Checked the browser console for any Content Security Policy (CSP) or other JavaScript errors.

• Cleared the cache on my site and browser to ensure there’s no caching issue.

• Re-published the GTM container to ensure it’s updated.

Request:

Can anyone help me understand why GTM Preview Mode isn’t detecting my GTM setup, even though the gtm.js script is loading correctly? Is there something I’m missing in the setup or integration process?