Enhanced Ecommerce "checkout" Etkinliği

Yayın: 23 Ekim 2018 11:38

Promosyon (promoView ve promoClick) ve ürün (impressions, productClick, detail, addToCart, removeFromCart) işlemlerinin ardından artık ödeme sürecine geçebiliriz. Ödeme sürecini sepetin görüntülenip “Ödeme İşlemlerini Tamamla” şeklinde ...

checkout, dataLayer checkout, Enhanced Ecommerce, Enhanced Ecommerce checkout, Google Analytics, Google Analytics checkout, Google Analytics ecommerce, Google Tag Manager, Google Tag Manager checkout, Google Tag Manager dataLayer

Promosyon (promoView ve promoClick) ve ürün (impressions, productClick, detail, addToCart, removeFromCart) işlemlerinin ardından artık ödeme sürecine geçebiliriz. Ödeme sürecini sepetin görüntülenip “Ödeme İşlemlerini Tamamla” şeklinde belirtilen butonun / bağlantının tıklanmasıyla başlatırız ve bu süreçte ödeme biçimi (kredi kartı, havale, kapıda ödeme vb.), teslimat adresi, fatura adresi, teslimat biçimi (kargo, şubeden teslim, indirme vb.) ve ödemenin gerçekleştirilmesi gibi adımlar (Step1, Step2,…, Step5) yer alır ve ödemenin gerçekleştirilmesiyle (onay / teşekkür sayfası) son bulur.

checkout sepetin görüntülenmesinden (elbette promosyonlar, ürün listesi, ödeme yöntemi ve adres bilgileri de adımlar dahilinde değerlendirilerek) ödemenin gerçekleştirilmesine kadar geçen sürecin (funnel) ve elbette bu süreçte gerçekleşen ürün etkileşimlerinin (removeFromCart) Google Analytics > Dönüşümler > E-ticaret > Satış Performansı ve Ödeme Davranışı raporlarına yansımasını sağlayan veri katmanı olarak oldukça geniş bir bağlamda raporlarda yer bulmakta.

detail ile ilgili katman detayları şu şekildedir:

window.dataLayer = window.dataLayer || [];
  dataLayer.push({
    'event': 'checkout',
    'ecommerce': {
    'currencyCode': '[para-birimi]', // Para Birimi (Örn. TRY, USD, EUR) / Tip: string (opsiyonel)
      'checkout': {
        'actionField': {'step': 1, 'option': 'Visa'},
        '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)
        'quantity': '[urun-adedi]' // Ürün Adedi / Tip: numeric (opsiyonel)
       }]
     }
   }
  });

Normal şartlarda ödeme ve kargo bilgileri ayrı sayfalarda (örn. /payment ve /shipping) ziyaretçilerden edinilir. Ancak, günümüzde alışveriş deneyimini geliştirmek için (checkout-funnel) accordion yapılar, tab’ler ve işbirlikleri çerçevesinde (ödeme yöntemleri, cüzdanlar vb.) bu yapılar tek sayfa üzerinden yönetilebilmekte.

Bu nedenle checkout veri katmanını kullanırken bu geçişleri de hesaba katmak gerekmekte. Yukarıdaki örneği sepet içeriğini barındıracak şekilde bir örnekle gösterelim:

window.dataLayer = window.dataLayer || [];
  dataLayer.push({
    'event': 'checkout',
    'ecommerce': {
      'checkout': {
        'products': [{
          'name': 'Triblend Android T-Shirt',
          'id': '12345',
          'price': '15.25',
          'brand': 'Google',
          'category': 'Apparel',
          'variant': 'Gray',
          'quantity': 1
       }]
     }
   }
  });

Bu veri katmanını click ile fire ederiz.Alanları (step) funnel’in doğru bir şekilde oluşturulabilmesi için Google Analytics > Hesap > Mülk > Görünüm > E-ticaret Ayarları > E-ticaret Kurulumu > Dönüşüm Hunisi Adımları ile birlikte yönetmemiz gerekir. Sepet içeriğinde herhangi bir bilgi edinmiyor ve sadece ürün listesini iletiyorsak option tanımlamamıza gerek kalmayacaktır. Dönüşüm hunisine maksimum 5 adım ekleyebileceğimizi unutmamalı, dönüşüm sürecini bu sınır dahilinde yönetmelisiniz.

window.dataLayer = window.dataLayer || [];
  dataLayer.push({
    'event': 'checkout',
    'ecommerce': {
      'checkout': {
      'actionField': {
      'step': 1
      }
        'products': [{
          'name': 'Triblend Android T-Shirt',
          'id': '12345',
          'price': '15.25',
          'brand': 'Google',
          'category': 'Apparel',
          'variant': 'Gray',
          'quantity': 1
       }]
     }
   }
  });

Şayet ilk adımı ödeme biçiminin seçimiyle başatmak istersek option olarak tercih edilen ödeme yöntemini iletebiliriz.

dataLayer.push({
  'ecommerce': {
    'checkout': {
      'actionField': {
        'step': 1,
        'option': 'Visa'
      }
    }
  }
});

Adım2 için kargo tanımlamasını iletelim, ürün içeriğinin yanı sıra promoView ile içeriği genişletelim ve veri katmanımızı checkout etkinliğiyle ilişkilendirelim.

dataLayer.push({
  'event': 'checkout',
  'ecommerce': {
    'checkout': {
      'actionField': {
        'step': 2,
        'option': 'FedEx'
      },
      'products': [{
        'id': '7w9e0',
        'name': 'Newage T-Shirt',
        'price': '31.00',
        'brand': 'Masons',
        'category': 'T-Shirts',
        'variant': 'blue',
        'dimension1': 'M',
        'dimension2': 'pre-order',
        'dimension3': 'guest',
        'quantity': 1
      }]
    },
    'promoView': {
      'promotions': [{
        'id': 'bts',
        'name': 'Back To School',
        'creative': 'checkout',
        'position': 'right sidebar'
      }]
    }
  }
});

Bu adımlar dahilinde sepeti görüntüleyip ödeme adımlarına geçiş yapan kullanıcıların sürecin hangi aşamasında süreçten çıktıklarını ölçümleyebilir, dönüşüm yolunu optimize edebilir ve kullanıcıları yarım bıraktıkları ödeme sürecini tamamlamak üzere çeşitli tekliflerle yeniden pazarlama ve bültenler kullanarak tekrar dönüşüm sürecine dahil edebiliriz.