Google Analytics 4 - GA4 Ecommerce Tracking

 



DataLayer:-


dataLayer.push({

  event: "purchase",

  ecommerce: {

    currency: "USD",

    items: [

      {

        item_id: 252,

        item_name: "Blue Denim Jeans",

        item_brand: "",

        price: 150,

        item_category: "Women",

        quantity: 1,

        google_business_vertical: "retail",

        id: "252"

      },

      {

        item_id: 242,

        item_name: "Slim Fit Blue Jeans",

        item_brand: "",

        price: 150,

        item_category: "Women",

        quantity: 1,

        google_business_vertical: "retail",

        id: "242"

      }

    ],

    transaction_id: "4466",

    affiliation: "",

    value: 300,

    tax: 0,

    shipping: 0,

    coupon: ""

  },

  gtm.uniqueEventId: 3

})




  1. Product / View item / page view



  • Trigger:- [ Trigger Name :- GA4 - view_item - Trigger ]



# Custom Event:- view_item
# Click - Just Links:- event equals -  view_item
# Click - All Elements:- event equals -  view_item
# Element Visibility:-     .CSS Selector      #ID


  • Event Parameters


  ecommerce: {

    currency: "USD",

   items: [

      {

        item_id: 252,

        item_name: "Blue Denim Jeans",

        item_brand: "",

        price: 150,

        item_category: "Women",

        quantity: 1,

        google_business_vertical: "retail",

        id: "252"

      },

    value: 300,


  • Variable Type: data layer Variable -

  • [ Variable Name:- dlv - GA4 - Items ] - ecommerce.items

  • [ Variable Name:- dlv - GA4 - value ] - ecommerce.value

  • [ Variable Name:-  dlv - GA4 - currency ] - ecommerce.currency




  • Tag type: [ Tag Name:- GA4 - view_item - Tag ]

  • Event Parameter (name - value): items - {{dlv - GA4 - Items}}

  • Event Parameter (name - value): value - {{dlv - GA4 - value}}

  • Event Parameter (name - value): currency- {{dlv - GA4 - currency}}








  1. Add a product to a shopping cart (Add to cart)


  • Trigger:- [ Trigger Name :- GA4 - add_to_cart - Trigger ]



# Custom Event:- add_to_cart
# Click - Just Links:- event equals -  add_to_cart
# Click - All Elements:- event equals -  add_to_cart
# Element Visibility:-     .CSS Selector      #ID


  • Event Parameters


  ecommerce: {

    currency: "USD",

   items: [

      {

        item_id: 252,

        item_name: "Blue Denim Jeans",

        item_brand: "",

        price: 150,

        item_category: "Women",

        quantity: 1,

        google_business_vertical: "retail",

        id: "252"

      },

    value: 300,


  • Variable Type: data layer Variable -

  • [ Variable Name:- dlv - GA4 - Items ] - ecommerce.items

  • [ Variable Name:- dlv - GA4 - value ] - ecommerce.value

  • [ Variable Name:-  dlv - GA4 - currency ] - ecommerce.currency




  • Tag type: [ Tag Name:- GA4 - add_to_cart - Tag ]

  • Event Parameter (name - value): items - {{dlv - GA4 - Items}}

  • Event Parameter (name - value): value - {{dlv - GA4 - value}}

  • Event Parameter (name - value): currency- {{dlv - GA4 - currency}}


  1. Checkout


  • Trigger:- [ Trigger Name :- GA4 - begin_checkout - Trigger ]



# Custom Event:- begin_checkout
# Click - Just Links:- event equals -  begin_checkout
# Click - All Elements:- event equals -  begin_checkout
# Element Visibility:-     .CSS Selector      #ID


  • Event Parameters


  ecommerce: {

    currency: "USD",

   items: [

      {

        item_id: 252,

        item_name: "Blue Denim Jeans",

        item_brand: "",

        price: 150,

        item_category: "Women",

        quantity: 1,

        google_business_vertical: "retail",

        id: "252"

      },

    value: 300,


  • Variable Type: data layer Variable -

  • [ Variable Name:- dlv - GA4 - Items ] - ecommerce.items

  • [ Variable Name:- dlv - GA4 - value ] - ecommerce.value

  • [ Variable Name:-  dlv - GA4 - currency ] - ecommerce.currency




  • Tag type: [ Tag Name:- GA4 - begin_checkout - Tag ]

  • Event Parameter (name - value): items - {{dlv - GA4 - Items}}

  • Event Parameter (name - value): value - {{dlv - GA4 - value}}

  • Event Parameter (name - value): currency- {{dlv - GA4 - currency}}


  1. Purchase


  • Trigger:- [ Trigger Name :- GA4 - purchase - Trigger ]



# Custom Event:- purchase
# Click - Just Links:- event equals -  purchase
# Click - All Elements:- event equals -  purchase
# Element Visibility:-     .CSS Selector      #ID


  • Event Parameters


  ecommerce: {

    currency: "USD",

    items: [

      {

        item_id: 252,

        item_name: "Blue Denim Jeans",

        item_brand: "",

        price: 150,

        item_category: "Women",

        quantity: 1,

        google_business_vertical: "retail",

        id: "252"

      },

      {

        item_id: 242,

        item_name: "Slim Fit Blue Jeans",

        item_brand: "",

        price: 150,

        item_category: "Women",

        quantity: 1,

        google_business_vertical: "retail",

        id: "242"

      }

    ],

    transaction_id: "4466",

    affiliation: "",

    value: 300,

    tax: 0,

    shipping: 0,

    coupon: ""

  },



  • Variable Type: data layer Variable -

  • [ Variable Name:- dlv - GA4 - Items ] - ecommerce.items

  • [ Variable Name:- dlv - GA4 - value ] - ecommerce.value

  • [ Variable Name:-  dlv - GA4 - currency ] - ecommerce.currency

  • [ Variable Name:-  dlv - GA4 - transaction_id ] - ecommerce.transaction_id

  • [ Variable Name:-  dlv - GA4 - affiliation ] - ecommerce.affiliation

  • [ Variable Name:-  dlv - GA4 - tax ] - ecommerce.tax

  • [ Variable Name:-  dlv - GA4 - shipping ] - ecommerce.shipping

  • [ Variable Name:-  dlv - GA4 - coupon ] - ecommerce.coupon




  • Tag type: [ Tag Name:- GA4 - purchase - Tag ]

  • Event Parameter (name - value): items - {{dlv - GA4 - Items}}

  • Event Parameter (name - value): value - {{dlv - GA4 - value}}

  • Event Parameter (name - value): currency- {{dlv - GA4 - currency}}

  • Event Parameter (name - value): transaction_id- {{dlv - GA4 - transaction_id}}

  • Event Parameter (name - value): affiliation- {{dlv - GA4 - affiliation}}

  • Event Parameter (name - value): tax- {{dlv - GA4 - tax}}

  • Event Parameter (name - value): shipping- {{dlv - GA4 - shipping}}

  • Event Parameter (name - value): coupon - {{dlv - GA4 - coupon}}





Events: Retail/Ecommerce

Event

Trigger

Parameters

add_payment_info

when a user submits their payment information

coupon, currency, items, payment_type, value

add_shipping_info

when a user submits their shipping information

coupon, currency, items, shipping_tier, value

add_to_cart

when a user adds items to cart

currency, items, value

add_to_wishlist

when a user adds items to a wishlist

currency, items, value

begin_checkout

when a user begins checkout

coupon, currency, items, value

generate_lead

when a user submits a form or request for information

value, currency

purchase

when a user completes a purchase

affiliation, coupon, currency, items, transaction_id, shipping, tax, value (required parameter)

refund

when a refund is issued

affiliation, coupon, currency, items, transaction_id, , shippingtax, value

remove_from_cart

when a user removes items from a cart

currency, items, value

select_item

when an item is selected from a list

items, item_list_name, item_list_id

select_promotion

when a user selects a promotion

items, promotion_id, promotion_name, creative_name, creative_slot, location_id

view_cart

when a user views their cart

currency, items, value

view_item

when a user views an item

currency, items, value

view_item_list

when a user sees a list of items/offerings

items, item_list_name, item_list_id

view_promotion

when a promotion is shown to a user

items, promotion_id, promotion_name, creative_name, creative_slot, location_id


Page