Google Tag or Google Tag Manager for eCommerce

Published
April 14, 2024
To read
minutes
Category
Advanced
Written By
Jayant Rao

Streamline your Webflow data tracking with a seamless Google Tag Manager setup, enhancing analytics and ad performance.

Introduction

Google Tag Manager is a tool by Google that allows you to manage various tracking and analytics services that may be on your site.

Think about it this way, if Google Analytics and Facebook pixel are Light Bulbs, Google Tag Manager is the Light Switch.

Google Tag Manager, allows you to configure better how the analytics services installed on your site are engaged, essentially it allows you to determine what type of data you’d like to send to your Analytic service.

Example: Let’s say you read a book that says buttons that are colored blue get clicked more by users, so you decide to change a particular button on your site to blue and now you’d like to know when a user clicks that particular button on your page, well, Google Tag Manager can help you with that and also send the results to Google Analytics so that you can view the results.

In this guide, we’ll be teaching you how to set up Google Tag Manager

Step 1: Go to Google Tag Manager

  • Once you’ve signed into the site, if you already have Google Analytics installed on your site you should see a tab called Google Tags, click the website you want.
  • If you’re having trouble determining the site you want then simply look for the one that has the same Tag ID as your Webflow Websites Google Analytics Measurement ID.

Step 2: Create an account:

  • In this phase on the tag manager home page you’ll see a tab called Accounts, click it and at then you’ll see the option to create an account
  • Once you’ve created an account be careful not to close the pop-up that shows on the screen without first copying both code snippets

Step 3: Pasting Code Snippets

  • Paste the first code snippet into the Head Code of your site. You can find the Head Code of your site by going to the site settings and then clicking on the custom code tab
  • Add an embed to your home page and ensure that it is the first thing that comes after the Body of the page, follow this same practice for any other page(s) on which you put the embed (you can accomplish this by checking the Webflow Navigator and dragging it to the top.) Now that that is taken care of paste the second code snippet into the embed. Please note that It is advisable to turn the embed into a component.

Step 4: Publish your site

  • Click the publish button

Please note that if you’d like to add more tags you can do so on Google Tag Manager.

Conclusion

Having analytics on your site is a very useful thing, however it does sometime get difficult to manage the various tags that may be on your site, but with Google Tag Manager, it’s made a bit easier.

Looking for a webflow expert?

Just like you, we are also looking for partners who would like to work with us. We want to be your team, part of your team and much more. Take that leap and fill in this form or email us.

Book A Free Call

Download our Free WebFlow Checklist

If you are curious about the checklist we follow for all our WebFlow projects, look no further - we have packed it for you in a comprehensive document. All you have to do is Duplicate it into your Notion Profile and start using it for your current or any upcoming projects.

✓ Kick-Off Checklist

✓ Pre-Launch Checklist

✓ Post-Launch Checklist

Thank you!
Check your inbox for the link.
Oops! Something went wrong while submitting the form.