Google Tag Manager

Open the VTEX APP Store and install the app on your store.

or

Run the following command:

vtex install vtex.google-tag-manager@2.x

Next, open the app settings on your admin and fill the form with you GTM id.

Google Tag Manager Setup

This guide provides instructions to setup all the necessary Tags, Triggers, Variables, and configurations to Google Tag Manager and Google Analytics, so at the end of it you will have all the user and ecommerce analytics available in your Google Analytics dashboard.

Open the Google Tag Manager dashboard at https://tagmanager.google.com/.

Creating variables

To create a Variable, click on "Variables" on the menu on the left and then on the button New.

Data Layer Variables

  1. Click in Variable Configuration
  2. Choose "Data Layer Variable"
  3. Type "campaignMedium" in "Data Layer Variable Name"
  4. Click Save, and save as "Data Layer Variable - campaignMedium"

Do the same thing for the variables: "campaignName" e "campaignSource".

Google Analytics Variables

Default
  1. Click in Variable Configuration
  2. Choose "Google Analytics Settings"
  3. Type your Tracking ID
  4. Click in Ecommerce
  5. Click in "Enable Enhanced Ecommerce Features"
  6. Click in "Use data layer"
  7. Click Save, and save as "Google Analytics"
Checkout
  1. Click in Variable Configuration
  2. Choose "Google Analytics Settings"
  3. Type your Tracking ID
  4. Click in More Settings
  5. Click in Fields to Set
  6. Add the fields:
Field NameValue
campaignName{{Data Layer Variable - campaignName}}
campaignMedium{{Data Layer Variable - campaignMedium}}
campaignSource{{Data Layer Variable - campaignSource}}
  1. Click in More Settings
  2. Click in Ecommerce
  3. Click in "Enable Enhanced Ecommerce Features"
  4. Click in "Use data layer"
  5. Click Save, and save as "Google Analytics - Checkout and Order Placed"

Creating Triggers

To create a Trigger, click on "Trigger" on the menu on the left and then on the button New.

Custom Events

  1. Click in Trigger Configuration
  2. Choose "Custom Event"
  3. Type "addToCart" in Event Name
  4. Click Save, and save as "Custom Event - addToCart"

Repeat the previous steps creating new Triggers for the events: "cart", "email", "orderPlaced", "payment", "productDetail", "productImpression", "profile", "remoFromCart", and "shipping".

Creating Tags

To create a Tag, click on "Tags" on the menu on the left and then on the button New.

Google Analytics - Checkout and Order Placed

  1. Click in Tag Configuration
  2. Choose "Google Analytics - Universal Analytics"
  3. Choose Track Type as "Event"
  4. Type "Ecommerce" in Category
  5. Type "{{Event}}" in Action
  6. In Google Analytics Settings choose "{{Google Analytics - Checkout and Order Placed}}"
  7. Choose the Triggers:
    1. "Custom Event - cart"
    2. "Custom Event - email"
    3. "Custom Event - orderPlaced"
    4. "Custom Event - payment"
    5. "Custom Event - profile"
    6. "Custom Event - shipping"
  8. Save as "Google Analytics - Checkout and Order Placed"

Google Analytics - Enhanced Ecommerce

  1. Click in Tag Configuration
  2. Choose "Google Analytics - Universal Analytics"
  3. Choose Track Type as "Event"
  4. Type "Ecommerce" in Category
  5. Type "{{Event}}" in Action
  6. In Google Analytics Settings choose "{{Google Analytics}}"
  7. Choose the Triggers:
    1. "Custom Event - addToCart"
    2. "Custom Event - productDetail"
    3. "Custom Event - productImpression"
    4. "Custom Event - removeFromCart"
  8. Save as "Google Analytics - Enhanced Ecommerce"

Google Analytics - Page View

  1. Click in Tag Configuration
  2. Choose Track Type as "Page View"
  3. In Google Analytics Settings choose "{{Google Analytics}}"
  4. Choose the Triggers: "All Pages"
  5. Save as "Google Analytics - Page View"