How can I integrate Google Tag Manager (GTM) with SMOC flows and landing pages?
Category: Frontend Guides
To integrate Google Tag Manager (GTM) with your SMOC flow (and pages using the same theme settings), follow these steps:
Prerequisites:
- Create your flow in SMOC Studio.
- Set up a GTM container in Google Tag Manager.
- Have your GTM snippets ready (container ID format: GTM-XXXXXXX).
Steps to Add GTM:
- Open your flow in SMOC Studio.
- Go to Settings.
- Open Head Tags (or Custom Head Tags).
- Paste your GTM <script> snippet (and <noscript> iframe if needed) into HTML Head Tags.
- Click Publish to push the changes live.
Important:
SMOC currently uses a Head Tags HTML field, not a dedicated “GTM CODE” input.
So instead of entering only GTM-XXXXXX, you should paste the full GTM code snippet(s).
Result:
Your published flow/page will include the GTM code in the page head, so tags, analytics, and pixels configured in GTM can run.