Add Google Tag Manager to Checkout Page
In this help article, you will learn how to add Google Tag Manager to your checkouts on Checkout Page.
Website or tracking tags allow you to collect data on your customers' behavior. These tags are great for web analytics and marketing purposes.
One of the easiest (and free!) ways of managing tags is using a tag management system, such as Google Tag Manager.
Using Google Tag Manager, you can quickly add and manage tracking tags for your checkouts by copy-pasting a simple snippet of code into your checkout's settings.
This way, Checkout Page will automatically track two custom events:
-
checkoutpage-enter - whenever someone enters your checkout
-
checkoutpage-checkout - whenever someone completes your checkout
The checkout event will also contain:
-
value - the final purchase amount
-
checkoutID - the ID of your checkout
-
currency - the currency of your checkout
-
orderId - the ID of your customer's order
To capture these events in Google Analytics and/or Google Ads, you also need to set up triggers and tags.
Instructions to add Google Tag Manager to Checkout Page
Follow these steps to add Google Tag Manager to your Checkout Page:
-
Open your Google Tag Manager dashboard and click on your container under Accounts
-
Navigate to the Admin tab and click to Install Google Tag Manager
-
Copy the first code of your Google Tag Manager
-
Go to Checkout Page and click on your checkout
-
Open Settings and paste the tag under Third party analytics
-
Click to Save and that's it!
Take a look at these articles to further configure the event tracking for your checkouts: