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.