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 dokümanını 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 uygulama Özel etkinlik uygulama

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

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.