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, cofounder of the Gemeos Webflow agency, shows you how to install Google Tag Manager on your Webflow website.
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 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.
Conclusion
With GTM installed, you can centralize all your tags without touching Webflow code. See also: add Google Analytics to Webflow.
Good to know
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
