Has anyone found a solution for the issue with the GTM code getting wrapped inside a <noscript> tag in Webflow?

Published on
September 22, 2023

When using Webflow, some users have encountered the issue where the Google Tag Manager (GTM) code gets wrapped inside a <noscript> tag. This issue can be resolved by following these steps:

  1. Open the project in Webflow Designer and go to the project settings by clicking on the gear icon in the left-hand sidebar.
  2. Under the Hosting tab, you will find the "Head Code" and "Body Code" fields.
  3. By default, Webflow wraps the GTM code inside a <noscript> tag in the Body Code field. To prevent this from happening, you need to move the GTM code to the Head Code field.

Here's how to do it:

  • Copy the GTM code snippet provided by Google Tag Manager from your GTM account.
  • Go to the project settings in Webflow Designer.
  • Paste the GTM code inside the "Head Code" field.
  • Remove the GTM code from the "Body Code" field.

By placing the GTM code in the "Head Code" field, it will be included in the <head> section of your website and won't be wrapped inside a <noscript> tag.

This solution ensures that the GTM code is placed correctly within your Webflow project and resolves the issue of the code being wrapped inside a <noscript> tag.

Additional Tips:

  • Remember to publish your project for the changes to take effect on your live website.
  • Double-check your GTM setup to ensure it is working properly after making these changes.

Additional Questions:

  1. How to resolve the issue of GTM code being wrapped in a <noscript> tag in Webflow?
  2. What steps should I follow to prevent the GTM code from being wrapped inside a <noscript> tag in Webflow?
  3. Is there a way to place the GTM code correctly in Webflow without the <noscript> tag?