Adobe DTM Hata Ayıklayıcı Tanıtımı

Disruptive Advertising'de Adobe DTM'yi seviyoruz. Gerçekten (bence) pazarlama analitiği için en iyi etiket yöneticisi. Piyasadaki hemen hemen her şeyi kullandım ve başka bir araçtayken bunun Adobe DTM kullanıyor olmasını dilemeye devam ediyorum.

DTM ne kadar harika olsa da, geliştirici araçlarını (Chrome Developer Tools, Firebug, Firefox Inspector, vb.) kullanmadan gerçekte neyin tetiklendiğini bilmek imkansızdır. Kolayca hata ayıklamanın ve herhangi bir sayfada Adobe DTM'de neler olup bittiğini görmenin daha iyi bir yolu olabileceğini biliyordum, bu yüzden sonunda yardımcı olacak küçük, temiz bir araç geliştirdim.

Adobe DTM Hata Ayıklayıcı ile tanışın! Ayrıntılara girmeden önce kurulumu yapalım! Adobe DigitalPulse Hata Ayıklayıcı'yı daha önce kullandıysanız, bunu kullanmak çok benzer. Favori tarayıcınızda yeni bir yer imi oluşturun ve bu yer imi konumunu aşağıdaki koda ayarlayın:

 javascript:void(window.open("","disruptive_dtm_debugger","width="+screen.width+",height="+screen.height+",location=0,menubar=0,status=1,toolbar=0,resizable=1,scrollbars=1").document.write("<script id=\"disruptive_dtm_debugger\" src=\"https://static.disruptive.co/disruptive/dtm_launch_debugger.js\"></"+"script>"));

Orada ne yaptığımı gördün mü? DTM hatalarını ayıklamanıza yardımcı olan aracı Adobe DTM'de barındırıyorum!

Şimdi özelliklere geçelim:

Ayarlar

Kuralın en üstünde bazı temel ayarlar bulunur. Aşağıdakileri göreceksiniz:

Gayet basit. Size hangi DTM ortamının yüklendiğini gösterir (üretim veya hazırlama) ve size sayfayı yeniden yükleyecek ve yeni ortamı yükleyecek bir tıklama düğmesi verecektir. AMA BEKLE, DAHA FAZLASI VAR!

Kafa karıştırıcı olabilecek bir şey, hazırlama kitaplığının sayfada zaten yüklü olduğu bir geliştirme ortamında olmanızdır. Üretim kitaplığının hazırlama kitaplığının üzerine yüklenmesini sağlayamazsınız; bu nedenle, herhangi bir karışıklığı önlemek için üretim kitaplığını yükleme seçeneğini görmezsiniz.

Tüzük

Sayfanızda bir kuralın tetiklenip tetiklenmediğini öğrenmenin önceki yöntemi, DTM hata ayıklama modunu açmak ve ardından tarayıcınızda konsolu taramaktı. Bu cümle mantıklı gelmediyse, endişelenmeyin, sayfada neler olduğunu görmenin oldukça zor olduğunu bilin.

Şimdi, DTM hata ayıklayıcısını açtığınızda, kuralın geçerli sayfada olup olmadığı, kuralın tetiklenip tetiklenmediği ve ne tür bir kural olduğu gibi TÜM kurallarınızın bir listesini göreceksiniz.

Yalnızca bir kuralın ne zaman tetiklenip tetiklenmediğini göstermekle kalmaz; ancak bu kural, olay tabanlı bir kural veya doğrudan arama kuralı gibi ilk sayfa yüklemesinden sonra etkinleşirse, kural etkinleştiğinde vurgulanır ve tetiklediği küçük yeşil etiketi gösterir.

Tüm kurallarınızı görmek bunaltıcı olabilir ve çok fazla kaydırma yapmanızı gerektirebilir, bu nedenle, yalnızca tetiklenen kuralları göstermek için güzel bir özellik ekledik. Sadece bu kutuyu işaretleyin ve kurallarınız otomatik olarak filtrelenecektir. İlk sayfa yüklemesinden sonra etkinleşen yeni kurallar, tetiklendikten sonra bile görünür.

Şimdilik bu kadar, ancak bunun ne yaptığını genişletmek için bazı planlar var:

• Çeşitli koşulları ve ayrıntılarını listeleyin.
• Kural için yapılandırılan araçları ve ayarları listeleyin.
• 3. taraf etiketlerini listeleyin; ve mümkünse, kolay erişim için etiketlerin her birinin kodunu bağlayın veya gösterin.

Veri Öğeleri

Geçmişte DTM kullandıysanız, bir veri öğesinin değerini kontrol etmek için bir tarayıcının konsolunu kullanmanız gerekirdi. Bu şunları içeriyordu:

1. Konsolda _satellite.getVar'ı kullanma
2. Bir şeyin büyük harf mi yoksa küçük harf mi olduğu da dahil olmak üzere veri öğesinin tam adını bilmek

Oldukça kolay görünüyor, ama oldukça angaryaydı. Bu araç size otomatik olarak tüm veri öğelerinizin bir listesini ve bu veri öğesinin geçerli değerini gösterecektir!

Hatta veri öğesinin altı çizili “türüne” tıklayabilirsiniz ve size veri öğesinin tanımını gösterecektir.

Veri öğesinin değerini otomatik olarak göstermesi harika olsa da, veri öğesinin yalnızca bir değer döndürmekten daha fazlasını yapmasını sağlayan bazı uygulamalar olabileceğinden, değeri almak için tıklayabileceğiniz yerde isteğe bağlı olmasını planlıyoruz.

DTM Bildirimleri

Önceden, DTM'de hata ayıklamanın yolu, hata ayıklama modunu açmak ve tarayıcınızın konsoluna bakmaktı. Artık DTM, araçlar yüklendiğinde, kurallar ateşlendiğinde ve diğer pek çok olayda bilgileri otomatik olarak hata ayıklayıcıya yerleştiriyor.

Kendi içeriğinizi hata ayıklayıcıya koymak için _satellite.notify işlevini de kullanabilirsiniz. Hata ayıklama mesajlarına ve bildirimlerine ilişkin tipik görünümünüz şu şekildedir:

Örneklerimi adobe.com'dan çalıştırdığım için burada ÇOK FAZLA bilgi var, yani bu sadece bir önizleme.

DTM hata ayıklayıcısında, aynı listeyi konsolu açmanıza gerek kalmadan görüntüleyebilirsiniz ve konsola yazdırılan tüm DTM dışı mesajların yanı sıra mesajlarda ön ekli "UYDU:" ifadesini hariç tutarsınız.

AMA BEKLE, DAHA FAZLASI VAR! Sayfaya yeni öğeler yazdırıldıkça bu liste otomatik olarak güncellenecektir ve gerçekten kullanışlı 2 onay kutusu vardır.

1. Yalnızca özel bildirimleri göster

Kodunuzda _satellite.notify kullanıyorsanız ve mesajlarınız varsayılan DTM mesajlarından hiçbiriyle eşleşmiyorsa, yalnızca bunlar gösterilecektir.

Bu, çok sayıda bildirim arasında gezinmeden kasıtlı olarak kodladığınız şeye bakmak için gerçekten kullanışlıdır. Yukarıdaki ekran görüntüsü ile özel bildirimleri filtreledikten sonra nasıl göründüğü arasındaki farka bakın.

2. En yeni bildirimleri en üstte göster

Bu kutucuğu işaretlediğinizde sayfadaki yenilikleri görmek için en alta kaydırmanıza gerek kalmaz, en yeni bildirimler en üstte listelenir. Bunu hata ayıklamayı gerçekten kolaylaştırır!

Yapılandırma

DTM hata ayıklayıcısının son özelliği yapılandırmadır. Yüklenen ortamı gösterir (evet üstte de gösterir). Şu anda yalnızca ortamı ve yüklü aracı gösterir. Adobe.com söz konusu olduğunda, yüklü birçok analiz aracı vardır.

Bunun için planlar, bir araca tıklayabilmek ve aracın yapılandırmasını / ayarlarını görüntüleyebilmektir.

DTM Kurulu Değil mi?

Bu benim en sevdiğim kısım olabilir. 2015 Adobe Zirvesi'nde DTM ekibi, Run DMC logosunda "RUN DTM" yazan bu gömlekleri giydi. Onlar dahidir. Bu gömleğe bir övgü olarak (ki hala bende yok), DTM hata ayıklayıcısını DTM yüklü olmayan bir sitede açarsanız, şunu gösterecektir:

Katkı yapmak! (Zamanınız ve fikirleriniz, paranız değil)

Bu araç harika olduğu kadar, ortaya çıkan birkaç hatanın yanı sıra onu daha da harika hale getirecek daha iyi özellikler olabilir. Lütfen, lütfen herhangi bir hatayı veya tavsiyeyi yolumuza gönderin! DTM hata ayıklayıcısının en altında, otomatik olarak bir e-posta taslağı hazırlayacak bir bağlantı vardır, ancak bu gönderiye yorum da gönderebilirsiniz.