Data Layer Nedir?
Data Layer (Veri Katmanı), genellikle bir web sitesi veya uygulamanın içindeki verilerin yönetildiği bir bileşendir. Veri Katmanı, kullanıcı etkileşimleri, ölçüm olayları ve diğer veri noktaları arasında bir aracı olarak görev yapar. Bu katman, veri entegrasyonunu kolaylaştırmak ve veri akışunu düzenlemek amacıyla kullanılır. Data layer kurulumu ve web sitesine eklenmesi için genel detayları yazımızda görebilirsiniz.
Yazımıza geçmeden önce Google Analytics Eventleri Nedir? yazımızı okumanızı öneririz.
Data Layer’ın (Veri Katmanı) Web Sitesine Eklenmesi
Data Layer‘ın bir web sitesine eklenmesi genellikle web geliştirme sürecinin bir parçasıdır ve çeşitli adımları içerir. İşte genel bir yönergeler:
- Data Layer’ı Tanımla:
- Hangi verilerin izleneceğini belirle. Örneğin, sayfa görüntüleme, buton tıklamaları, form gönderimleri gibi olaylar.
- İzlenecek verileri tanımlayan bir veri katmanı nesnesi oluştur.
- Data Layer Kodunu Ekleyin:
- Web sitesinin HTML koduna Data Layer’ı ekleyin. Bu genellikle
<script>etiketleri içinde yapılır. - Data Layer nesnesini tanımlayan JavaScript kodunu ekleyin.
Örnek bir Data Layer kodu:
<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'pageview',
'pageType': 'home'
// Diğer özel verileri ekleyin
});
</script>
- Web sitesinin HTML koduna Data Layer’ı ekleyin. Bu genellikle
- Olayları İzle:
- Web sitesi içinde izlemek istediğiniz olayları belirleyin (örneğin, buton tıklamaları).
- İlgili olaylar gerçekleştiğinde, Data Layer nesnesine uygun verileri ekleyin ve uygun olayı tetikleyin.
Örnek bir buton tıklama olayı:
<button onclick="dataLayer.push({'event': 'buttonClick', 'buttonName': 'exampleButton'});">Click me</button>
- Google Tag Manager veya Diğer İzleme Araçları ile Entegrasyon:
- Google Tag Manager gibi izleme araçlarını kullanıyorsanız, bu aracın arayüzünden Data Layer değişkenlerini tanımlayın ve izleme etiketlerini yapılandırın.
- Test Et:
- Eklediğiniz Data Layer’ı ve izleme olaylarını test edin.
- Tarayıcı konsolunu kullanarak
dataLayerdeğişkenini kontrol edebilir ve izleme olaylarının doğru tetiklenip tetiklenmediğini gözlemleyebilirsiniz.
Bu adımlar genel bir rehber sağlar, ancak uygulama platformu, izleme araçları ve özel gereksinimlere bağlı olarak ayrıntılar değişebilir. Veri Katmanı, web sitesi analitiği ve pazarlama izleme çözümleri gibi alanlarda veri akışını düzenlemek ve yönetmek için güçlü bir araçtır.
Data Layer Değişkenleri Web Sitesinde Nasıl Olur?
Data Layer değişkenleri, bir web sitesinde genellikle JavaScript nesneleri olarak tanımlanır ve bu nesneler içinde çeşitli veriler bulunur. Bu veriler, web sitesindeki kullanıcı etkileşimlerini, sayfa özelliklerini veya diğer olayları temsil edebilir. Bu değişkenler, web sitesinin HTML kodu içinde belirli sayfalarda veya olaylarda tanımlanır.
Aşağıda, tipik bir Data Layer değişkeninin nasıl görünebileceğine dair örnek bir JavaScript kodu bulunmaktadır:
<script>
window.dataLayer = window.dataLayer || [];dataLayer.push({
‘event’: ‘pageview’,
‘pageType’: ‘home’,
‘userId’: ‘12345’,
‘customVariable’: ‘exampleValue’
});
</script>
Bu örnekte, window.dataLayer global bir değişken olarak tanımlanmış ve dataLayer.push() yöntemi kullanılarak bir nesne eklenmiştir. Eklenen nesne, bir sayfa görüntüleme olayını temsil eder ve bu olayla ilişkilendirilmiş çeşitli veri noktalarını içerir. Bu veri noktaları, izleme ve analitik amaçlar için kullanılır.
Bu değişkenin içindeki veriler, çeşitli bilgileri temsil edebilir ve isteğe bağlı olarak özel değişkenler ekleyebilirsiniz. Örneğin, ‘pageType’ sayfanın türünü belirtirken, ‘userId’ kullanıcı kimliğini temsil eder ve ‘customVariable’ özel bir kullanıcı değişkenini göstermektedir.
Bu Data Layer değişkenleri, daha sonra izleme araçları veya analitik çözümler tarafından okunarak, web sitesinin performansını izlemek ve kullanıcı davranışlarını anlamak için kullanılır. Bu verilerin doğru bir şekilde yapılandırılması ve yönetilmesi, web sitesi analitiği ve pazarlama stratejilerini optimize etmek için önemlidir.
Örnek Bir Kategori Görüntüleme Eventi Nasıl Olur?
<script> window.dataLayer = window.dataLayer || [];
// Ürün listesi görünümü olayı için Data Layer değişkeni
dataLayer.push({
‘event’: ‘view_item_list’,
‘listType’: ‘category’, // Ürün listesi türü (örneğin, kategori)
‘listName’: ‘Example Category List’, // Ürün listesi adı
‘items’: [
{
‘id’: ‘12345’, // Ürün ID’si
‘name’: ‘Example Product 1’, // Ürün adı
‘price’: 19.99, // Ürün fiyatı
‘brand’: ‘Example Brand’, // Ürün markası
‘category’: ‘Example Category’ // Ürün kategorisi // Diğer ürün özellikleri eklenebilir
},
{
‘id’: ‘67890’,
‘name’: ‘Example Product 2’,
‘price’: 29.99,
‘brand’: ‘Example Brand’,
‘category’: ‘Example Category’
},
// Diğer ürünler
],
‘customVariable’: ‘exampleValue’ // Diğer özel verileri ekleyin });
</script>