GTM - Ecommerce Detay Sayfası Görüntüleme Etkinliği

Enhanced Ecommerce “detail” Etkinliği

E-ticaret ürün performans değerlendirmeleri amacıyla PageView (hitType: pageview, ec:action: detail, event: gtm.js) ile görüntülenen ürüne dair veriler iletebileceğimiz (fire) detail id, name, price, brand, category, position (list ile ilişkili olarak) alanlarını barındırmakta ve yine diğer ürün olaylarında olduğu gibi Birincil Boyut olarak Ürün Adı'nı (name) temel almakta.

detail ile ilgili katman detayları şu şekildedir:

UA:

window.dataLayer = window.dataLayer || [];

// UA
dataLayer.push({
  'ecommerce': {
    'currencyCode': '[para-birimi]', // Para Birimi (Örn. TRY, USD, EUR) / Tip: string (opsiyonel)
    'detail': {
      'products': [{
        'id': '[benzersiz-urun-id]', // Benzersiz Ürün ID'si / Tip: string (gerekli)
        'name': '[urun-adi]', // Ürün Adı / Tip: string (gerekli)
        'price': '[urun-fiyati]', // Ürün Fiyatı / Tip: numeric (gerekli)
        'brand': '[urun-markasi]', // Ürün Markası / Tip: string (opsiyonel)
        'category': '[urun-kategorisi]', // Ürün Kategorisi / Tip: string (opsiyonel)
        'variant': '[urun-ozelligi]', // Ürün Özelliği (örneğin renk, desen vb.) / Tip: string (opsiyonel)
        'position': '[urun-listeleme-sirasi]' // Ürünün Yer Aldığı Listedeki Yeri / Tip: numeric (opsiyonel)
      }]
    }
  }
});

GA4:

window.dataLayer = window.dataLayer || [];

// GA4
dataLayer.push({
  'event': 'view_item',
  'ecommerce': {
    'items': [{
      'item_name': '[urun-adi]', // Ürün Adı / Tip: string (gerekli / zorunlu)
      'item_id': '[benzersiz-urun-id]', // Benzersiz Ürün ID'si / Tip: string (gerekli / zorunlu)
      'price': '[urun-fiyati]', // Ürün Fiyatı / Tip: numeric
      'item_brand': '[urun-markasi]', // Ürün Markası / Tip: string (opsiyonel)
      'item_category': '[urun-kategorisi]', // Ürün Kategorisi / Tip: string (opsiyonel)
      'item_category_2': '[urun-kategorisi-2]', // Ürün Kategorisi (Alt Kategori) / Tip: string (opsiyonel)
      'item_category_3': '[urun-kategorisi-3]', // Ürün Kategorisi (Alt Kategori) / Tip: string (opsiyonel)
      'item_category_4': '[urun-kategorisi-4]', // Ürün Kategorisi (Alt Kategori) / Tip: string (opsiyonel)
      'item_variant': '[urun-ozelligi]', // Ürün Özelliği (örneğin renk, desen vb.) / Tip: string (opsiyonel)
      'item_list_name': '[urunun-yer-aldigi-liste-adi]', // Ürünün Yer Aldığı Liste Adı / Tip: string (opsiyonel)
      'item_list_id': '[urunun-yer-aldigi-benzersiz-liste-id]', // Ürünün Yer Aldığı Liste ID'si / Tip: numeric (opsiyonel)
      'index': '[urunun-yer-aldigi-liste-sirasi]', // Ürünün Yer Aldığı Liste Sırası / Tip: numeric (opsiyonel)
      'quantity': '[urun-adedi]' // Sepete Gönderilen Ürün Adedi / Tip: numeric (opsiyonel)
    }]
  }
});

O halde, detail içeriğine uygun bir ürün detayı oluşturalım.

// UA
dataLayer.push({
  'ecommerce': {
    'detail': {
      'actionField': {'list': 'featured product'},
      'products': [{
        'name': 'Triblend Android T-Shirt',
        'id': '12345',
        'price': '15.25',
        'brand': 'Google',
        'category': 'Apparel',
        'variant': 'Gray'
       }]
     }
   }
});

// GA4
dataLayer.push({
  'event': 'view_item',
  'ecommerce': {
    'items': [{
      'item_name': 'Donut Friday Scented T-Shirt',
      'item_id': '67890',
      'price': '33.75',
      'item_brand': 'Google',
      'item_category': 'Apparel',
      'item_category_2': 'Mens',
      'item_category_3': 'Shirts',
      'item_category_4': 'Tshirts',
      'item_variant': 'Black',
      'item_list_name': 'Search Results',
      'item_list_id': 'SR123',
      'index': 1,
      'quantity': '1'
    }]
  }
});

İlgili örneğin pageView ile fire edildiğinden yazının başında bahsetmiştim. O halde 2 farklı olayı birlikte kullanalım ve ürün detaylarıyla birlikte ürün sayfasında yer alan bir reklam görselini de işleme alalım. İlgili örnekte ayrıca ürün detaylarını liste, ürün ebat, stok ve kullanıcı durumuyla da genişlettim.

// UA
dataLayer.push({
  'ecommerce': {
    'detail': {
      'actionField': {'list': 'featured product'},
      'products': [{
        'id': "9bdd2",
        'name': 'Compton T-Shirt',
        'price': '44.00',
        'brand': 'Compton',
        'category': 'T-Shirts',
        'position': 0,
        'dimension1': 'large',
        'dimension2': 'in stock',
        'dimension3': 'guest'
      }]
    },
    'promoView': {
      'promotions': [{
        'id': 'h2018',
        'name': 'halloween2018',
        'creative': 'product banner',
        'position': 'left sidebar'
      }]
    }
  }
});

// GA4
dataLayer.push({
  'event': 'view_item',
  'ecommerce': {
    'items': [{
      'item_name': 'Donut Friday Scented T-Shirt',
      'item_id': '67890',
      'price': '33.75',
      'item_brand': 'Google',
      'item_category': 'Apparel',
      'item_category_2': 'Mens',
      'item_category_3': 'Shirts',
      'item_category_4': 'Tshirts',
      'item_variant': 'Black',
      'item_list_name': 'Search Results',
      'item_list_id': 'SR123',
      'index': 1,
      'quantity': '1',
      'promotion_id': 'abc123',
      'promotion_name': 'summer_promo',
      'creative_name': 'instore_suummer',
      'creative_slot': '1',
      'location_id': 'hero_banner'
    }]
  }
});

Elbette ürün detay sayfası tasarımında Sepete Ekle butonu ve Sepet sayfası da dahil edebileceğimiz alanlar. Sepet sayfası itibariyle ödeme süreci başlayacağı için ayrı olaylar altında ödeme sürecine değineceğim. Ancak, tavsiyem ürün detayı, ebat/ölçü açıklamaları, ürün puanlama ve yorumları gibi alanları da etkinlikler üzerinden takip etmeniz ve e-ticaret raporlarında değerlendirmeniz. Bu sayede ödeme sürecini olumlu ve olumsuz etkileyen her türlü durumu önceden fark edebilir iyileştirebilir / geliştirebilir ve potansiyel müşteriler için daha iyi bir alışveriş deneyimi sunabilirsiniz.

Geliştirilmiş e-ticarete dair dikkat edilmesi gereken diğer detaylar ve ilgili olaylar için Enhanced Ecommerce, Google Analytics Hedefler ve Funnel İşlemleri, Google Tag Manager dataLayer ve E-Ticaret Etkinlikleri, Google Analytics E-Ticaret Raporları ve Etkinlik Kurulumları, Google Analytics / GTM UA¹ ve GA4² yardım sayfalarını inceleyebilirsiniz.