Thanks!
Setup and installation
Lessons in this chapter
About this lesson:
How to get google analytics setup for webflow.
Initial setup of Google Analytics gtag.js and Webflow.
Please be aware that you should not enter your Measurement ID in Webflow Site Settings > Integrations and copy/paste the tracking script in Site Settings > Custom Code. This will create double tracking on your website.
Set up in Google Analytics
We need a Google Analytics account to use gtag.js .
Go to Google Analytics (https://analytics.google.com/) and set up a new account. If you already have active Google Analytics instances and this url loads one of your instances, you can "Create Account" in Admin Settings to create a new Google Analytics instance.
The 'Account setup' page will allow you to name your account and choose the data sharing settings for the account. We are leaving all data sharing options checked. Fill in your account name and click next:
Next define 'Property details'. Above we defined 'gtag for Webflow Ecommerce' as our Account. Now we can add one or multiple properties inside of this account. We can use the name of our website as the property name. In this walkthrough, we'll use our "F'in Impossible Products" cloneable walkthrough as our property.
You will then be asked about some more information about your business. Make sure you check the relevant boxes for ecommerce. Click "Create" to create your new account:
Your setup interface will look like this for the first time. Click on the "Web"option to set up a web data stream to start collecting data:
Fill in your website url and your data stream name. We will leave the default selected Enchanced measurement options Google gives us. Then click "Create" stream button at the bottom
Your created stream is created. We are given instructions how to add our tracking code to our website.
The Measurement ID on the top right is your unique ID for your created instance of gtag.js.
Inside 'Tagging Instructions' click on 'Global Site Tag (gtag.js)'. This will expand in a dropdown and show you the script needed on your Webflow website.
Add to Webflow website
Copy and paste this code in the <head> of you Webflow Site. This code should be added in Site Settings so it's applied to every page on the website.</head>
Replace XXXXXX in your code with your google tracking id.