Ana sayfa / dataLayer inceleyici

Sırayı koruyan bir dataLayer inceleyici

Konsola dataLayer yazabilirsiniz. Dönen şey; zamanlaması, sonuçları ve son gezinmeden öncesi olmayan bir dizidir.

Varsayılan cevap konsol ve tam olarak yanlış da değil. dataLayer yazmak size push'ları dizi hâlinde verir; bir anahtarın var olduğunu doğrulamaya yeter. Yetmediği yer, ondan sonraki sorular.

Konsol neden yetmiyor

• Dizi, model değildir. GTM her push'tan kurulmuş birleşik bir durum tutar; dizi ise onu üreten kayıttır. Bir push'un yazdığı ve sonraki bir push'un üzerine yazdığı bir anahtar dizide iki kez görünür ve iki kayıt da bir tag'in hangi değeri okuduğunu söylemez.
• İçinde zamanlama yok. Push'un, ona ihtiyaç duyan tag'den önce mi sonra mı düştüğü çoğu zaman hatanın kendisidir ve bir nesne dizisi saat taşımaz.
• Son gezinmede biter. Normal bir sitede istediğiniz push'lar sayfa değiştiği anda gitmiştir. Tek sayfalık bir uygulamada dizi yaşar ama rotalar arası sıra tam da göremediğiniz şeydir.
• Hiçbir şey push'u sonucuna bağlamaz. Konsol push'u gösterir. O push'un üç tag çalıştırdığını ya da hiçbirini çalıştırmadığını göstermez.

Panelin gösterdiği

Her push, gerçekleştiği sırayla, gezinmeler boyunca korunarak ve her birinin ürettiği takip istekleri altına iç içe yerleşmiş hâlde. Event adı, nesnenin tamamı ve — bir şeye yol açan push'lar için — tepki veren platformlar.

Push'tan GTM değişkenlerine

Aradığınız push'u bulduktan sonrası kopyalama işidir: her nokta yolunu GTM'e Data Layer Variable olarak yazmak, sonra bir Custom Event tetikleyicisi, sonra bunlara bir tag bağlamak. Panelde event'i seçip istediğiniz değerleri işaretlemek üçünü birden, içe aktarmaya hazır biçimde üretir.

Çıkan şey bir GTM container dışa aktarımıdır, oturum dosyası değil — GTM'e gider ve onu eklentiye geri yüklemek diye bir şey yoktur. O dosyada ne bulunması gerektiği, GTM'in bütün içe aktarımı reddettirdiği iki alanı; event'i seçmek ise ondan önceki adımı anlatıyor.

Konsolun hâlâ kazandığı yer

Birleşik modeli şu anda okumak. google_tag_manager['GTM-XXXXXX'].dataLayer.get('ecommerce') GTM'in bu anda bir değişkene vereceği değeri döndürür; bu kesin, anlıktır ve kaydedilmiş bir geçmişin veremeyeceği bir şeydir. Push yakalayan bir panel olanın kaydıdır; konsol ise doğru olanın sondasıdır. Sorunuz "şu anda" ile ilgiliyse sondayı kullanın.

Sorular

Bir sayfadaki dataLayer'ı nasıl görürüm?

Tarayıcı konsoluna dataLayer yazmak push dizisini döndürür. Sıra, zamanlama ve her push'un neye yol açtığı için, onları olurken kaydeden bir panel dizinin gösteremediğini gösterir.

Konsoldaki dataLayer neden GTM'in okuduğundan farklı?

Dizi push'ların kaydıdır; GTM onlardan kurulmuş ayrı bir birleşik durum tutar. Bir anahtar iki kez yazıldığında dizi ikisini de tutar, model sonuncuyu tutar — bir değişkenin çözümlendiği değer odur.

Tek sayfalık uygulamalarda çalışıyor mu?

Evet ve asıl önemli olduğu yer burası. Push'lar rota değişimleri boyunca korunur; böylece sanal bir sayfa görüntüleme ile etrafındaki event'lerin sırası kayıp gitmek yerine okunabilir kalır.

Bulduklarımı GTM değişkenine çevirebilir miyim?

Evet. Bir event seçip istediğiniz değerleri işaretlemek; Data Layer Variable'ları, Custom Event tetikleyicisini ve bunlara bağlı bir tag'i, içe aktarmaya hazır bir GTM container dışa aktarımı olarak üretir.

Bana ait olmayan sitelerde çalışır mı?

Evet. Siteden hiçbir şey istenmez — container erişimi de, kod değişikliği de, debug oturumu da.

Rehberler

İnsanları yanıltan kısımların uzun hâli.

• Tek tıklama, üç push: doğru dataLayer event'ini seçmek — Sepete ekleme nadiren tek event ateşler. Gerçek bir mağazanın ne push ettiği, tetikleyicinin hangisini kullanması gerektiği ve asla cevap olmayan dört push türü.
• Yakalanan dataLayer push'larını içe aktarılabilir bir GTM container'ına çevirmek — Bir container dışa aktarım dosyasında ne bulunmalı, hangi iki alan bütün içe aktarımı reddettiriyor ve yer tutucular neden boşluktan iyi.
• Görsel öğe seçici, kendisine direnen bir sayfada nasıl çalışır — Bir öğeyi göstermek kulağa basit gelir, ta ki sayfa ayağınızın altından gidene kadar. Seçicinin neyi durdurması gerektiği, neye yapıştığı ve hata fırlatan o çağrı.
• Sonraki dağıtımda bozulmayacak bir GTM tıklama tetikleyicisi — Kopyalanan CSS seçici neden eşleşmeyi bırakır, hangi niteliklere tutunmaya değer ve hangi Tailwind sınıfı seçiciyi sessizce geçersiz kılar.
• Gömülü bir widget'ın içindeki izleme — Iframe içindeki widget'ın kendi dataLayer'ı vardır. Preview'ın bir, kaydın iki gösterdiği durum ve sınırı gerçekte neyin geçtiği.
• Herhangi bir siteye GTM container nasıl enjekte edilir — Container’ı yayına almadan test edin — müşteri sitesinde, staging ortamında veya kontrol etmediğiniz bir sayfada, koda dokunmadan.

Diğer ikisi: GTM debugger, GA4 debugger