Data Layer (dataLayer) Nedir? Nasıl Kullanılır?

Merhabalar herkese. Bu yazımda sizlere bir task üzerinde çalışırken karşıma çıkan dataLayer kavramından bahsedeceğim.

Kısaca Data Layer, Bir web sayfası ile, Google Tag Manager arasında bilgi taşımayı sağlayan JavaScript nesnesi olarak tanımlanabilir.

Bir web sayfasına GTM kurulup, data Layer yapısı oluşturulduğunda,
gtag.js isimli js dosyası dataLayer nesnesini oluşturmaktadır.

DataLayer oluşturulduktan sonra üzerinde çalıştığımız sayfa özelinde hangi bilgilerin dataLayer ile gönderileceği olacaktır.

GTM yüklendiği anda 3 event’i işleme alır ve dataLayer aracılığı ile iletir.

• gtm.js: GTM kodu yüklendiği anda oluşturulur. PageView gibi sayfa ziyaretçi tarafından görüntülendiği anda tetiklenmesini istediğimiz durumları burada kontrol edebiliriz.
• gtm.dom: DOM yüklendiği anda oluşturulur.
• gtm.load: Sayfa ve sayfadaki tüm elemanlar (görseller, CSS ve JavaScript dosyaları, vb.) yüklendiğinde oluşturulur.

Data Layer (dataLayer) kullanım şekli

Aynı zamanda bir obje yada bir dizi olarakta belirtip pushlayabiliriz.

Peki dataLayer’ı nasıl ve ne için kullanırız?

Kullandığınız İnternet tarayıcınızın console alanına girip dataLayer yazdığınızda oluşturduğumuz nesne içeriklerini görüntüleyebilirsiniz.

Hemen bir örnek ile gösterelim.
Aşağıdaki gibi bir windows objemiz olsun. Ve bu objeyi dataLayer ile pushlayalım.

Bu işlemleri yaptığımızda o sayfanın console alanına girip dataLayer yazdığımızda tüm dataLayer tanımlamalarını görebilirsiniz.

Evet resimde görüldüğü gibi yukarıda tanımladığımız ve pushladığımız dataLayer objemizi ve tüm tanımlanan dataLayer’ları görebiliyoruz.

Peki bu nesneleri kullanabileceğimiz alanlar neler?

• Ürün verileri (özellikle e-ticaret sitelerinde, ürün adı, fiyatı, kategorileri, tip ve varyeteler gibi bilgiler vb.)
• Pazarlama kampanyaları (kampanya adı, aracı, kaynak, yönlendirici, promosyonlar vb.)
• İşlem bilgileri (sepet içeriği, sepete ekleme/çıkarma, ödeme biçimleri, işlem tarihleri vb.)
• Müşteri bilgileri (yeni ve/veya geri gelen müşteri, kayıtlı kullanıcı vb.)

Standard Ecommerce

Standard ecommerce kullanımında Google Analytics satın alma sürecini ve ödeme işlemlerini uygulama üzerinden takip eder.

Panel üzerinden ürün ve ödemelere dair bilgiler takip edilebilir.
Bu işlemlerin gerçekleştirmek için Google Analytics kurulumunda ecommerce özelliğini aktifleştirmek gerekiyor.

Enhanced Ecommerce

Enhanced ecommerce kullanımında ise Standard ecommerce işlemlerini geliştirerek daha kapsamlı bilgileri raporlayabiliriz. Sepet işlemleri, ödeme süreci adımları ve kullanıcıların ödeme sürecindeki durumları gibi.

Enhanced ecommerce işlemlerini GTM üzerinde gerçekleştirmek için 2 metottan faydalanabiliriz.

• Daya Layer,
• Custom JavaScript variable.

Data Layer, çoğunlukla tercih edilen ve bizim içeride kullandığımız metottur, ecommerce verilerinin doğrudan dataLayer ile iletilmesiyle işlenir.

Evet bu yazımda sizlere Data Layer kavramını basitçe anlatmaya çalıştım. Umarım faydalı bir yazı olmuştur. Sorularınınız varsa bana buradan ulaşabilirsiniz :)

Wingie / Enuygun’un büyüyen ekibinin bir parçası olmak isterseniz buradan açık pozisyonlarımıza göz atabilirsiniz. Tech ekibimize başvurmak için ise CV’nizi kariyer@enuygun.com’a iletebilirsiniz.

Bir sonraki yazımda görüşmek üzere.
Mutlu kodlamalar :)