GA4'te Sayfa Yükleme Süresi Takibi

Universal Analytics’te yer alan “Site Hızı”, “Sayfa Zamanlamaları” raporları ve Ort. Sayfa Yükleme Süresi (sn) metriği Google Analyitcs 4‘te yer almıyor. Google her geçen gün güncellemeler ile yeni raporlar ve metrikler ekliyor ancak şu an sayfalarınızın yükleme süresini GA4’te takip edemiyorsunuz. Ancak Google Etiket Yöneticisi’ni kullanarak GA4’te sayfalarımızın yükleme süresi hakkında rapor oluşturabiliriz.

Adım 1: Değişken

Özel bir JavaScript değişkeni oluşturuyoruz. (Page Load Time)

Bu JavaScript değişkeni, Performans Navigasyon Zamanlama API‘sini kullanacak. Bu API ile loadEventEnd ile startTime arasındaki zamanı (milisaniye cinsinden) hesaplayacağız, bu da bize sayfa yükleme süresini verecek. Daha sonra milisaniye cinsinden aldığımız sayıyı saniyeye çeviriyoruz.

Adım 2: Tetikleyici

Bir sonraki adımda, “Pencere Yüklendi” tetikleyici türünü kullanarak GA4 etiketimizi tetikleyecek bir tetikleyici oluşturacağız. Tetikleyicimize, “Sayfa Yükleme Süresi” değişkeni sıfırdan büyük bir değere sahipse tetikle koşulu ekliyoruz.

Adım 3: Etiket

Sayfa yükleme süresini yakalayan Özel JavaScript değişkenimizi ve tetikleyicimizi oluşturduğumuza göre, sıra GA4 etkinlik etiketimizi oluşturmaya geldi. Bu etiket ile sayfa yükleme süresi GA4’e gönderilecek.

Adım 4: Özel Metrik Parametresi

“page_load_time” etkinliğimizi oluşturduktan sonra, “loading_time_sec “parametremizi GA4’e özel metrik olarak kaydetmemiz gerekiyor.

Bunu Google Analytics 4’te “Yönetici” -> “Veri Görüntüleme” -> “Özel Tanımlar” -> “Özel Metrikler” sekmesinden ekleyebilirsiniz.

Adım 5: Test ve Yayınlama

Son adım, GTM konteynerimizi test etmemiz gerekiyor. Google Tag Assistant kullanarak web sitemizden bir sayfayı yükledikten sonra, soldaki ‘Pencere Yüklendi’ veri katmanı olayını seçin.

Ardından “GA4 Event – Sayfa Yükleme Süresi” etiketini seçin.

Artık Google Tag Manager konteyneri yayınlanabilir. GA4’te sayfa yükleme sürenizi izleyebilmek için aşağıdaki adımları takip edin.

Sayfa Yükleme Süresi Raporlaması

Raporlamalarımızı GA4 -> Keşifler bölümünden ve Looker Studio üzerinden hazırlayabileceğiz. Blog yazımızda raporumuzu Looker Studio üzerinden hazırlayacağız. Bir tablo oluşturalım ve boyut olarak ‘Sayfa Yolu’nu ekleyelim. Ben ‘Sayfa Yolu’nu kullandım, diğer sayfa tabanlı boyutlar da eklenebilir. Metrik olarak ‘Etkinlik Sayısı’ ve ‘Ortalama Sayfa Yükleme Süresi’ ekleyelim.

Daha sonra, bir filtre eklememiz gerekiyor çünkü bir sayfa görüntülenmesi esnasında, Sayfa Yükleme Süre etiketimizin tetiklenmediği durumlar olabilir. Eğer etkinliği her sayfada tetiklemeyecek şekilde ayarladıysak, bir hata olmuşsa veya sayfa yükleme süresi sıfır saniye (veya daha az) olarak ölçüldüyse vb. nedenlerden dolayı raporun sadece “page_load_time” event’inin gerçekleştiği şekilde filtrelemesini istiyoruz.