Add

Lorem ipsum

Lorem ipsum

Tracking

3 min

How to Add Google Tag Manager to Webflow

Learn how to install Google Tag Manager on your Webflow website: head snippet, noscript, verification, and publishing.

In this tutorial, Sandro — co-founder of the Gemeos Webflow agency — shows you how to install Google Tag Manager on your Webflow website.

GTM snippetLocation in WebflowRequired
Main JavaScript codeProject Settings > Custom Code > HeadYes
Noscript codeProject Settings > Custom Code > Body (top)Recommended

1. Create your GTM container

On tagmanager.google.com, create a new Web container. Note your GTM ID (format GTM-XXXXXXX).

2. Install the snippet in Webflow

In Project Settings > Custom Code, paste the GTM JavaScript snippet into the Head Code field. Paste the noscript snippet into the Footer Code field (it goes right after the opening body tag). Save and publish.

3. Check the installation

In GTM, click Preview. Open your website in the tab that opens. The GTM Tag Assistant tool should appear at the bottom and confirm the connection.

4. Publish your GTM container

Once your tags are set up (GA4, Meta Pixel, etc.), click Submit in GTM to publish the container. Without publishing GTM, no tags will fire on the live site.

Good to know

GTM has two separate publishing steps: (1) install the snippet in Webflow (once), (2) publish the GTM container every time you change tags. A lot of tracking issues come from a GTM container that hasn’t been published after adding a new tag. Always check that your container is marked as 'Live' in GTM.

Conclusion

With GTM installed, you can centralize all your tags without touching Webflow code. Next up: add Google Analytics to Webflow.

Published on

You might be interested in these tutorials

Similar tutorials

Let’s f*****G GO !!

Ready to launch
Your business?

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

You'll :heart: our collaboration...