Step 11. How to implement add_to_cart event on Shopify

To be able to track it you have to implement add_to_cart event using Google Tag Manager and data layer variables.

1. Implement data layer variables in Shopify.
   Actually if you have implemented properly variables as was described here: How to implement GA4 view_item event in Shopify. you already have all needed data in data layer that have to be sent to GA4.
   However you need to implement event variable to be able to create add_to_cart trigger. To do that you have to add to your "add to cart" button additional java script code. You have to find in your Shopify admin > Online store > Themes code snippet responsible for presenting add to cart button. Good place to start finding it, is to go to the product.liquid template and look for add to cart button section. It can be included in additional section template like: "product-form.liquid" or "product-info.liquid".
   When you find this button you need to add in this button code following code:
   

   dataLayer.push({'event': 'add_to_cart'});

2. Create "CE – add_to_cart and Dom ready" trigger.
   We will use it to fire add_to_cart tag. Go to trigger section and create new trigger, clicking "New" button
   
   
   
   and create new CE – add_to_cart trigger as follow:
   
   
   
3. Create GA4 – add_to_cart tag in Google Tag Manger.
   Go to “Tags” and click “New” button to add new tag and name like “GA4 – add_to_cart”
   
   
   
   then choose tag type and select “Google Analytics: GA4 Event"
   
   
   
   then choose your configuration tag that you have already created here: How to implement GA4 Configuration tag in Google Tag Manager?
   
   
   
   and set "Event Name" to "add_to_cart"then setup "Event Parameters" as followthen choose your trigger that you have already created a while before (CE – add_to_cart).
   and click "Save" button on the top right corner.
   
   
4. After this implementation you will be able to see in GA4 statistics about add to cart action.
   
   
   
   Lets go now to the next step of our guide which is: How to implement GA4 view_cart event in Shopify

Information About the Authors

Piotr Ulacha

Piotr Ulacha is a web analyst. He has 15 years of experience in the digital marketing area. He specializes in implementation of analytical and marketing tracking codes, creating dashboards and data privacy topic. He works currently as a Web Analyst at EverStores.com where he implement tracking solutions for eCommerce brands. Previusly he worked at SellerX with eCommerce brands and at Artegence where he analyses the impact of marketing campaigns for Volkswagen Poland.