GTM Element Visibility ile Sanal Sayfa Entegrasyonu Nasıl Yapılır

Bu blog yazısında, yukarıdaki sorunun yanıtlarını bulacak, ayrıca Sanal Sayfa'nın ne olduğuna, avantaj ve dezavantajlarına ve GTM Öğe Görünürlüğü ile entegre ederek geliştirici desteği olmadan bu süreci nasıl yönetebileceğinize dair ayrıntılı bilgiler edineceksiniz.

Sayfa URL'sinin değişmediği ancak içeriğin değiştiği durumlarda, bazen ek sayfa takibi ve daha ayrıntılı analizlere ihtiyacınız olabilir. Bu gibi senaryolarda derinlemesine huni analizi yapmak için, bu tanımların ne anlama geldiğini ve GTM Öğe Görünürlüğü'nü kullanarak geliştirici yardımı olmadan bunları nasıl uygulayabileceğinizi inceleyelim.

Sanal Sayfa (Tek Sayfa Uygulaması) Nedir?

Sitenizin daha hızlı çalışmasına yardımcı olan Sanal Sayfa veya SPA (Tek Sayfa Uygulaması), sunucudan yeni sayfaların tamamını yüklemek yerine mevcut sayfayı dinamik olarak yeniden yazarak kullanıcıyla etkileşime giren bir web uygulaması türüdür.

Bir SPA'da, tüm kaynak kodu site açıldığında bir kerede yüklenir ve yeni sayfalar önceden yüklenmiş kodu kullanarak ön uç komut dosyalarını çalıştırarak görüntülenir. Buradaki avantaj, kullanıcılar farklı bir sayfaya geçtiğinde, kodun yeniden yüklenmesini beklemek zorunda kalmamalarıdır. Kısacası, Sanal Sayfalar site hızını artırır ve kullanıcı deneyimini iyileştirir.

Örneğin, bir e-ticaret web sitesine göz attığınızı ve çeşitli ürünler açtığınızı düşünün. Geleneksel bir yapıda, her ürün tıklaması sunucuya yeni bir istek gönderir ve bu da tüm sayfanın yeniden yüklenmesine neden olur. Bu iyi gibi görünse de, yoğun trafik dönemlerinde sitenizi önemli ölçüde yavaşlatabilir.

Bir SPA senaryosunda, tüm kaynak kodu önceden yüklendiği için, kullanıcı eylemleri mevcut kod aracılığıyla yönetilir ve sayfa hızı etkilenmez. Bir sayfa tıklandığında değişir, ancak yeniden yüklenmez.

Ancak, hız avantajlarının yanı sıra, SPA'lar siteniz üzerinde olumsuz etkilere de sahip olabilir. Bir sorun, sahte yönlendirici (rogue referrer) olarak bilinen bozuk kaynak takibidir. Kullanıcılarınızın nereden geldiğini ve ne kadar kaldığını gösteren yönlendirici verileri SPA'larda kesintiye uğrayabilir.

Ek olarak, SPA uygulamaları SEO için de dezavantajlar yaratabilir. SPA'lar tek bir sayfa olarak görüldüğünden, arama motorları tarafından doğru bir şekilde dizinlenmesini engelleyebilir ve sayfa sıralamanızı düşürebilir.

SPA'nın (Tek Sayfa Uygulaması) Avantajları:

 
• Hız / Performans: Belirtildiği gibi, SPA'lar tüm sayfayı yeniden yüklemeden içeriği dinamik olarak günceller, bu da kullanıcıların site içinde hızlı bir şekilde işlem yapmasına olanak tanır.

 
• UX (Kullanıcı Deneyimi): SPA'lar, gezinme sırasında kesintileri önleyerek mobil uygulamalara benzer bir deneyim sunar, akıcı ve pratik bir deneyim sağlar.

 
• Önbelleğe Alma (Caching): SPA'lar daha hızlı önbelleğe almayı sağlar, yerel verilerin ve bağlantı akışının etkili bir şekilde kullanılmasını mümkün kılar - hatta internet sorunları sırasında bile - sürekli kullanılabilirlik sağlar.

SPA'nın (Tek Sayfa Uygulaması) Dezavantajları:

 
• Sahte Yönlendirici (Rogue Referrer): Kaynak takibi kesintiye uğrayabilir, kullanıcıların nereden geldiğini tespit etmeyi zorlaştırır, bu da ayrıntılı huni analizini engeller.

 
• SEO: SPA'lar tek bir sayfa olarak göründüğünden, sitenizin doğru bir şekilde dizinlenmesini engelleyebilir, arama motoru sıralamalarını etkileyebilir.

GTM'deki “Tüm Sayfalar” tetikleyicisi, tam sayfa yüklemelerinde tetiklenir, bu nedenle Sanal Sayfalarda çalışmaz. Bu durum, ayrıntılı huni analizinin gerektiği durumlarda bir sınırlama haline gelir.

Bunu çözmek için, öncelikle sitenizde Sanal Sayfaların nerede kullanıldığını belirleyin, ardından GTM Öğe Görünürlüğü kullanılarak entegrasyonun nasıl yapıldığını görün.

Sanal Sayfaların Kullanıldığı Alanlar

 
• Sanal Sepet Sayfaları: Bunlar, yeni bir sayfaya yönlendirmeden sepeti/özeti gösteren yan panellerdir.

 
• Potansiyel Müşteri Oluşturma Sayfaları: Genellikle SMS veya onay pop-up'larında kullanılır.

Sanal Sayfa Kullanımının Yaygın Örnekleri:

 
• Gmail

 
• Facebook

 
• Twitter

 
• Google Drive

 
• Google Maps

 
• Netflix

Sanal Sayfa Nasıl Entegre Edilir?

İlk yöntem, geliştirici desteğiyle - ya doğal olarak ya da GTM aracılığıyla - olayları göndermektir. Bu kolay gibi görünse de, geliştiricilere güvenmek işleri yavaşlatabilir veya sorunlar1 durumunda hızlı müdahaleyi engelleyebilir.

Burada ele alınan ikinci yöntem, GTM Öğe Görünürlüğü'nü kullanmaktır. Bu, geliştirici katılımı olmadan hızlı uygulama sağlar ve ayrıntılı huni takibini destekler.

GTM Öğe Görünürlüğü ile Sanal Sayfa Entegrasyonu

Sanal sepet ve potansiyel müşteri oluşturma örnekleri için GTM'yi kullanacağız. Web sitenizde GTM yüklü olmalıdır. Ardından, Öğe Görünürlüğü tetikleyicisini yapılandırabilirsiniz. İlk olarak, bu tetikleyicinin nasıl çalıştığını anlayalım.

GTM'de “Yeni Tetikleyici”yi seçtiğinizde, aşağıdaki ekranı göreceksiniz.

“Tetikleyici Yapılandırması”na tıklamak, bir tetikleyici türü seçmenizi ister.

“Öğe Görünürlüğü”nü seçtiğinizde, aşağıdaki ekran belirir:

Öğe Görünürlüğü tetikleyicisi 3 şekilde tetiklenebilir:

 
• Sayfa başına bir kez: Tetikleyici, sayfa yüklemesi başına yalnızca bir kez tetiklenir - yinelenen isabetleri sınırlamak için idealdir.

 
• Öğe başına bir kez: Tetikleyici, her örnek için tetiklenir - bir kullanıcı bir pop-up'ı birden çok kez yeniden açarsa kullanışlıdır.

 
• Bir öğe ekranda her göründüğünde: Tetikleyici, öğe belirtilen görünürlük eşiğine göre her göründüğünde tetiklenir.

Görünür yüzde, öğenin ne kadarının görünür olduğunu tanımlarken, minimum görünür yüzde tetikleyici için eşiktir. Varsayılan %50'dir.

Ekrandaki minimum süre ile, tetiklenmeden önce minimum bir süre (örneğin, 1000 ms) de ayarlayabilirsiniz.

Öğe, sayfa yüklendikten sonra yüklenirse, doğru bir şekilde algılanması için DOM değişikliklerini gözlemle seçeneğini kullanın.

Sanal Sepet Sayfaları için GTM Öğe Görünürlüğü

Tarayıcı denetleme araçlarını (Denetle > Öğeler) kullanarak hedef öğenizi seçin.

En minimal ve kararlı seçiciyi kullanın - örneğin:

document.querySelector("box-flex. cart-summary")

...

Öğenin sayfada yalnızca bir kez var olduğunu doğrulayın:

document.querySelector("box-flex. cart-summary")

Tetikleyici ayarlandıktan sonra, etiket yapılandırmasına geçin. Verileri bir sayfa görüntülemesi olarak göndermek için, GA'da yapılandırın ve Diğer Ayarlar > Ayarlanacak Alan aracılığıyla varsayılan sayfa URL'sini geçersiz kılın, sayfa adı ve başlık alanlarını özelleştirin.

Potansiyel Müşteri Oluşturma Sayfaları için GTM Öğe Görünürlüğü

Bazı durumlarda, SMS onayı yeni sayfalar yerine pop-up'lar aracılığıyla gösterilir. Bunları izlemeden, kullanıcıların SMS hunisinden ne zaman çıktığını bilmek zordur.

SMS modallarını Öğe Görünürlüğü ile izleyerek, GA'ya sanal sayfa görüntülemeleri gönderebilir ve ayrıntılı içgörüler elde edebilirsiniz.

Bu örneklerle, sanal sepet sayfaları veya potansiyel müşteri oluşturma pop-up'ları kullanan markalar, geliştirici desteği olmadan GTM Öğe Görünürlüğü'nü kullanarak Sanal Sayfa Entegrasyonu gerçekleştirebilir, bu da daha doğru performans ölçümü ve analizi sağlar.

Bir sonraki yazıda görüşmek üzere…