Aşağıdaki makale size yardımcı olacaktır:PWA Performansını Ölçme: Veri Bütünlüğü ve Yatırım Getirisi
Yani, ilerici bir web uygulaması (PWA) ile başsız kalmayı düşünüyorsunuz. Bu harika!
Aradığınız sonucu biliyorsunuz: Daha fazla UX kontrolüne sahip, hızlı yüklenen, gezinmesi kolay, yüksek dönüşüm sağlayan bir e-ticaret sitesi.
PWA’nızın ne kadar hızlı olacağına veya kilidini açacağınız yenilikçi alışveriş özelliklerine odaklanmak kolaydır. peki ya ölçmeye ne dersiniz? verim PWA’dan mı?
Bir PWA ile başıboş kalırsanız, e-ticaret analitiği kurulumunuza, özellikle de veri bütünlüğünüze ve ilişkilendirmenize özel dikkat göstermeniz gerekir.
Çoğu marka çoğu zaman farkına varmadan yetersiz verilerle çalışır ve bu da yeni bir PWA’nın alışveriş yapanlar arasında ne kadar etkili olduğunu bilmeyi imkansız hale getirebilir.
Bugün, baştan itibaren temiz bir analiz kurulumuna sahip olmanın önemini, hatalı verilerle çalıştığınızı fark ettiğinizde ne yapmanız gerektiğini ve PWA performansınızı ölçerken hangi metriklere özellikle dikkat etmeniz gerektiğini ele alacağız.
Haydi konuya girelim!
#cta-paragraph-fe#PWA’ların avantajlarını ve bunların başsız mağazanız için neden mükemmel bir seçenek olduğunu öğrenin.
Atlayabilirsiniz:
Yeni PWA’nızda neden doğru analiz kurulumunun bir öncelik olması gerekiyor?
İlk olarak: PWA’lar standart e-ticaret sitenizden farklıdır ve sağladığı faydalar, perakendecilerin bu siteye dikkat etmesinin nedenidir.
En önemli farklardan biri, ilişkilendirmenin PWA ile nasıl izlendiğidir. Ancak bu konuya girmeden önce nasıl çalıştıklarını bilmek faydalı olacaktır:
PWA’lar statik web sitelerinden çok yerel uygulamalar gibi davranır ve ışık hızında yüklenir. İlk önce statik bir web sayfası olarak yükleniyor, bir PWA giderek tek sayfalık bir web uygulaması haline gelir. Örneğin Nomad.com gibi:
PWA vitrinlerinin güzelliği, sayfadan sayfaya yükleme süresini nasıl hızlandırdıklarıdır (sayfanın yalnızca ihtiyaç sonraki her sayfa yüklemesinde değiştirmek için).
Bu iyileştirilmiş site hızı, mağaza ziyaretçilerinin dönüşüm gerçekleştirmesini sağlar (yavaş yüklenen mağazalar bir saniyelik gecikme dönüşümler üzerinde %20’ye kadar bir etki yaşayabilir.
Bununla birlikte, ilişkilendirmeyi ve sayfa görüntülemelerini takip etmek zorlaşabilir.
Kullanıcılar sitenize geldiğinde ilişkilendirmeniz bozulmadan kalır ancak Google Etiket Yöneticisi’nin PWA ile çalışma şekli nedeniyle sonraki sayfa görüntülemelerinde kaybolur.
Bir PWA’nın tamamı yalnızca bir kez yüklenir ve Google Etiket Yöneticisi, açılışta ve ilk sayfa görüntülemede ilişkilendirmeyi ayarlar.
Ancak, çünkü site yenilenmiyor her yeni sayfa görüntülendiğinde Google Etiket Yöneticisi, ilk sayfa açılışını takip eden ek sayfa görüntülemelerini hesaba katmaz; bu da sayfa görüntülemelerinizi karıştırır.
Bu sayfa görüntüleme izleme sorununu düzelttikten sonra bile ilişkilendirme şu nedenlerden dolayı hala kullanılamıyor: URL yapısını değiştirme. Bir ziyaretçi farklı sayfalara gittiğinde siteniz ilişkilendirme kaynağını kaybeder. sahte yönlendirme— Google Etiket Yöneticisi’ni PWA ile kullanırken oluşan bir hata.
PWA sonrası ilişkilendirme değişikliğinde bir şeylerin ters gittiğini gösteren birkaç işaret:
- Oturumlarınız ve doğrudan trafiğiniz artar ve dönüşüm oranı düşer
- Pazarlama kanallarınız dönüşümler için kredi kaybetmeye başlıyor
- Google Analytics’te Kullanıcı Gezgini raporunu incelerken kullanıcı başına tek bir ziyaret sırasında birden fazla oturum görüyorsunuz
Baş ağrısına benziyor, değil mi? Neyse ki bu hatanın bir çözümü var 🐛
Sahte yönlendirme hatasını PWA ile nasıl düzeltebilirim?
Neyse ki hileli yönlendirme hatası çözülebilir manuel olarak sabitlendi geliştirici yardımıyla. Fazla teknik bir konuya girmeden bu düzeltme, ilk sayfa URL’nizi genel bir değişkende saklamayı ve ardından Google Analytics etiketlerinizin her birindeki Doküman Konumu alanını bu değişkeni kullanacak şekilde manuel olarak ayarlamayı içerir.
Bu düzeltme ayarlandıktan sonra, oturumların düştüğünden ve dönüşüm oranınızın arttığından emin olmak için önümüzdeki 24 saat boyunca verilerinizi izleyeceksiniz.
#cta-paragraf-fe#Shogun Frontend, uygulama sürecinin bir parçası olarak satıcılara bu hataya yönelik bir çözüm sunuyor. Etiketlerinizin en başından itibaren doğru yapılandırıldığından emin oluruz, böylece verilerinizin güvenilir olduğunu bilirsiniz.
Sahte yönlendirme düzeltmesinin bir olduğunu bilmek önemlidir. ileriye dönük çözüm— bu, bu hata artık bir sorun olmaktan çıktığında, o noktadan itibaren toplanan tüm verilerin doğru olacağı (veya doğru olması gerektiği) anlamına gelir; bu nedenle, PWA izleme deneyimine sahip bir uygulama ortağına sahip olmak çok önemlidir!. Ancak önceden toplanmış verileri düzeltmez.
#cta-visual-fe#
Kullandığınız verileri bütünlük açısından değerlendirdikten sonra ve ilişkilendirme kurulumunu doğru yaptığınızı varsayarak, yeni kurulan PWA’nızın yatırım getirisini ve performansını izlemek için kullanacağınız araçlardan bazıları şunlardır:
Google Deniz Feneri
Google Lighthouse, sitenizin durumunu ve optimize edilmesi gereken alanları ölçmek için mükemmel bir araçtır.
Google Lighthouse Puanınız, sitenizin performansına, erişilebilirliğine, SEO’suna ve en iyi uygulamalarına göre Google’ın sitenize verdiği derecelendirmeyi birleştirir.
Bir ölçü olarak yararlı olsa da—Google Lighthouse puanları, her şeyin sonu olan bir araç veya başarı ölçüsü olarak görülmemelidir. Trafik yönlendirme değişiklikleri, A/B testleri, puanı kontrol ettiğiniz cihaz vb. faktörler nedeniyle puanınız sürekli değişecektir.
Google’dan John Mueller’e göre Lighthouse ölçümleri, bir sitenin gerçek kullanıcılar için ne kadar hızlı performans gösterdiğini gösterir ve Google’ın algoritmalarının bir sitenin hızını nasıl değerlendirdiği anlamına gelmez.
Başka bir deyişle, müşterileriniz sitenizin hızlı yüklendiğini düşünüyorsa muhtemelen hızlı yüklenir.
Mueller şunları söylüyor:
“Lighthouse’dan baktığınız bu ölçümlerin çoğu, öncelikle size işin kullanıcıya dönük tarafıyla ilgili olarak sunuluyor. Bizim bakış açımızdan, arama açısından bakıldığında, bu siteyi hız açısından nasıl görmemiz gerektiğini anlamak için bu metriklerin çeşitliliğini bir araya getiriyoruz. Lighthouse’da gördüğünüz mutlak ölçümler, kullanıcıların sitenizi nasıl gördüğü üzerinde büyük olasılıkla daha güçlü bir etkiye sahip olan şeylerdir. Dolayısıyla Google’a SEO açısından sormak yerine “bu site çok mu yavaş?” Bunu kullanıcılarla birlikte inceler ve onların geri bildirimlerini alırdım. Sitenizin aslında kullanıcılar için oldukça hızlı olduğunu ve içeriği oldukça hızlı bir şekilde sağladığını söylüyorsanız, o zaman muhtemelen iyi durumdasınız demektir.”
Mueller’in Google Web Yöneticisi Ofis Saatleri oturumundaki konuşmasına göz atın:
Dahası, Google Lighthouse ilk yüklemeden sonraki sayfa görüntülemelerini hesaba katmaz. Bunun yerine, puanlarınızı iyileştirme alanlarını anlamanın ve tanımlamanın bir yolu olarak düşünmek daha iyidir.
Chrome Kullanıcı Deneyimi Raporu daha bütünsel bir görünüm sunuyor UX’i etkileyen dış faktörlerde.
Bununla birlikte, bir Google Lighthouse denetimi yürütmek kolaydır ve istediğiniz zaman bir denetim gerçekleştirebilirsiniz. Eklenti veya kurulum gerekmez. Ekibinizin optimizasyonların veya A/B testlerinin sonuçlarını görebilmesi için denetimleri aylık olarak gerçekleştirmenizi öneririz.
Google Lighthouse denetimi nasıl çalıştırılır?
Denetim yapmanın birkaç yolu vardır.
Web sitenizin URL’sini kopyalayıp bu siteye yapıştırabilirsiniz: https://web.dev/measure/
Veya ikinci yol birkaç ek adım içerir:
- Web sitenizi gizli bir Google Chrome tarayıcı sekmesinde açın.
- Tarayıcınızın sağ üst tarafındaki üç noktayı tıklayın ve Diğer Araçlar > Geliştirici Araçları’na gidin.
- “Rapor Oluştur”u tıklayın ve Google Lighthouse’un işini yapmasını izleyin!
Google Analytics
Google Analytics’i kullanma şekliniz PWA’da farklı olmayacak olsa da (öğrenilecek yeni rapor veya kontrol paneli yok), yeni sitenizin performansını veya yatırım getirisini izlerken aklınızda bulundurmanız gereken birkaç şey var.
Sayfa görüntülemeleri ve etkinlikler gibi Google Analytics ölçümlerini yakından takip etmek, analizlerinizin doğru şekilde ayarlanıp ayarlanmadığını belirlemenize yardımcı olabilir.
- Örneğin,Alışveriş yapanlar yeni sitenizin çalışma hızına bağlı olarak tek bir oturumda daha fazla sayfa görüntüleyebileceği için oturum başına toplam sayfa görüntüleme sayınız (teoride) artacaktır.. Ancak burada bir düşüş görürseniz takip sorunu yaşanabilir.
- Sepete ekleme veya e-posta kayıt işlemleri gibi etkinliklerde bir azalma da izleme yapılandırmanızda bir sorun olduğunu gösterebilir.
#cta-paragraf-fe#Mağaza performansını optimize ederken GA’da neler görebileceğiniz hakkında daha fazla bilgi için bu gönderiye göz atın Nelere dikkat etmeniz gerektiğine dair ipuçlarını görüntüleyebileceğiniz çeşitli raporlarda.
Google Etiket Yöneticisi
PWA’ya geçiş yaparken temiz bir sayfa açarsınız. Başka bir deyişle, tüm üçüncü taraf pazarlama etiketlerinizin ve izleme kodlarınızın manuel olarak ayarlanması gerekecektir; burada otomatik 1:1 çeviri yoktur. Buna Facebook, TikTok, CJ gibi platformlardan ve diğer pazarlama piksellerinden gelen etiketler dahildir.
Buradaki temel fark, pazarlama etiketlerinizin sanal sayfa görüntülemelerine ateş etme. Etkinlik etkinliğinizde bir düşüş görürseniz bu, etiketleme ayarlarınızda bir sorun olduğunu gösteriyor olabilir.
Ancak etiketleriniz doğru şekilde ayarlandığında Google Etiket Yöneticisi’ni tıpkı geleneksel bir e-ticaret sitesinde kullandığınız gibi kullanacaksınız.
#cta-paragraf-fe#Uygun Google Etiket Yöneticisi kurulumunun sağlanması, Shogun Frontend oluşturma deneyiminin bir parçasıdır. Üçüncü taraf etiketlerinizin ve izleme kodlarınızın doğru şekilde eklendiğinden ve doğru şekilde tetiklendiğinden emin olacağız.
Shopify Analytics
PWA’ya geçmenin büyük bir avantajı, Shopify arka ucunuzu koruma seçeneğiniz olmasıdır.
Ancak Shopify Analytics’te alıştığınız temel raporlar ve pazarlama araçları, PWA ile o kadar etkili olmayacaktır.
Bunun nedeni basit: Bir kullanıcı, ödeme yapana kadar Shopify arka ucunuza ulaşamaz.
İşte nedeni: Bir müşteri PWA vitrininize gelebilir, göz atabilir ve alışveriş sepetine ürün ekleyebilir; ancak ödeme yapmadan ayrılırsa Shopify Analytics bu etkinliği almayacaktır.
Bu nedenle verilerinizi Google Analytics gibi platformlarda bir araya getirmek kritik öneme sahiptir. Ödeme öncesi ayarladığınız tüm entegrasyonların sayılabilmesi için doğrudan PWA’nıza eklenmesi gerekir.
Yine de Shopify Analytics, satın alma işlemi yapan kullanıcıların dönüşüm oranını gösterir (bu, dönüşüm hunisinin alt kısmındaki analize yardımcı olabilir), ancak ödeme öncesi entegrasyonlarınız PWA’nıza eklenene kadar, etkinliğin doğru bir temsilini elde etmek zor olacaktır. senin siten.
PWA’nızın performansını ölçmek için kullanılacak 6 temel ölçüm
PWA’nızı doğru şekilde ölçmeye hazır olduğunuzu öğrendikten sonra takip almanın zamanı geldi!
Yeni PWA’nızı izlerken izlemeniz gereken birkaç önemli ölçümü burada bulabilirsiniz.
Site hızı KPI’ları
Site hızına öncelik vermek mümkün olan en iyi müşteri deneyimini sağlar. Ayrıca hız, sitenizin Google’daki sıralamasını da etkiler.
PWA’nın tek faydası bu olmasa da sayfadan sayfaya yükleme süresi, yeni sitenizin performansının mükemmel bir göstergesidir. Yeni PWA’nız yayınlandıktan sonra Google Lighthouse’da bulunan bu metriklerde büyük olasılıkla önemli değişiklikler fark edeceksiniz:
İlk İçerikli Boya
İlk İçerikli Boya Bir alışveriş yapan kişi sitenize gittiğinde ilk görselin veya metnin “boyandığı” veya doldurulduğu zamanı belirtir.
Google, sitenizin “hızlı” olarak değerlendirilmesi için ilk içerikli boya puanının 0-1,8 saniye arasında ayarlanmasını önerir.
En Büyük İçerikli Boya
En Büyük İçerikli Boya, sayfanın birincil (veya en önemli) içeriğinin, sayfanın ilk yüklenmeye başladığı zamana göre yüklendiği zamanı işaretler.
Bunun için Google, 2,5 saniye veya daha kısa bir skoru hedeflemenizi önerir.
PWA’nız hem First Contentful Paint’e hem de Largest Contentful Paint’e karşı iyi puanlar alırsa, sitenize eriştiğiniz anda sitenizin ne kadar hızlı yüklendiğini fark edeceksiniz.
Bu görüntü, bir sayfanın İlk İçerikli Boya’dan En Büyük İçerikli Boya’ya nasıl yüklendiğini gösterir. (Resim Kaynağı)
İnteraktif Zaman
Etkileşim Süresi (TTI), Google Lighthouse denetimindeki başka bir hız ölçümüdür. TTI, bir sayfanın tamamen etkileşimli hale gelmesinin ne kadar sürdüğünü ifade eder.
Google’a görebir sayfa şu kutuları işaretlediğinde tamamen etkileşimlidir:
- Sayfada yararlı içerik görüntülenir (First Contentful Paint ile ölçülür)
- Olay işleyicileri çoğu görünür sayfa öğesi için kayıtlıdır ve
- Sayfa, kullanıcı etkileşimlerine 50 milisaniye içinde yanıt verir
TTI’yi izlemek önemlidir çünkü tüm siteler içerik görünürlüğünü optimize etmez Ve etkileşim. Bazen biri diğerinin pahasına gelir.
Başka bir deyişle, siteniz kullanıma hazır gibi görünüyor ancak bir müşteri etkileşime geçmeye çalıştığında yanıt vermiyor.
Yanıt vermeyen (veya yavaş yanıt veren) bir site, müşterilerin sizin “Etkileşime Geçiş Süresi” diyebileceğinizden daha hızlı çalışmasını sağlayabilir.
Google, 0-3,8 saniye arasında bir TTI puanı hedeflemenizi önerir. Google Lighthouse denetiminiz, sitenizin yüksek bir TTI hızına ulaşması durumunda ne yapmanız gerektiğini bilmenize yardımcı olacaktır.
Toplam Engelleme Süresi
Hız ölçümlerinin sonuncusu ama en önemlisi, sitenizin Toplam Engelleme Süresi (TBT) hepsini bir araya getiriyor.
TBT, İlk İçerikli Boya ile Etkileşime Geçiş Süresi arasındaki tüm sürenin toplamını ortaya çıkarır; bir sayfanın tıklama, ekrana dokunma veya klavyeye basma gibi müşteri etkileşimlerine yanıt vermesinin engellendiği toplam süreyi ölçer.
50 milisaniyeden uzun süren herhangi bir etkileşim, uzun veya yavaş olarak kabul edilir ve bu ilk 50 milisaniyeden sonraki herhangi bir süre, “engelleme” süresi olarak kabul edilir.
Örneğin, bir müşteri sitenizdeki bir düğmeye tıkladıktan sonra bir sayfanın yüklenmeye başlaması 75 milisaniye sürüyorsa engelleme süreniz 25 milisaniye olacaktır.
Bu küçük zaman blokları genel site hızınıza katkıda bulunur ve bu da dönüşüm oranınızı etkileyebilir.
Gelir bazlı KPI’lar
E-ticaret dönüşüm oranı gibi KPI’lara ek olarak, PWA’nızın başarısını ölçmek için geliri gösteren başka ölçümler de vardır (ve bozuk verileri kurtarmanıza yardımcı olabilir):
Ortalama sipariş değeri (AOV)
Müşteriler, PWA’nızın hızı nedeniyle sitenizden daha hızlı alışveriş yapabildiğinden, alışveriş yapanlar tek bir oturumda daha fazla sayfa görüntüleyebildiği için markalar genellikle AOV’de bir artış görür.
AOV, eski sitenize kıyasla hız açısından sitenizin PWA sonrası geçiş performansını ölçmenin harika bir yoludur.
Kullanıcı başına işlemler (TPU)
TPU, her müşterinin ne kadar değer getirdiğine dair bilgi sunar. Bir PWA’ya geçiş yaptıktan sonra veri izleme sorunlarıyla karşılaştıysanız bu, izlemeniz gereken harika bir ölçümdür.
TPU ile artık hızlı ve dinamik olan sitenizi kaç müşterinin ziyaret ettiğine bağlı olarak mağazanızın yaptığı işlem sayısını öğrenebilirsiniz.
PWA’nızın başarısını ölçme
Markalama ve görünüm ve histen işlevsellik ve kullanıcı deneyimine kadar bir PWA oluşturmaya çok fazla planlama ve hazırlık yapılır.
Bu süreçte PWA’nızı nasıl ölçtüğünüzü aklınızda tutmanız önemlidir. Bu şekilde sitenizin yatırım getirisini lansman gününden itibaren doğru bir şekilde takip edebilirsiniz.
The Feed ve OneBlade gibi markalar, yeni Shogun Frontend destekli PWA’larıyla, The Feed için ziyaretçi başına gelirde %10,3 artış ve OneBlade için aktif yeniden dolum aboneliklerinde %579 artış gibi önemli sonuçlar elde etti.
Her site için uygun bir analiz kurulumu olmadan bu ölçümleri bilmek zor olurdu.
Bir PWA ile başıboş hareket etmek büyük bir adımdır ve doğru ekibin yanınızda olmasını istersiniz. Shogun Frontend ile ekibimiz, site deneyiminizin beklentilerinizi karşıladığından emin olmak için her adımda sizinle birlikte çalışır. ve lansman gününden itibaren ve sonrasında doğru verilerle çalıştığınızdan emin olun.
#cta-visual-fe#
