This guide provides step-by-step instructions to setup and add Google Tag manager to the customer facing pages of Flow.
Time required: Less than 10 minutes
User role: Administrator
Module: System Configuration
Overview
Google Tag Manager (GTM) allows you to add and manage tracking tags on your public-facing pages without requiring code changes. Once configured, you can deploy tools such as Google Analytics, heatmaps, and marketing pixels to monitor user activity and support digital marketing campaigns.
Before You Start
The following will need to be completed before setting up Google Tag Manager in Flow:
| Prerequisite | Details |
|---|---|
| ✅ Google Tag Manager account | Create a GTM account if you don't have one |
| ✅ GTM container ID | Format: GTM-XXXXXXX (found in your GTM workspace) |
| ✅ Administrator access | Required to modify system settings |
Steps
1. Locate Your GTM Container ID
- Sign in to Google Tag Manager
- Select your account and container
- Your container ID is displayed at the top of the workspace (e.g., GTM-1234ABC)
2. Add the Container ID to Flow
- Navigate to System Configuration > Settings > Manage Settings
- Search for: Customer facing Google Tag Manager container ID
- Enter your GTM container ID in the field. The field description states: "Enable Google Tag Manager by entering a valid container ID e.g. GTM-1234ABC":
- Save your changes
3. Test Your Tags Before Publishing
Important: Third-party tags may not work seamlessly in all scenarios. Always test new tags thoroughly using GTM's Preview mode before publishing to production.
- In Google Tag Manager, click Preview (top right of the workspace)
- Enter your website URL when prompted
- Browse your site to verify tags fire correctly
- Check the Tag Assistant panel to confirm expected behaviour
- Only click Submit in GTM once testing is complete
For detailed instructions, see Google's official guide: Preview and debug containers
Verified Integrations
The following tools have been tested and confirmed to work with Flow:
| Tool | Purpose |
|---|---|
| Google Analytics (GA4) | Website analytics and user behaviour tracking |
| Hotjar | Heatmaps, session recordings, and user feedback |
| Microsoft Clarity | Free heatmaps and session recordings |
| OneTrust Cookie Consent | Cookie consent management and compliance |
Other GTM-compatible tags may also work but should be tested thoroughly before deployment.
Cookie Consent Requirements
If you deploy tags that set cookies (such as analytics or marketing tags), you are responsible for implementing a cookie consent solution that complies with applicable privacy regulations (e.g., GDPR, CCPA).
You can deploy a consent management platform through Google Tag Manager, such as:
- Google Consent Mode
- OneTrust
- Cookiebot
Configure your tags to respect user consent preferences based on your chosen solution and the cookies your configuration requires.
Troubleshooting
Tags not appearing on my site? Verify the container ID is entered correctly and that you have published your GTM container (not just saved as a draft).
Preview mode not connecting? Try disabling browser extensions (especially ad blockers) or test in incognito/private browsing mode.
Seeing errors in Tag Assistant? Review the error details in Tag Assistant. Common issues include missing variables, incorrect trigger conditions, or blocked network requests.