Setting up Google Analytics

 

This video was created prior to the launch of the features: gtag.js and IP anonymization.

Google Analytics includes powerful metrics like how many users and pageviews a site is getting, how long people are spending on the site, and how many of them are leaving the page without clicking other links (bounce rate). Google Analytics also allows you to see where the traffic to your site is coming from. You can even narrow these parameters down to the city.

 

For a lot of businesses, this helps to figure out where to invest the marketing dollars and it can even help measure the effectiveness of a particular marketing campaign.

In this lesson
  1. Adding Google Analytics to a project
  2. Tracking Google Analytics events for Ecommerce
  3. Enabling IP address Anonymization

Adding Google Analytics to a project

You can directly integrate Google Analytics into your Webflow project. Google Analytics settings are located on the Project settings → Integrations page.

Google Analytics settings
Project settings → integrations → google Analytics

Getting Google Analytics tracking ID

  1. Visit the Google Analytics admin page [↗]
  2. Login to your Google Account (create an account if you don’t have one)
  3. Fill out the relevant information for your project (e.g. site name, site address, etc)
  4. Press Get Tracking ID and Accept the Terms of Service
  5. Copy the Tracking ID to your clipboard
 

Pasting the tracking ID in your project settings

  1. Go to your Webflow dashboard and access the Google Analytics settings of your project
  2. Paste the ID into the Google Analytics Tracking ID field
  3. Save changes and publish
 

Testing the connection between your project and Google Analytics

To see if the integration is successful, go to the Real-Time tab and then Overview in Google Analytics. You should see yourself if you have your site open in a separate tab.

Need to know: Analytics data takes some time to gather. Insights might not be available until a day or so after they're collected.
Other resources

Tracking Google Analytics events for Ecommerce

If you've enabled Ecommerce for your project, you can track ecommerce-specific events like viewed product, added product to cart, and purchased product. Take the steps below, and Webflow will automatically pass those events over to Google Analytics.

  1. Enable using Google’s global site tag in your Google Analytics settings
To track Google Analytics events for ecommerce, use gtag.js.
Choose to use global site tag for Ecommerce event tracking.
  1. Enable ecommerce in your Google Analytics settings [↗]

Enabling IP address Anonymization

Enabling IP address anonymization masks addresses of your site visitors in Google Analytics. This allows you to meet requirements by data protection authorities in some countries. It also helps you respect your own privacy policies. You can enable IP anonymization in your Google Analytics settings section on the Project settings → Integrations page by toggling the IP address anonymization switch to "YES".

Enable IP anonymization in Google Analytics through Webflow to meet requirements by data protection authorities
Enable IP anonymization in Google Analytics to meet requirements by data protection authorities
Learn more