Tek sayfalık uygulamaları ölçme

Bu doküman, web sitelerindeki sayfa görüntülemelerini ölçmek isteyen tek sayfalık uygulama için Google Analytics'i kullanabilirsiniz.

Genişletmek için tıkla...

Tek sayfalık uygulamalar (SPA), bir HTML dokümanı yükleyen ve ek doküman getiren web siteleridir JavaScript API'lerini kullanan içerikler.

Örnek: Potansiyel müşteri elde etmek için bir formunuz olduğunu varsayalım. Formda üç ekranlar:

• Müşteri bilgilerini yakalamak için ilk ekran.
• Müşterilerin belirli hizmetlere ilgi gösterdiği ikinci ekran.
• Müşterinin ilgi alanlarıyla ilgili web seminerlerine kaydolmak için üçüncü ekran sayfası.

Genişletmek için tıkla...

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

Başlamadan önce​

Bu sayfada sahip olduğunuz varsayılır:

• Web siteniz için bir Google Analytics 4 hesabı ve mülkü. Nasıl yapıldığını öğrenin Google'ı kurun Analiz.
• Web sitenize uygulanmış olan ve sayfa ilk olarak tetiklendiğinde tetiklenen bir Google etiketi yükler. Google Store'u nasıl kuracağınızı etiketi kullanın.

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

Doğru bir SPA ölçümü uygulamak için, bu yöntemlerden birini kullanarak yeni bir SPA sanal sayfa görüntüleme:

• Tarayıcı geçmişi değişiklikleri (önerilir): SPA'nız Geçmiş API, özellikle ekranları güncellemek için pushState() ve replaceState() yöntemini kullanıyorsanız, seçeneğini belirleyin.
• Özel etkinlikler: Web siteniz DocumentFragment kullanıyorsa farklı ekranlar oluşturmak için bu seçeneği kullanın.

Tarayıcı geçmişini uygulama Özel etkinlikleri uygulama

Tarayıcı geçmişi değişikliğinin uygulanması​

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

Tarayıcı geçmişine göre page_views metriğinin otomatik olarak ölçülmesi için:

1. Google Analytics'i açın.
2. Yönetici bölümündeki Veri toplama ve değiştirme, Veri Akışları > Web.
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 tek tek düzenlemek için tıklayın. Sayfa Görüntülemeleri altında Göster'i tıklayın. gelişmiş ayarlar bölümüne gidin. Hem Sayfa yüklemeleri hem de Sayfaları etkinleştirdiğinizden emin olun tarayıcı geçmişi etkinliklerine dayalı olarak yapılan değişikliklerdir.
   
   
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 ölçtüğünü doğrulamak için:

1. SPA ölçüm ayarlarınızdaki her etiket için hata ayıklama modunu etkinleştirin. Nasıl yapıldığını öğrenin Etkinlikleri şurada izleyin: DebugView bölümüne gidin.
2. Tek sayfalık uygulamanızı tıklayın. Yeni bir sanal makineyi tıkladığınızda DebugView'da yeni bir page_view etkinliği görürsünüz. Karşılaştırma Kontrol edilecek önceki page_view etkinliğe sahip page_view etkinlik parametresi sayfa yönlendireni ve sayfa konumu doğru şekilde güncellendiyse.