Bu kılavuzda, analytics.js kullanarak zaman aralıklarının nasıl ölçüleceği açıklanmaktadır.
Genel bakış
Çalışmalar, sayfa yüklenme süresini azaltmanın bir sitenin genel kullanıcı deneyimini iyileştirdiğini göstermiştir. Google Analytics, sayfa yüklenme sürelerini otomatik olarak ölçen ve raporlayan bir dizi etkili rapora sahiptir. Ancak, sitenize özgü performansı ölçmek için özel zamanlama bilgilerini ölçmek de mümkündür.
Kullanıcı zamanlamaları, geliştiricilerin analytics.js kitaplığını kullanarak zaman aralıklarını ölçmelerine olanak tanır. Bu, geliştiricilerin AJAX isteklerinde bulunan ve web kaynaklarını yükleyerek gecikmeyi veya harcanan süreyi ölçmesi için özellikle yararlıdır.
Uygulama
Kullanıcı zamanlamaları isabetleri, send komutu kullanılarak ve timing hitType belirtilerek gönderilebilir. send komutu timing isabet türü için aşağıdaki imzaya sahiptir:
ga('send', 'timing', [timingCategory], [timingVar], [timingValue], [timingLabel], [fieldsObject]);
Kullanıcı zamanlamaları alanları
Aşağıdaki tabloda kullanıcı zamanlamaları alanları özetlenmektedir:
| Alan adı | Değer Türü | Gerekli | Açıklama |
|---|---|---|---|
timingCategory |
text (metin) | evet | Tüm kullanıcı zamanlama değişkenlerini mantıksal gruplar halinde (ör. 'JS Dependencies') kategorilere ayırmak için kullanılan bir dize. |
timingVar |
text (metin) | evet | Kaydedilmekte olan değişkeni tanımlayan bir dize (ör. 'load'). |
timingValue |
tam sayı | evet | Google Analytics'e raporlamak için geçen milisaniye sayısı (ör. 20). |
timingLabel |
text (metin) | no | Raporlarda kullanıcı zamanlamalarını görselleştirmede esneklik sağlamak için kullanılabilecek bir dize (ör. 'Google CDN'). |
Örnekler:
Aşağıdaki komut, Google Analytics'e bir kullanıcı zamanlama isabeti göndererek geçerli web sayfasının tüm harici JavaScript bağımlılıklarını yüklemesinin 3549 milisaniye sürdüğünü gösterir:
ga('send', 'timing', 'JS Dependencies', 'load', 3549);
Tüm send komutlarında olduğu gibi, kolaylık parametrelerinde iletilen alanlar fieldsObject öğesinde de belirtilebilir. Yukarıdaki komut şu şekilde yeniden yazılabilir:
ga('send', {
hitType: 'timing',
timingCategory: 'JS Dependencies',
timingVar: 'load',
timingValue: 3549
});
Ölçme zamanı
Kullanıcı zamanlama verilerini gönderirken, timingValue parametresinde harcanan milisaniye miktarını belirtirsiniz. Bu süreyi yakalamak için kod yazmak size kalmış.
Bunu yapmanın en kolay yolu, belirli bir dönemin başında bir zaman damgası oluşturmak ve dönemin sonunda başka bir zaman damgası oluşturmaktır. Ardından, harcanan süreyi öğrenmek için her iki zaman damgası arasındaki farkı alabilirsiniz.
Modern tarayıcıların çoğu, window.performance nesnesinde yüksek çözünürlüklü zaman verileriyle web sayfalarının performansını ölçmeye yönelik yöntemler içeren Gezinme Zamanlaması API'sini destekler.
Aşağıdaki örnekte, sayfanın ilk yüklenmeye başlamasından bu yana geçen süreyi döndüren performance.now() yöntemi kullanılmaktadır:
// Feature detects Navigation Timing API support.
if (window.performance) {
// Gets the number of milliseconds since page load
// (and rounds the result since the value must be an integer).
var timeSincePageLoad = Math.round(performance.now());
// Sends the timing hit to Google Analytics.
ga('send', 'timing', 'JS Dependencies', 'load', timeSincePageLoad);
}
Örneklemeyle ilgili dikkat edilmesi gereken noktalar
Google Analytics, bu özelliğe yönelik sistem kaynaklarının adil bir şekilde dağıtılmasını sağlamak için işleme sırasında zamanlama isabetlerinden örnekler alır.
Zamanlama isabetlerinin örneklenme hızı, mülk için önceki gün boyunca alınan sayfa görüntüleme isabetlerinin toplam sayısına göre belirlenir. Aşağıdaki tabloda, zamanlama örnekleme hızının nasıl belirlendiği özetlenmektedir:
| Toplam sayfa görüntüleme isabet sayısı (önceki gün) | İşlenecek maksimum zamanlama isabeti sayısı |
|---|---|
| 0 - 1.000 | 100 |
| 1.000 - 100.000 | Toplam sayfa görüntüleme isabet sayısının% 10'u |
| 100.000 - 1.000.000 | 10.000 |
| 1.000.000+ | Toplam sayfa görüntüleme isabet sayısının% 1'i |
Gönderilen isabetlerin sayısını sınırlandırma
analytics.js, işlenmeyecek Google Analytics isabetlerinin gönderilmesini önlemek için sampleRate ve siteSpeedSampleRate yapılandırma seçenekleri üzerinden gönderilen isabetlerin yüzdesini kontrol etmenize olanak tanır. Bu alanlar varsayılan olarak sırasıyla% 100 ve %1'e ayarlıdır. Bu değerleri, Google Analytics'in ortalama günlük sayfa görüntüleme sayılarınıza dayanarak işleyeceğini zamanlama isabetlerinin sayısını daha yakın bir şekilde tahmin edecek şekilde ayarlayabilirsiniz.