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

Google Analytics Enhanced Ecommerce İşlemleri

Güncelleme Yayın

Google Analytics, E-ticaret > Ürün Performansı raporlarında değerlendirilmek üzere elde edilen bilgileri ileten (ec:action) en önemli veri katmanı olaylarından detail kullanıcının listelenen bir ürünü tıklaması (productClick) ve ardından ürün detaylarının yer aldığı ürün sayfasını görüntülemesini kapsamaktadır ve productClick ile doğrudan ilişkilidir.

Destek

Google Analytics ile ilgili desteğe mi ihtiyacın var? Danışmanlık için destek talebinde bulunabilirsin.

Google Analytics

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.

Google Analytics

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 UA1 ve GA42 yardım sayfalarını inceleyebilirsiniz.