Tag Manager ile birçok dönüşümü takip edebiliyoruz. Sepete Ekleme, Alışveriş vb. gibi dönüşümler için bazen dinamik verilerin de gönderilmesi gerekiyor. Dinamik olarak değişen (alışveriş veya sepete ekleme) verileri sabit bir yapıda olmadığı için arkaplanda tetiklendiği kod parçacığı ile tanımlamamız gerekiyor. Dinamik olarak tetiklenen bir JavaScript kodu ile bu değerleri kolaylıkla reklam veya Analytics panellerine gönderebiliyoruz.
Peki, dilediğimiz gibi herhangi bir verinin dinamik halini nasıl çekebiliriz ?
Dinamik verilerin JavaScript tarafını bir eklenti ile kolaylıkla çekebiliyoruz. Eklentimizin ismi; “GTM Variable Builder” ‘dır. Buradan indirerek, kurulum yapabilirsiniz. Eklentiyi tarayıcıya başarılı bir şekilde kurduktan sonra diğer adımlara geçebiliriz.
GTM Variable Builder Kullanımı
Eklenti kullanımı oldukça basit ve anlaşılır. Dinamik olarak değişen verinin üzerine gelerek sağ tık ile “öğeyi incele” tıklıyoruz.
Ardından karşımıza HTML kodların olduğu bir pencere geliyor. Biz burada fiyatı seçtik ve öğeyi incele dedik. Seçili gelen kod parçacığının üzerine gelerek sağ tıklıyoruz Copy > Copy JS Path adımlarını izleyerek kodun JavaScript halini kopyalıyoruz.
Geliştirici penceresinde Console sekmesine giriyoruz. Kurduğumuz eklentinin ikonu tarayıcımızda en üst sağ köşede görünecektir. İkona bir kere tıkladıktan sonra Console alanında JavaScript kodu otomatik olarak geliyor. İkinci sırada yer alan kodu kopyalayarak Tag Manager ‘ı açıyoruz.
Tag Manager ‘da JavaScript Değişkeni Oluşturma
Tag Manager panelinde Variables sekmesini açıyoruz. User-Defined Variables alanında yeni bir değişken oluşturmak için New butonuna tıklıyoruz. Değişken seçeneklerinden Custom JavaScript seçeneğini seçerek açılan alana kopyaladığımız JavaScript kodunu yapıştırıyoruz ve değişkinimize bir isim verip kaydediyoruz. Ben, ürün detay sayfasında yer alan fiyat bilgisini çekmek istiyorum. Hemen bir test edelim ve oluşturduğumuz değişkenin çalışma durumunu kontrol edelim.
Tag Manager Önizleme Modu İle Değişken Testi
Bunun için Tag Manager önizleme modunu açın ve web sitesinde ürün detay sayfasına gidin. Önizleme ekranında sayfa adına tıklayın ve Variables seçeneğine tıklayın. Karşınıza tüm değişkenler gelecektir. Burada isimlendirdiğiniz değişkeni bulun ve karşısına değer geliyor mu bakın. Değer geliyorsa başarılı bir şekilde kurulumu yaptınız demektir.
Fiyat örneğini vererek bir JavaScript değişkeni oluşturduk. Bunu çok farklı verileri sitenizden GTM ‘e çekebilir ve FB, GADS ve Analytics gibi panellere gönderecek şekilde kullanabilirsiniz.
Bir içeriğin daha sonuna geldik. Aklınıza takılan herhangi bir soru var ise buradan yorum bırakabilir ya da LinkedIn üzerinden yazabilirsiniz. Umarım, başarılı bir şekilde kurulumları tamamlamışsınızdır. Sağlıkla kalın!