How To Connect Google Analytics To Webflow

Quick summary

This tutorial shows you how to connect Google Analytics to Webflow by creating a GA4 property, retrieving the Measurement ID, and pasting it into your Webflow project's Apps & Integrations settings. Once published, your Webflow site will begin collecting traffic data visible in the Google Analytics Dashboard.

Steps

1. Navigate to the Google Analytics page and click the Start measuring button to begin setup.
2. Enter a name for your account.
3. Scroll down and click Next to continue.
4. Enter a name and other details for your Google Analytics 4 property and click Next.
5. Describe your business and click Next.
6. Pick the best options for your use case and click Create.
7. Accept the terms by clicking I Accept to activate your GA account.
8. Select Web as the platform for your Webflow project.
9. Enter your project URL and a name for your analytics stream, then click Create & continue.
10. Review the Google tag setup options; to use the G-ID method for Webflow, close this window to find your ID.
11. Click on your stream listing to open its details.
12. Under Stream details, copy the Measurement ID.
13. Close the menu and click Next.
14. Click Continue to go to the GA Home screen, completing the Google Analytics setup.
15. Note that your analytics data will now begin to appear in this view.
16. Switch to Webflow and go to your Dashboard.
17. Locate your project and click the three dotted icon for more options.
18. Select Settings from the dropdown menu.
19. Go to the Apps & Integrations section from the left sidebar.
20. Find the Google Analytics section and the Measurement ID field beneath it.
21. Paste your Measurement ID into the field and click Save.
22. A pop-up will confirm your changes have been saved.
23. Publish your Webflow project to push all changes live and start collecting data in your Google Analytics Dashboard.