How to Set Up GA4 Ecommerce Tracking with Google Tag Manager

GA4 ecommerce tracking looks intimidating, but it's really one repeatable pattern applied to a handful of events. Get the ecommerce object shape right once, and view_item, add_to_cart, begin_checkout and purchase all fall into place. This guide walks the full funnel in Google Tag Manager, from the GA4 base tag to a clean purchase with revenue.

How GA4 ecommerce works in GTM

Every ecommerce event follows the same three-step path. Your store pushes a standardized ecommerce object to the dataLayer, GTM reads it, and a GA4 Event tag forwards it to Analytics.

The events that make up the standard funnel, in order, are: view_item_list → select_item → view_item → add_to_cart → view_cart → begin_checkout → add_shipping_info → add_payment_info → purchase. You don't need all of them on day one, view_item, add_to_cart, begin_checkout and purchase give you a usable funnel.

Step 1: Set up the GA4 base (configuration) tag

1. Store your Measurement ID (G-XXXXXXX) once in a Constant variable so you can reuse it.
2. Add a Google Tag (the GA4 configuration tag) firing on Initialization - All Pages.
3. Publish, then confirm pageviews appear in GA4's Realtime report before doing anything else.

Step 2: Get the ecommerce object onto the dataLayer

GA4 expects a specific shape. The key detail people miss: clear the previous ecommerce object first with dataLayer.push({ ecommerce: null }) so item data from one event doesn't bleed into the next.

// Fire when a product page loads.
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({ ecommerce: null });   // clear the previous object
window.dataLayer.push({
  event: "view_item",
  ecommerce: {
    currency: "USD",
    value: 29.0,
    items: [
      { item_id: "SKU123", item_name: "Enamel mug", price: 29.0, quantity: 1, item_brand: "Acme", item_category: "Drinkware" }
    ]
  }
});

On a platform like Shopify or WooCommerce, plugins or a custom pixel push these for you. On a custom store, a developer adds the pushes. Either way, GTM's job is only to read and forward.

Step 3: Read items and send the GA4 event

1. Create a Data Layer Variable named ecommerce.items (and one for ecommerce.value, ecommerce.currency).
2. Create a Custom Event trigger for each event name (view_item, add_to_cart, and so on).
3. Add a GA4 Event tag. Set the Event Name to {{Event}} (the built-in variable) so one tag can handle every ecommerce event, or make one tag per event if you prefer clarity.
4. Under More Settings → Ecommerce, tick Send Ecommerce data and set the source to Data Layer. This is what maps the items array correctly.

Step 4: The purchase event (get this one right)

Purchase is the event that matters most and the one most worth protecting. Two rules:

• Include a unique transaction_id. GA4 uses it to deduplicate, so a customer refreshing the thank-you page doesn't create a second sale.
• Fire on a server-confirmed step when you can, not just any thank-you page load.

window.dataLayer.push({ ecommerce: null });
window.dataLayer.push({
  event: "purchase",
  ecommerce: {
    transaction_id: "T-10492",     // unique → dedup
    currency: "USD",
    value: 129.0,
    tax: 8.0,
    shipping: 5.0,
    items: [
      { item_id: "SKU123", item_name: "Enamel mug", price: 29.0, quantity: 1 },
      { item_id: "SKU777", item_name: "Cafetiere", price: 100.0, quantity: 1 }
    ]
  }
});

Step 5: Verify it actually works

1. Open GTM Preview and walk the funnel. Each step should show the matching event and a populated ecommerce object in the dataLayer.
2. In GA4, watch Realtime and the DebugView, your events and item details should appear within seconds.
3. Confirm revenue lands on purchase and that transaction_id is present.
4. Give it 24–48 hours, then check the Monetization reports for items and revenue.