Google Tag Manager 4 (GTM 4)

Aufbau auf Grundlage von : https://www.simoahava.com/analytics/google-analytics-4-ecommerce-guide-google-tag-manager/ https://developers.google.com/analytics/devguides/collection/ga4/ecommerce?client_type=gtm#select_an_item_from_a_list

Datenschicht

Events in GA4

GA4 Event	altes Event in “Enhanced Ecommerce action”

GA4 Event	altes Event in “Enhanced Ecommerce action”
`view_promotion`	`promoView`
`select_promotion`	`promoClick`
`view_item_list`	`impressions`
`select_item`	`click`
`view_item`	`detail`
`add_to_cart`	`add`
`add_to_wishlist`	N/A
`remove_from_cart`	`remove`
`view_cart`	N/A
`begin_checkout`	`checkout`
`add_shipping_info`	`checkout_option` *
`add_payment_info`	`checkout_option` *
`purchase`	`purchase`
`refund`	`refund`

*The checkout funnel is collected a bit differently with Google Analytics 4. There are no steps anymore - rather, GA4 offers you the (presumably) most popular checkout steps of adding shipping and payment info to the purchase.

GA4 Eventdaten

Die oben genannten Events können mit folgenden Daten gefüllt werden

GA4 Parameter	alter Parameter in “Enhanced Ecommerce action”

GA4 Parameter	alter Parameter in “Enhanced Ecommerce action”
`item_id`	`id`
`item_name`	`name`
`item_list_name`	`list`
`item_list_id`	N/A
`index`	`position`
`item_brand`	`brand`
`item_category`	`category`
`item_category2`	`category`
`item_category3`	`category`
`item_category4`	`category`
`item_category5`	`category`
`item_variant`	`variant`
`affiliation`	N/A
`discount`	N/A
`coupon`	`coupon`
`price`	`price`
`currency`	N/A
`quantity`	`quantity`

Produktliste

Produktliste kann ein Array aus Items haben

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "view_item_list",
  ecommerce: {
    items: [
     {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      currency: "USD",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "L_12345",
      price: 9.99,
      quantity: 1
    },
    {
      item_id: "SKU_12346",
      item_name: "Google Grey Women's Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      currency: "USD",
      discount: 3.33,
      index: 1,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "gray",
      location_id: "L_12345",
      price: 20.99,
      promotion_id: "P_12345",
      promotion_name: "Summer Sale",
      quantity: 1
    }]
  }
});

Auswahl eines Items

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "select_item",
  ecommerce: {
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      currency: "USD",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "L_12345",
      price: 9.99,
      quantity: 1
    }
    ]
  }
});

Hinzufügen / Entfernen eines Elementes in den Warenkorb

Hierfür muss auf den entsprechenden Hook geschaut werden → 'HOOK_WARENKORB_CLASS_FUEGEEIN', 126 für hinzufügen

event: “remove_from_cart" → Hook : Löschen eines Artikels aus dem Warenkorb 'HOOK_WARENKORB_LOESCHE_POSITION', 205

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "add_to_cart",
  ecommerce: {
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      currency: "USD",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "L_12345",
      price: 9.99,
      quantity: 1
    }
    ]
  }
});

Hinzufügen / Entfernen eines Elementes in die Wunschliste

Hierfür muss auf den entsprechenden Hook geschaut werden → 'HOOK_WUNSCHLISTE_CLASS_FUEGEEIN', 127

Anschauen des Warenkorbes

Hook: 'HOOK_WARENKORB_PAGE', 52

Beginne Checkout

Hook: 'HOOK_BESTELLVORGANG_PAGE_STEPLIEFERADRESSE', 6
Zu klären: Ist der erste Step im Checkout → wird damit sichergestellt, dass hier der Checkout beginnt? Eingeloggte Kunden überspringen den Step? nSeitentyp sonst?

Eintragen der Versandadresse

Hook: 'HOOK_BESTELLVORGANG_PAGE_STEPLIEFERADRESSE', 6
Zu klären: Wenn hier Hook 6 → wie dann begin_checkout festellten?

Eintragen der Bezahlinformationen

Hook: 'HOOK_BESTELLVORGANG_PAGE_STEPZAHLUNG', 8

Bestellung abschließen

Hook: 'HOOK_BESTELLABSCHLUSS_PAGE', 2 → zu klären: eventuell zu spät? Expresscheckout → verhalten? Evtl sonst → 'HOOK_BESTELLABSCHLUSS_PAGE_ZAHLUNGSVORGANG', 3

Teilrückerstattung

Zu klären: Wie ist das im Shop zu lösen?

Komplette Rückerstattung

Zu klären: Wie ist das im Shop zu lösen?

Promotion ansehen

Zu klären: Wie ist das im Shop zu lösen?

Promotion auswählen

Zu klären: Wie ist das im Shop zu lösen?