How to configure e-commerce tracking with Google Tag Manager

Author:

Configuring e-commerce tracking with Google Tag Manager (GTM) enables you to collect valuable data on user interactions with your online store. This information is essential for understanding customer behavior, optimizing marketing strategies, and improving the overall shopping experience. Here’s a step-by-step guide to help you set up e-commerce tracking using GTM.

Step 1: Set Up Your Data Layer

To track e-commerce transactions effectively, you need to implement a data layer that will hold the necessary e-commerce information. The data layer is a JavaScript object that stores data that you want to send to Google Analytics.

Example Data Layer for E-commerce:

html
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'event': 'purchase',
'transactionId': '12345',
'transactionTotal': 99.99,
'currency': 'USD',
'items': [
{
'itemName': 'Product A',
'itemCategory': 'Category 1',
'itemPrice': 49.99,
'itemQuantity': 1
},
{
'itemName': 'Product B',
'itemCategory': 'Category 2',
'itemPrice': 49.99,
'itemQuantity': 1
}
]
});
</script>

In this example, a purchase event is pushed into the data layer with relevant transaction details.

Step 2: Create Data Layer Variables in GTM

  1. Log in to Google Tag Manager:
    • Open GTM and select the appropriate container for your website.
  2. Go to Variables:
    • Click on Variables in the left sidebar.
  3. Create New Variables:
    • Click New and then Variable Configuration.
    • Select Data Layer Variable.
  4. Define Your Data Layer Variables:
    • For example, create variables for transactionId, transactionTotal, and items.
    • Input the exact name as defined in your data layer (e.g., for transaction ID, enter transactionId).
  5. Name and Save Each Variable:
    • Give your variable a descriptive name (e.g., “DLV – Transaction ID”) and click Save.

Step 3: Set Up Google Analytics Tag

  1. Create a New Tag:
    • Go to Tags in the left sidebar and click on New.
  2. Configure Your Tag:
    • Click on Tag Configuration and select either:
      • Google Analytics: Universal Analytics (if using Universal Analytics)
      • Google Analytics: GA4 Configuration (if using Google Analytics 4)
  3. Select Tag Type:
    • For Universal Analytics:
      • Choose Transaction as the track type.
      • Set the Tracking ID for your Google Analytics account.
      • Fill in the relevant fields with data layer variables using the format {{Variable Name}}.
      • For example:
        • Transaction ID: {{DLV - Transaction ID}}
        • Transaction Total: {{DLV - Transaction Total}}
        • Currency: {{DLV - Currency}}
    • For GA4:
      • Choose Event as the event type and enter a name like purchase.
      • Add the data layer variables as parameters:
        • Transaction ID: transaction_id = {{DLV - Transaction ID}}
        • Transaction Total: value = {{DLV - Transaction Total}}
        • Currency: currency = {{DLV - Currency}}
        • Items: You can set items as an array of objects.
  4. Add E-commerce Fields:
    • For Universal Analytics, make sure to enable Enhanced E-commerce features in your GA property settings.

Step 4: Set Up Triggering

  1. Add a Trigger:
    • In the tag configuration, click on Triggering and select New.
    • Choose Custom Event as the trigger type.
  2. Define the Event:
    • Set the Event Name to the event you pushed to the data layer (e.g., purchase).
  3. Save Your Trigger:
    • Name the trigger descriptively (e.g., “Trigger – Purchase Event”) and save it.

Step 5: Test Your Setup

  1. Enter Preview Mode:
    • Click on the Preview button in GTM to enter preview mode.
  2. Test the Purchase Flow:
    • Complete a test purchase on your website and ensure the data layer is populated correctly.
    • In the GTM debug panel, check the Data Layer tab to verify that your e-commerce data is being pushed correctly.
  3. Check Tag Firing:
    • Also, in the debug panel, check that your Google Analytics tag fires when the purchase event occurs.

Step 6: Publish Your Changes

  1. Submit Your Changes:
    • If everything works correctly in preview mode, click on the Submit button in GTM to publish your changes.
  2. Version Naming:
    • Add a version name and description to your changes, then publish the container.

Additional E-commerce Tracking (Optional)

  • Enhanced E-commerce Tracking: If you want to implement more advanced tracking, like product impressions, clicks, and add-to-cart events, you will need to push additional events and information to the data layer. Configure separate tags for each action.

Example for Product Click Event:

html
<script>
dataLayer.push({
'event': 'productClick',
'ecommerce': {
'click': {
'actionField': {
'list': 'Category Page'
},
'products': [{
'name': 'Product A',
'id': 'P12345',
'price': '29.99',
'category': 'Category 1'
}]
}
}
});
</script>

Conclusion

Configuring e-commerce tracking with Google Tag Manager is a straightforward process that involves setting up a data layer, creating the necessary variables, and configuring Google Analytics tags and triggers. Properly implemented e-commerce tracking provides invaluable insights into customer behavior and transaction performance, enabling you to optimize your online store effectively. Regular testing and validation ensure that your setup remains accurate and beneficial for your analytics goals.

Categories: Digital Marketing