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)
}]
}
}
}); |
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
}]
}
}
}); |
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
}]
}
}
}); |
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'
}
}
}
}); |
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'
}]
}
}
}); |
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.
Geliştirilmiş e-ticarete dair dikkat edilmesi gereken diğer detaylar ve ilgili olaylar için
enhanced ecommerce,
Google Analytics / Measuring a Product Click,
Google Tag Manager / Measuring Product Clicks ve
Analytics Yardım / Ürün Performansı sayfalarını inceleyebilirsiniz.
