Skip to content
ggLowCodeGTMKit

Recipe: GA4 Ecommerce with ggLowCodeGTMKit

GA4 Ecommerce Implementation Guide

Section titled “GA4 Ecommerce Implementation ”

Implement a complete GA4 ecommerce tracking pipeline — from data layer push to GA4 event — using ggLowCodeGTMKit variables. Zero custom JavaScript.

What You’ll Build

Section titled “What You’ll Build”

A fully compliant GA4 purchase event tracking chain that:

  • Parses the ecommerce.purchase data layer push
  • Extracts transaction_id, value, currency, and items[]
  • Sends a properly structured GA4 purchase event

Prerequisites

Section titled “Prerequisites”
  • ggLowCodeGTMKit container imported into your GTM workspace
  • A data layer push with GA4 ecommerce format

Implementation

Section titled “Implementation”

  1. Configure the Purchase Parser

    Create a variable using the Parse Purchase Event template:

    • src: {{DataLayer - ecommerce}}
    • Mode: Direct

  2. Extract Transaction Values

    The parser returns the full purchase object. GA4 expects individual parameters:

    • transaction_id → String
    • value → Number
    • currency → String (ISO 4217)
    • items → Array of item objects

  3. Create the GA4 Event Tag

    Configure a GA4 Event tag:

    • Event Name: purchase
    • Parameters: Map each value from Step 2

  4. Set the Trigger

    Create a Custom Event trigger:

    • Event Name: purchase (matching your data layer push event)

  5. Test in Preview Mode

    Open GTM Preview, trigger a test purchase, and verify:

    • ✅ The variable returns the correct purchase object
    • ✅ All parameters are populated
    • ✅ The GA4 event fires with the correct schema