Tek sayfalık uygulamaları ölçme

Bu belge, Google Analytics'i kullanarak tek sayfalık uygulamalarındaki sayfa görüntülemelerini ölçmek isteyen geliştiriciler içindir.

Tek sayfalık uygulamalar (SPA), bir HTML belgesini bir kez yükleyen ve ek içerikleri JavaScript API'lerini kullanarak getiren web siteleridir.

Örnek: Bazı potansiyel müşteriler edinmek için bir formunuz olduğunu varsayalım. Form üç ekrandan oluşur:

• Müşteri bilgilerinin alındığı ilk ekran.
• Müşterilerin belirli hizmetlerle ilgilendiğini belirttiği ikinci ekran.
• Müşterinin ilgi alanlarıyla ilgili web seminerlerine kaydolmak için üçüncü ekran sayfası.

SPA'lardan gelen sayfa görüntülemelerini doğru şekilde ölçmenin anahtarı, kullanıcının etkileşimde bulunduğu her ekran için sayfa görüntülemelerini saymak ve sayfa yönlendireni doğru şekilde almak, böylece kullanıcı yolculuğunu doğru şekilde izleyebilirsiniz.

Başlamadan önce

Bu sayfada, aşağıdakilere sahip olduğunuz varsayılmaktadır:

• Web siteniz için bir Google Analytics 4 hesabı ve mülkü. Google Analytics'i nasıl ayarlayacağınızı öğrenin.

• Web sitenizde uygulanan ve sayfa ilk yüklendiğinde etkinleşen bir Google etiketi. Google etiketini nasıl ayarlayacağınızı öğrenin.

Tek sayfalık uygulama ölçümünü uygulama

Doğru tek sayfa uygulaması ölçümü uygulamak için yeni bir sanal sayfa görüntüleme tetiklemek üzere aşağıdaki yöntemlerden birini kullanın:

• Tarayıcı geçmişi değişiklikleri (önerilir): SPA'nız ekranları güncellemek için Geçmiş API'sini, özellikle pushState() ve replaceState() yöntemini kullanıyorsa bu seçeneği kullanın.

• Özel etkinlikler: Web siteniz farklı ekranları oluşturmak için DocumentFragment nesnesini kullanıyorsa bu seçeneği kullanın.

Tarayıcı geçmişi değişikliği uygulama

Tek sayfa uygulamanızda History API kullanılıyorsa tarayıcı geçmişi etkinliklerine dayalı olarak sayfa görüntülemelerini otomatik olarak izlemek için Google Analytics'te geliştirilmiş ölçümü etkinleştirebilirsiniz.

GA4'te geliştirilmiş ölçümü etkinleştirme

Tarayıcı geçmişine göre page_views otomatik olarak ölçmek için:

1. Google Analytics'i açın.

2. Yönetici bölümündeki Veri toplama ve değiştirme altında Veri Akışları > Web'i tıklayın.

3. Tüm seçenekleri etkinleştirmek için Geliştirilmiş ölçüm'ün altındaki anahtarı Açık konumuna kaydırın.

4. Seçenekleri ayrı ayrı düzenlemek için tıklayın. Sayfa Görüntülemeleri bölümünde Gelişmiş ayarları göster'i tıklayın. Hem Sayfa yüklemeleri hem de Tarayıcı geçmişi etkinliklerine dayalı sayfa değişiklikleri'ni etkinleştirdiğinizden emin olun.

   

5. Değişiklikleri kaydedin.

Ölçüm ayarlarınızı doğrulama

Tek sayfalık uygulamanızın sayfa görüntülemelerini doğru şekilde ölçtüğünü doğrulamak için:

1. SPA ölçüm ayarlarınızdaki her etiket için hata ayıklama modunu etkinleştirin. DebugView'da etkinlikleri izleme hakkında bilgi edinin.

2. Tek sayfalık uygulamanızı tıklayın. Yeni bir sanal ekrana tıkladığınızda DebugView'da yeni bir page_view etkinliği görmeniz gerekir. Sayfa yönlendirenin ve sayfa konumunun doğru şekilde güncellenip güncellenmediğini kontrol etmek için page_view etkinlik parametrelerini önceki page_view etkinliğiyle karşılaştırın.

Otomatik etkinliklere etkisi

Sanal sayfa görüntüleme ölçümünü SPA'nızda doğru şekilde uygularsanız Google Analytics diğer otomatik etkinlikleri uygun şekilde işler. Ekran değişiklikleri için sanal sayfa görüntülemeleri kaydedilmezse Google Analytics, tek sayfalık uygulamayı tek bir sayfa olarak değerlendirir ve bu da metriklerin çarpık olmasına neden olur.

Örneğin, user_engagement etkinliği, kullanıcının bir sayfada aktif olarak geçirdiği süreyi ölçer. Sanal sayfa görüntülemeleri olmadan tüm etkileşim süresi ilk sayfa yüklemeyle ilişkilendirilir. Bu da tek tek ekranlarda geçirilen sürenin analiz edilmesini imkansız kılar.

Sanal sayfa görüntüleme ölçümü doğru şekilde uygulandığında:

• Kullanıcı bir sanal sayfadan diğerine geçtiğinde user_engagement etkinliği gönderilir.
• Önceki sanal sayfanın etkileşim süresi hesaplanır ve user_engagement etkinliğiyle birlikte gönderilir. Bu işlem genellikle yeni sanal sayfanın page_view etkinliği işlenmeden hemen önce yapılır.
• Tıklamalar veya kaydırmalar gibi diğer etkinlikler, kullanıcının şu anda görüntülediği sanal sayfanın page_location ile ilişkilendirilir.

Bu sayede, kullanıcı etkileşimini ve diğer metrikleri tek sayfalık uygulamanızdaki ayrı ekranlar veya bölümler için analiz edebilir, böylece kullanıcı yolculuğu hakkında daha doğru bir anlayış elde edebilirsiniz.