Google Analytics 4 ecommerce tracking on Styla storefronts

Description

You can now connect your Styla storefront to Google Analytics 4 and track 12 ecommerce events.

This enables you to measure traffic and engagement across your websites and apps and have everything tracked in your Google Analytics Dashboard.

Your Benefits

• Collect behavioural data from shoppers who visit your Styla headless storefront
• Analyse shopper behavioural data in Google Analytics and see what optimizations you make on your store have what effect on important ecommerce metrics like conversion rate, basket size, and the click journey to check out
• Find out which pages, blogs, categories or products are the most viewed and what is added to cart without any checkouts.

Activation and Requirements

1. Create a Google Analytics 4 account, if you don't have one already

2. Copy your GA4 Measurement ID (or create a new one if you want to track your Styla Storefront separately)

3. Log in to Styla
4. Go to Header & Footer Layout Standards under the settings icon
5. Place the Analytics Module above the Header Module
6. Edit the module and paste in your GA4 Measurement ID in to the field 
7. Save & Re-render 

After you've completed these steps, Google Analytics will start working on your page. 

Tracked Ecommerce Events

1. view_item: a user views an item
2. view_item_list: a user sees a list of items/offerings. eg. categories
3. select_item: a user selects an item from a list
4. add_to_wishlist: a user adds an item to a wishlist
5. view_cart: a user views their cart
6. add_to_cart: a user adds an item to their cart
7. remove_from_cart: a user removes items from a cart
8. login: a user logs in
9. search: a user uses the search function
10. sign_up: a user signs up
11. begin_checkout: a user begins checkout
12. purchase: a checkout has been completed successfully, and the order success page is being shown.