Otomatik İzleme Kötü—Tek Sayfalı Uygulama Sürümü

Şık bir görünüm ve hisle, geliştiricilerin tek sayfalık uygulamaları (SPA'lar) benimsemeye yönelmeleri şaşırtıcı değil. Ve tabii ki ürün ekipleri, davranışların elde tutma, sadakat ve yaşam boyu değeri nasıl etkilediğini bilmek için müşterilerin SPA'larıyla nasıl etkileşim kurduğunu anlamak istiyor. Yine de çok sayıda geliştirici, daha önce de söylediğimiz gibi [hala] kötü olan otomatik izlemenin sahte vaadine kapılmış durumda. Otomatik izleme SPA'ları, müşteri yolculuğunun eksik görünümleri ve daha yavaş web performansı gibi sorunlara neden olur. Bu çok tanıdık geliyorsa, iyi haber şu ki, yalnız değilsiniz. Bu gönderide, SPA'ların ve otomatik izlemenin arka planda nasıl çalıştığını ve otomatik izlemenin SPA'larla neden iyi çalışmadığını paylaşacağım.

Tek sayfa uygulamaları nasıl çalışır?

Yüksek düzeyde, tek sayfalık bir uygulama (SPA), başlangıçta açıldığında verilerin çoğunu (ör. HTML, CSS ve Javascript) yükleyen bir web uygulamasıdır. Uygulamada gezinirken SPA'lar, değiştirilmiş izlenimi vermek için geçerli web sayfasını dinamik olarak yeniden yazarken, geleneksel web siteleri tüm sayfanın yeniden yüklenmesini gerektirir. Bu nedenle SPA'lar, yerel bir mobil deneyime benzer şekilde, geleneksel web sitelerine kıyasla daha hızlı, daha duyarlı ve daha sorunsuz hissettiriyor. Örneğin, birçok e-ticaret sepeti ödeme akışı, tek sayfalık uygulamalar olarak oluşturulmuştur. Facebook, Github ve Google Haritalar gibi popüler siteler de SPA'lardır. Kullanıcılar web'de daha iyi ve daha iyi ürün deneyimleri bekledikçe SPA'lar giderek daha popüler hale geliyor. Stack Overflow, 2021 Geliştirici Anketinde katılımcılara en sık kullandıkları web çerçevelerinin neler olduğunu sordu. Birden çok SPA çerçevesi sıralamada zirveye yerleşti: React, Angular ve Vue 1., 4. ve 5. sırada yer aldı.

Peki, otomatik izleme nasıl çalışır?

Otomatik izleme araçları, SPA'nıza tek bir kod parçacığı koymanızı gerektirir. Araç, önemli olsun ya da olmasın, Belge Nesne Modeli'ndeki (DOM) tüm değişiklikleri, tüm ağ isteklerini ve tüm kullanıcı girişi olaylarını otomatik olarak izlemeye başlayacaktır. Anlamlı bir analiz yapmak istiyorsanız, gelen veri selini ayıklamanız ve etiketleme yoluyla verileri düzenlemeniz gerekir. Öte yandan, otomatik izlemenin kurulumu daha kolaydır ve gelen verileri hızlı bir şekilde görebilir, bu da onu teknik olmayan kişiler için iyi bir seçenek haline getirir.

Otomatik izlemeye başlamak daha hızlı görünse de dezavantajları vardır. Bu blogun amaçları doğrultusunda, SPA'lara özgü iki ana otomatik izleme sorununu ele alacağım.

Net içgörüler elde etmek zor

Müşteri yolculuğunun tamamını yakalamak, sadık müşterilerin ürününüzü nasıl kullandığını anlamak ve kayıp risklerini ve para kazanma veya ek satış fırsatlarını belirlemek için artık her zamankinden daha fazla önem taşıyor. Basit bir değişikliğin bile belirlenmesi, işletmeniz üzerinde çok büyük bir olumlu etkiye neden olabilir. Örneğin, Birleşik Krallık'taki en büyük bağımsız eczane işletmesi olan Well Pharmacy, Huniler, Dönüşüm Sürücüleri ve Dönüştürme Süresi'ni kullanarak kullanıcıların kayıt akışlarını neden bıraktıklarını araştırabildi. Well Pharmacy, müşteri yolculuğunun tamamına ilişkin içgörü sayesinde kayıt dönüşümünü %30 artırmayı başardı.

Müşteri yolculuğunun tamamına ilişkin net içgörüye sahip olmak çok önemlidir, ancak otomatik izleme ile müşteri yolculuğunun tüm resmini elde etmek zor olabilir. Kullanıcılar, DOM'u anında izlemeyi tetikleyecek şekilde değiştirmeden birden çok eylemi gerçekleştirebilir ve bu da eylemlerin yanlış zamanlamasına ve sırasına neden olur.

Diyelim ki bir müşteri sepetine bir ürün ekledi. Bu, çoğu otomatik takip çözümü tarafından yakalanacaktır. Ancak otomatik izleme çözümleri, örneğin sepete hangi ürünün eklendiği, maliyeti, sepetlerinin boş olup olmadığı, bir anlaşma görüp görmedikleri gibi önemli bağlamı anlamakta zorlanırlar. öğe tavsiye? Bağlam, herhangi bir ürün çalışanının bir sepete ekleme olayı hakkında bilmek isteyeceği ilgili bilgilerdir.

Bu, hatalı ve eksik sonuçlara yol açarak verilere ve onlardan çıkardığınız içgörülere güvenmeyi zorlaştırır. Bulduğunuz içgörüler yanlışsa, daha fazla insanın karar vermek için verileri kullanmasını sağlamak daha da zor olacaktır. Bu olduğunda, izlenecek en iyi yol sıfırdan başlamak ve hassas izleme rotasını kullanmaktır. Acı verici, ancak birçok şirketin otomatik izlemenin sınırlamalarını fark ettikten sonra bu süreçten geçtiğini gördük.

Daha yavaş web sitesi performansı riski

Son olarak performanstan bahsedelim. SPA'ların geleneksel web sitelerine göre sahip olduğu en büyük avantajlardan biri, daha duyarlı kullanıcı deneyimidir; her şey daha şık ve daha hızlıhissettirir. Bir SPA'yı otomatik izlemeyle, aracınıza neyi izleyeceğini tam olarak söylemediğiniz için her şeyi izler. Kulağa hoş geliyor, değil mi? Ancak gerçekte, bu veri akışı ağ trafiğini ve işlem süresini kolayca artırabilir. UX eskisi kadar hızlı değilse, bu durum kârlılığınızı büyük ölçüde etkileyebilir. Amazon tarafından yapılan bir araştırmaya göre, sayfa yükleme süresindeki her 100ms gecikme için gelirde yaklaşık %1'lik bir düşüş olabileceğini tahmin ediyorlar.

Hassas takip ile kendinizi ve SPA'nızı şımartın

SPA'lar için otomatik izleme kullanmak ideal değildir; müşteri yolculuğunun eksik bir görünümü ve daha yavaş performans süreleri riskiyle karşı karşıya kalırsınız. Bu zorlukların alternatifi hassas izlemedir.

Güvenilir veriler, müşteri yolculuğuna ilişkin net içgörüler ve hızlı performans süreleri sağlayan bir araç arıyorsanız, başka yere bakmanıza gerek yok. Genlik, hassas izlemeyi kullanır, yani olaylarınızı önceden manüel olarak enstrüman haline getirir ve bu olaylarla ilgili tüm bağlamı yakalarsınız.

Başlangıçta daha fazla zaman alsa da olay sayımlarının ve kullanıcı yolculuklarının doğruluğunu sağlar. Hassas izleme ile ekiplerinizin güvenebileceği verilere ve müşteri yolculuğunun her adımında net içgörülere sahip olacaksınız. Ayrıca Amplitude, ağ üzerinden yalnızca sizin önemli gördüğünüz şeyleri izler ve gönderir, bu da SPA'nızın performansını olabildiğince az etkiler.

Hassas takibe geçmek istiyorsanız, sohbet edelim. Otomatik izleme araçlarından hassas izlemeye geçiş yapan birçok müşteriye rehberlik ettik. Ekiplerinizin ürününüzü güçlendirmeye odaklanmaya devam edebilmesi için en iyi uygulamaları paylaşmaya hazırız.