Whitelist Editor from being tracked by GA.

How to Add the Webflow Whitelisting Tool for GA Tracking Prevention

‍

Step#1

Add the Script to Site Settings in Webflow

Integrating our White Listing tool into your website is simple! Follow these steps to get started:

1. In the Webflow dashboard, go to Project Settings.
2. Click on the Custom Code tab.
3. Scroll down to the Head Code section under Site-wide Custom Code.
4. Paste the script in this section.

‍

‍

Step#2

Customize the Script

After adding the script to your Webflow site, you will need to customize the Google Analytics Measurement ID to match your own GA property.

1. Replace the placeholder 'MEASUREMENT-ID' with your own Google Analytics Measurement ID in the following code snippet.

‍

Step#3

Testing your site

1. Inspect your page while in designer/editor:
   
   • Test the functionality by entering Webflow's Editor or Designer mode.
   • Verify that Google Analytics is disabled when in these modes by checking your browser’s developer console (you should see the log: "Google Analytics disabled for Webflow Editor/Designer mode.").
   • Once confirmed, the changes will take effect across your entire site
2. Real-Time Google Analytics Testing:
   • Open your site in Webflow Editor or Designer mode.
   • Navigate to the Real-Time section in Google Analytics.
   • If the script is working, you should not see your session being recorded. If you see activity under Real-Time, the script might not be functioning correctly.

‍

By following these steps, you'll successfully implement the Whitelisting tool on your Webflow site.