Web Tracking: Implementing GA4 via Google Tag Manager

Where to Add the Script in Trifft

Navigate to: Settings → Touchpoints → Client Zone → Settings tab → Custom Header Code

Custom Header Code: “Add custom HTML code to the header of the client zone. This is useful for embedding scripts such as Google Tag Manager (GTM), Intercom, or other third-party tools.”

Steps:

1. Enable Custom Header Code
2. Paste your script
3. Click Save (top-right corner)

Prerequisites

Recommended Approach

Use GTM (recommended) and configure GA4 inside GTM.

Why:

• cleaner governance (tags, triggers, versions)
• easier debugging (Preview/Tag Assistant)
• avoids duplicate tracking if multiple scripts are added later

Step 1 — Get Your IDs

1.1 GA4 Measurement ID

In GA4:

1. Go to Admin
2. Data streams → Web
3. Copy Measurement ID (format: G-XXXXXXXXXX)

Example: G-PSW1MY7HB4

1.2 GTM Container ID

In GTM:

1. Open your Web container
2. Copy Container ID (format: GTM-XXXXXXX)

Example: GTM-ABCDE12

Step 2 — Configure GA4 in GTM

In GTM:

1. Go to Tags → New
2. Tag Configuration: select Google tag (GA4)
3. Set Measurement ID to your GA4 ID: {GA4_MEASUREMENT_ID}
4. Triggering: select All Pages
5. Save
6. Submit / Publish the container

Step 3 — Add GTM to Trifft Client Zone (Custom Header Code)

In Trifft: Settings → Touchpoints → Client Zone → Settings tab → Custom Header Code

Paste this snippet and replace {GTM_CONTAINER_ID}:

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'TAG_ID');
  </script>

Testing / Verification

1) GTM Preview (Tag Assistant)

1. In GTM click Preview
2. Open the Client Zone URL in the same browser session
3. Confirm:
   • GTM is loaded
   • Your Google tag (GA4) fires on All Pages
   • No errors are shown in the preview

2) GA4 DebugView

1. In GA4 go to Admin → DebugView
2. With GTM Preview active, refresh the Client Zone page
3. You should see events arriving (at minimum page_view)

3) GA4 Realtime

1. Open Realtime in GA4
2. Visit the Client Zone
3. Confirm active users/events

Common Pitfalls / Troubleshooting