Google Etiket Yöneticisi - Veri Katmanı

Veri katmanı, Google Etiket Yöneticisi ile iletilecek ve işlenecek tüm bilgileri içeren bir nesne olarak görülebilir. Bu biraz teknik bir kavram. Veri katmanı terimi, web siteniz / blogunuz ve etiket yöneticisi arasında verileri depolamak, işlemek ve aktarmak için Google Etiket Yöneticisi tarafından kullanılan veri yapısını belirtmek için kullanılır.

Daha fazla detaylandırmak için, bir Veri Katmanı verileri analiz aracınıza ziyaretçiniz hakkında besleyebilir. Tanım için başka bir bakış açısı alan Veri Katmanı, aslında dijital bağlamın her bir alt kümesi için iş gereksinimlerinin ve hedeflerinin bir listesidir.

Bir e-ticaret web sitesi örneğini ele alalım, iş gereksinimleri şunları içerebilir:

İşlem bilgileri, satın alınanlarla ilgili ayrıntılara sahip olmak
Kimin satın aldığına ilişkin ziyaretçi verileri
Satın alma işleminin nerede ve ne zaman yapıldığı gibi satın almayla ilgili diğer ayrıntılar
Son olarak, ziyaretçinin e-posta güncellemelerine abone olup olmadığı gibi diğer faktörlerle ilgili bilgiler

Özetle, veri katmanı gerektiğinde farklı araçlar / kullanıcılar / paydaşlar tarafından kullanılabilecek bilgileri taşır.

Google Etiket Yöneticisi'nde dataLayer bir JavaScript dizisidir. Anahtar / değer çiftlerinden oluşur. Aşağıda, farklı veri türlerine sahip hızlı bir dataLayer örneği verilmiştir -

dataLayer = [{
   'products': [{
      'name': 'Western Cotton',
      'tuning': 'High-G',
      'price': 49.75
   },
   {
      'name': 'Fenda Speakers',
      'tuning': 'Drop-C',
      'price': 199
   }],
   'stores': ['Hyderabad', 'Bangloer],
   'date': Sat Sep 13 2017 17:05:32 GMT+0530 (IST),
   'employee': {'name': 'Raghav}
}];

Burada, nesneler dizisi (ürünler), sayısal değerler (fiyat), dizeler dizisi (depolar), bir tarih nesnesi ve bir nesne (ad) gibi farklı değerlere sahibiz.

Diğer bir not ise, Google Etiket Yöneticisi Kapsayıcı Kodunu web sitenize yerleştirdiğinizde, veri katmanı otomatik olarak oluşturulur.

Veri katmanı, kendi içinde ilk seferde anlaşılması oldukça karmaşık bir kavramdır. Bu bölüm, veri katmanıyla nasıl etkileşim kurulacağı konusunda daha fazla bilgi sağlayacaktır.

Veri Katmanı Olayları

Veri katmanı olayına hızlı bir örnek, otomatik GTM dinleyicileriyle kolayca izlenemeyen bir haber bülteni kayıt formu olabilir. Bir web sitesi geliştiricisi, yeni bir abone web sitenize e-postasını girdikten sonra bir veri katmanı olayını iletmeniz için sizi destekleyebilir. Bu olayın kodu şöyle görünmeli -

push({‘event’: ‘new_subscriber’});

Gerekirse, geliştiricinizden form konumu gibi bazı daha fazla bilgi isteyebilirsiniz. Web sitenizde birden fazla form varsa bu gereklidir. Aşağıdaki kod kullanılarak elde edilebilir.

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
   'formLocation': ‘footer’,
   'event': new_subscriber
});

Ayrıca, Google Etiket Yöneticisi varsayılan olarak web uygulamalarının veri katmanına belirli bir değer kümesini aktarır. Bu değerler -

gtm.js - Google Etiket Yöneticisi çalışmaya hazır olur olmaz veri katmanına aktarılır
gtm.dom - DOM hazır olduğunda veri katmanına aktarılır
gtm.load - Pencere tamamen yüklendiğinde veri katmanına aktarılır

Veri Katmanını İnceleme

Şimdiye kadar bildiğimiz gibi, ekrandaki herhangi bir etkileşimin sonucu olarak oluşan belirli olaylar var.

Örneğin, bu basit sayfa yükleme olayını ele alalım. Olaylara bakmak için hata ayıklayıcıyı çalıştırmanız gerekir. Hata ayıklayıcıyı çalıştırdıktan sonra (önizleme modunda), blogu ziyaret edin. Sol alt köşedeki özet penceresine bakarsanız, göreceğiniz şey budur -

Step 1 - Pencere Yüklendi'yi ve ardından Veri Katmanı'nı tıklayın.

Veri Katmanı sekmesinde gösterilen bilgiler, Pencere Yüklendi olayı hakkındadır.

- {event: 'gtm.load', gtm.uniqueEventId: 3} olarak gösterilir

Ayrıca, daha yakından bakmak isterseniz, Chrome'un konsol sekmesinden destek almanız gerekir. Bir veri katmanını incelemek, Chrome hata ayıklayıcıyı doğru şekilde nasıl kullanacağınızı bildiğinizde kolaylaşır.

Step 2- Blogunuzdayken, sayfanın herhangi bir bölümünü sağ tıklayın. Görüntülenen bağlam menüsünde, İncele'yi tıklayın. Panel, Öğeler sekmesi etkinleştirilerek ekranın sağ tarafında görüntülenecektir.

Step 3- Konsol'u tıklayın. Konsol modundayken, gösterilen tüm mesajları temizlemek için sol üst köşe simgesine tıklayın. Referans için aşağıdaki ekran görüntüsüne bakın.

Step 4- Önceki mesajlar için pencere temizlendikten sonra dataLayer yazın, L için büyük harf kullanımının yapıldığından emin olun. Bu ad, Google Etiket Yöneticisi tarafından veri katmanına sağlanır. Bununla birlikte, geliştiricileriniz gerektiğinde ve gerektiğinde farklı bir ad atayabilir.

Step 5- dataLayer'dan sonra enter tuşuna basın. Aşağıdaki ayrıntıları gösterecektir.

Üç nesne vardır ve her nesne bazı bilgiler içerir. Şimdi, bu nesneler yukarıdaki ekran görüntüsünde gösterildiği gibi sizin için aynı olmayabilir. DataLayer yapılandırılabilir ve ihtiyaca göre yapılandırmak geliştiricinin kontrolündedir.

Mevcut değerler, o belirli konumda / alanda kullanımda olan Blogger gadget'ından kaynaklanmaktadır. Orada belirli bilgilerin olmasının nedeni budur.

Nesne 1'e bakarsanız, tetiklenen olayın - gtm.dom olduğunu fark edeceksiniz . Sayfayı yüklerken GTM tarafından tetiklenir.

Bu şekilde, veri katmanını inceleyebilir ve gerektiğinde buna bilgi ekleyebilirsiniz.

Veri Katmanındaki Değişkenler

Artık veri katmanını öğrendiğimize göre, Google Etiket Yöneticisi Arayüzünü kullanarak değişkenlerden birini deneyip okuyalım.

Burada, bir veri katmanı değişkeni kullanarak olayı okumaya çalışacağız.

Yukarıdaki şekli görürsek , değişken olayı gtm.dom'u tutar . GTM arayüzünden bir değişken oluşturacağız ve Google Etiket Yöneticisi altındaki Değişkenler sekmesinde nasıl yansıtıldığını göreceğiz.

Step 1- Google Etiket Yöneticisi Arayüzünde Değişkenler'e gidin. Kullanıcı tanımlı değişkenlere ilerleyin. YENİ'yi tıklayın.

Step 2 - Bu yeni değişkene bir isim verin, onu varEvent olarak adlandıralım.

Step 3 - Kuruluma başlamak için Değişken türü seç'i tıklayın…

Step 4 - Listeden Veri Katmanı Değişkeni'ni seçin.

Step 5 - Veri Katmanı Değişkeni'ni seçtiğinizde, adı ve sürümü sağlamanız istenecektir.

Bu ad, Google Etiket Yöneticisinin gerçek Veri Katmanından olacaktır. Daha önce de belirtildiği gibi, izleyeceğimiz değişken - olaydır.

Step 6 - Veri Katmanı Değişken Adı'na etkinliği girin.

Step 7 - KAYDET'i tıklayın.

Step 8 - Hata ayıklayıcıya yansıtılan değişiklikleri görmek için Önizleme'yi tıklayın.

Step 9- Sayfa yüklendikten sonra Pencere Yüklendi'yi ve ardından Değişkenler'i tıklayın. Değişkenler bölümünün en altına kaydırın, yukarıdaki ekran görüntüsünde vurgulandığı gibi varEvent'i göreceksiniz.

Yukarıdaki ekran görüntüsünde görüldüğü gibi, değer gtm.load olacaktır.

Bu şekilde, veri katmanını inceleyebilir ve gerektiğinde veri katmanındaki değerler yakalayabilir.