E-commerce Tracking in Shopify using Google Tag Manager
Recently so many client ask me to implement E-commerce and Enhanced E-commerce tracking through Google Tag Manager on Shopify, As usual you know very well why e-commerce tracking on the website, You can see in revenue and number sale which product sales, you can see in Google Analytic. There was a certain limitation with Shopify, but recently I have seen Shopify migrate hosted to domain checkout on Shopify.
To set up GA4 Shopify Ecommerce with a data layer, you need to add ecommerce data to the data layer for each event that you want to track. Here are the steps:
- Set up a Google Analytics 4 property for your Shopify store.
2. Install Google Tag Manager on your Shopify store.
- For the “purchase” event: transaction ID, transaction revenue, and any other transaction-level data you want to track.
- For the “add to cart” event: product ID, product name, and product price.
- For the “remove from cart” event: product ID, product name, and product price.
- For the “checkout” event: step number and any other checkout-level data you want to track.
4. Create a new Google Tag Manager tag for GA4 and configure it with your GA4 measurement ID.
5. Use the data layer variables to map the ecommerce data to the GA4 ecommerce event parameters.
6. Set up triggers in Google Tag Manager to track ecommerce events, such as add to cart, remove from cart, initiate checkout, and purchase.
7. Test the GA4 tags and triggers to make sure they are set up correctly and are tracking the right events.
Once you complete these steps, you should be able to track your Shopify store’s ecommerce activity in Google Analytics 4 using the data layer, and use the data to optimize your store’s performance and improve the customer experience.
Click to Below Link see a new article for Related to Shopify for GA4
Integrating E-commerce Track Google Tag Manager with Shopify
- First Install Google Tag Manager on Shopify Ecommerce Tracking without touching Code
new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s),
<!– End Google Tag Manager –>
height=”0″ width=”0″ style=”display:none;visibility:hidden”></iframe></noscript>
<!– End Google Tag Manager (noscript) –>
Note: Make you will replace GTM Tracking Code with your GTM ID XXXXX
2. Add to DataLayer on Checkout on Order Confirmation for E-commerce tracking on Shopify using Google Tag Manager
Written Custom E-commerce Tracking Code using Help of Custom HTML on Google Tag Manager on Shopify without Touching Code/ Data Layer on the website for E-commerce/eCommerce Tracking
Disclaimer: Google tag manager belongs to Google property
For Contact: email@example.com
I am avaible for Hire on Freelancer: Freelancer.com
I am avaible for Hire on Upwork: Upwork.com
I am avaible for Hire on Peopleperhour: Peopleperhour.com
I am avaible for Hire on Guru: Guru.com