Search
Close this search box.

3 Ways to Set Up ThriveCart Tracking (w GA4 & GTM)

Last Modified on February 28, 2024

Want to set up ThriveCart tracking?

ThriveCart is a shopping cart service that allows you to sell digital and physical products. It is the leading content and funnel builder that enables businesses to boost revenue with high-converting cart pages.

GTM For Beginners

Sign up to the FREE GTM for Beginners Course...

It is a cool solution for building checkout online, but you can still do more and get more and better data for your marketing campaigns on the tracking side.

Tracking your sales, inventory, and customer data is essential for a successful business. If you want to increase your sales and streamline your operations, proper ThriveCart tracking becomes even more important.

We’ll show you how to set up ThriveCart tracking with just a few tweaks. Track all your data in one easy-to-use system with Google Tag Manager and Google Analytics 4. 

Here’s an overview of what we’ll cover:

Let’s set up ThriveCart tracking!

Overview of ThriveCart

Before showing you three ways to enhance your data, let’s first look at some functionalities of ThriveCart.

When you log into ThriveCart, you’ll see your normal data near the top.

Data available in ThriveCart

Note that this is a test account, so there isn’t any revenue data yet. Here, you can only see how many people viewed and bought your product, and a bit of product analysis on sales.

However, when it comes to information on how people found out about your product and how they behaved on your website before they bought your product, you are left in the dark.

Here is when you need to install some tracking tools to get visibility on these data. 

How do I set up my ThriveCart tracking?

Normally, you do this under Products.

Going to the products section

We already have a product set up, along with an upsell and downsell.

If you want to install any tracking codes, go to the Edit section for the product.

Edit section of the product

Next, go to CheckoutTracking.

Tracking codes for the product

This is where you can set up the tracking services you want to integrate with or the custom tracking code you want to implement.

Among the tracking services, we have Facebook Analytics, Google Analytics, and VWO.

Tracking services available on ThriveCart

Technically, VWO is an A/B testing tool, so it’s not a tracking tool that can tell you data.

🚨 Note: Read our guide on Facebook Analytics vs Google Analytics to know their similarities, differences, strengths, and weaknesses.

For this tutorial, we’ll focus on how to set up ThriveCart tracking with Google Analytics 4.

With Google Analytics, we’ll be able to know where our users are coming from, their website behavior before purchase, and what they purchased.

There are currently two versions/generations of analytics: the new Google Analytics 4, and the previous Universal Analytics. If you created a Google Analytics account after October 14, 2020, and used the default settings, then you most likely have a GA4 property.

You might think that you could integrate GA tracking services regardless of which version you have. Unfortunately, GA4 is not yet supported according to the documentation.

GA4 being unsupported through native integration

If you have the UA version, only the property ID is needed to use the native integration. It has UA followed by a few numbers.

💡 Top Tip: We recommend migrating from UA to GA4 since UA properties will no longer process data starting July 1, 2023.

While it’s unfortunate that we’re unable to use the native integration, this implementation is limited. We can install it quickly, but it will not give us the best data possible. To do this, we need to customize the implementation.

The best way to customize any tracking tool on your website is through Google Tag Manager.

Here are the steps we need to take to set up ThriveCart tracking:

  1. Install Google Tag Manager on the website.
  2. Install Google Analytics 4 and connect it to GTM.
  3. Implement eCommerce tracking.

Set Up ThriveCart Tracking via GTM

Google Tag Manager gives you the same functionality as the ones available with the native integration, but it also opens up many other tracking possibilities.

With GTM, you have a central user interface that allows you to install different tagging tools like Google Analytics, Google Ads, and many more.

We love GTM here at MeasureSchool and recommend having it installed on the website of any client before we start any tracking. This is because the management of tracking codes is essential.

🚨 Note: This guide will not go into depth on how to install GTM on your website. Follow our guide on the Google Tag Manager Tutorial for Beginners for a step-by-step tutorial.

How do I add Google Tag Manager to ThriveCart and set up ThriveCart tracking? When you sign up to GTM, the first thing that will pop up is some codes you need to install.

Usually, there are two codes, but the first one is more important.

Code for installing GTM to the website

With ThriveCart, we can only install the first code, because even a customized implementation will be injected into the head section of your website code.

Copy this first code.

In the tracking section of ThriveCart, check the implementation for the Custom tracking code, then paste our GTM code in the All pages section.

Implementing GTM in ThriveCart

The great thing with Google Tag Manager is that you only need to install it once and then it will be installed on your pages.

Let’s try this out. Click on Save & Get URL.

Saving the custom GTM implementation

Go to Google Tag Manager, and Preview our implementation.

Previewing the implementation

Go to your website and copy the URL of your checkout page.

Copying the checkout page URL

Paste this URL to the Tag Assistant, then click Connect.

Connecting Tag Assitant to the checkout page

This will put your browser into a special mode where you can now see the interactions that you can pick up with the help of Google Tag Manager.

Let’s go back to the Tag Assistant. Here, we can see the events that GTM has recorded.

Events recorded by the Tag Assistant

If you also see that our content was initialized, then the container, DOM, and window loaded, then this is a sign that we’ve installed GTM properly. 

Now, we can install any tracking code that we want, like Google Analytics 4 or Meta Pixel.

GA4 Tracking Installation

The second step is to install Google Analytics 4.

Back in GTM, go to TagsNew.

Creating a new tag

Select Tag ConfigurationGoogle Analytics: GA4 Configuration.

🚨 Note: The GA4 configuration tag has been replaced with the new Google Tag.

Creating a GA4 configuration tag

Next, we’ll need to enter our measurement ID.

Head to your Google Analytics account, then go to AdminData Streams.

GA4 data streams

If you haven’t set up a data stream for your website yet, go to Add streamWeb.

Adding a web data stream

Next, enter your website URL, provide a name for your data stream, then click on Create stream.

New web data stream configuration

By default, the option to track enhanced measurement events will be enabled. You can turn them off at this point, but we recommend keeping them on.

Great! Since we already have a data stream, let’s go back and open our web data stream.

Opening the web data stream

Here, we can see our Measurement ID under the stream details. Copy this value.

Copying the measurement ID

Paste this value to GTM so that we can deploy our configuration tag.

Pasting the measurement ID to the configuration tag

Give our configuration tag a name. Next, we’ll add a trigger by clicking on Triggering.

Providing a name and trigger to the configuration tag

The trigger dictates when and where you want to deploy the tag.

Since the configuration tag is our means to connect GA4 to GTM, let’s deploy it on All Pages.

Selecting all pages trigger

Finally, click Save.

Saving the configuration tag

The cool thing about Google Tag Manager is that we’re able to preview our implementation as many times as we need to until we’re ready to publish our changes.

After previewing our implementation again, go to the Tag Assistant. On the Container Loaded event, we should see that our configuration tag has been fired.

Configuration tag successfully fired

Great! This means that we are now sending data to Google Analytics 4 and should be able to see it in the DebugView.

In your GA4 account, go to AdminDebugView. This section allows us to see what data is passing through our website. Here, we should see the page_view event.

The page view event in the DebugView

With this, you have already enhanced your data multifold. After connecting GA4 to your website, you’re now able to see where your users are coming from, whether they proceeded to checkout, or have completed the purchase.

We’ve already made two enhancements by installing Google Tag Manager and Google Analytics 4. The last step to set up ThriveCart tracking is to make eCommerce tracking work inside GA4.

eCommerce Tracking Setup in GA4

Let’s show what you can do with eCommerce tracking by going to the Google demo account.

When enabled, you’ll be able to get data on what was purchased and how often a product was viewed, added to the cart, and purchased. This then allows you to calculate a conversion rate for your products.

This information can be easily viewed on the E-commerce purchases report. Scroll down to view a table containing all your products.

eCommerce purchases report in the demo account

The table shows how many times each product was viewed, added to the cart, purchased, and the equivalent revenue gained.

This is great because we can tie it back to our source. You would be informed about how many people from Google bought this product, or whether they came from a Facebook marketing campaign.

This is powerful stuff that is not available in ThriveCart by default. So, how do we build eCommerce tracking for our website?

It’s a little complicated because we need to customize the installation, but we have the power of Google Tag Manager to make this process a lot simpler. 

First, go to our ThriveCart GitHub resource where we prepared some codes to put into your checkout pages. Here, you’ll see a section that illustrates the instructions for implementing ThriveCart eCommerce events.

ThriveCart eCommerce events installation instructions

This is then followed by the custom tracking codes that we can conveniently copy into ThriveCart.

Custom tracking code for ThriveCart eCommerce events

Now, we need to navigate back to the tracking section for our checkout pages.

Go back to ThriveCart and click Edit product settings.

Editing product settings in ThriveCart

Again, navigate to Checkout → Tracking. Here, you’ll find three sections where you need to put in your codes.

Sections to implement custom tracking

Remember that we’ve already pasted some code in the first section, which is for installing Google Tag Manager to ThriveCart.

Google Tag Manager code

This code is specific to your implementation. In our template, notice that there is a section for the GTM code. 

Since we already have the GTM code, copy the portion of the code beneath it.

Copying the latter portion of the base code

Paste this underneath the GTM code in the All Pages section. Next, copy the remaining codes to their respective sections. Check the option for only running the code when a customer gets to the success page. Finally, click Save & get URL.

Custom tracking code implementation

In the codes we prepared for you, notice that we have one more code named gtm-container.json. Click on Raw for this code.

Getting the raw code

Next, right-click on the page, then click Save As. Alternatively, you can simply click on Ctrl + S.

Saving the JSON code