Google Tag Manager (GTM) Integration

Description

You can now connect your Styla storefront to Google Tag Manager (GTM), track 12 ecommerce events and load any script or snippet via GTM and its triggers.

This enables you to use:

• Advanced Ecommerce and Custom Event Tracking

• User Engagement Tracking

• Marketing and Advertising Tags

• Dynamic Remarketing

• Third-Party Tool Integrations

Activation and Requirements

1. Create a GTM account, if you don't have one already
2. Create a new GTM container or use an existing one (if you want to transfer over your existing GTM container)

3. Copy your GTM Container ID

4. Log in to Styla
5. Go to Header & Footer Layout Standards under the settings icon
6. Place the Analytics Module above the Header Module (or anywhere on the page)
7. Edit the module and paste in your GTM Container ID in to the right field 
8. Save & Re-render

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

Tracked Ecommerce Events

These events can be used as custom triggers inside GTM

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