पेज लोड होने में लगने वाला समय कम करने से, साइट पर उपयोगकर्ताओं का अनुभव बेहतर हो सकता है. इस पेज पर Google Analytics को उपयोगकर्ता समय की जानकारी भेजने का तरीका बताया गया है.
लागू करने का तरीका
timing_complete इवेंट भेजने के लिए, event कमांड का इस्तेमाल करें:
gtag('event', 'timing_complete', {<timing_parameters>});
जहां <timing_parameters> एक या एक से ज़्यादा पैरामीटर-वैल्यू पेयर हैं. हर जोड़े को कॉमा लगाकर अलग करें. उदाहरण के लिए, यह निर्देश Google Analytics को उपयोगकर्ता टाइमिंग इवेंट भेजता है. इससे पता चलता है कि मौजूदा वेब पेज को सभी बाहरी JavaScript डिपेंडेंसी लोड करने में 3549 मिलीसेकंड लगे.
gtag('event', 'timing_complete', {
'name' : 'load',
'value' : 3549,
'event_category' : 'JS Dependencies'
});
उपयोगकर्ता समय के पैरामीटर
इस टेबल में, उपयोगकर्ता टाइमिंग से जुड़े पैरामीटर की खास जानकारी दी गई है:
| पैरामीटर का नाम | डेटा टाइप | ज़रूरी है | ब्यौरा |
|---|---|---|---|
name |
string |
हां |
रिकॉर्ड किए जा रहे वैरिएबल की पहचान करने वाली स्ट्रिंग (जैसे,
'load').
|
value |
integer |
हां |
Google Analytics को रिपोर्ट करने में लगे मिलीसेकंड
(उदाहरण के लिए, 20).
|
event_category |
string |
नहीं |
उपयोगकर्ता समय वाले सभी वैरिएबल को लॉजिकल ग्रुप में कैटगरी में बांटने के लिए एक स्ट्रिंग
(जैसे, 'JS Dependencies').
|
event_label |
string |
नहीं |
एक स्ट्रिंग, जिसका इस्तेमाल रिपोर्ट में उपयोगकर्ता समय को आसानी से विज़ुअलाइज़ करने के लिए,
किया जा सकता है (उदाहरण के लिए, 'Google CDN').
|
समय मापने का तरीका
timing_complete इवेंट के लिए एक value पैरामीटर की ज़रूरत होती है, जो मिलीसेकंड में बीत चुके समय की जानकारी देता है. आपको ऐसा कोड लिखना होगा जो यह वैल्यू कैप्चर करता हो.
इसका सबसे आसान तरीका यह है कि किसी समयावधि की शुरुआत में टाइमस्टैंप बनाएं और उस अवधि के आखिर में एक और टाइमस्टैंप बनाएं. इसके बाद, अलग-अलग टाइमस्टैंप के बीच के समय की गिनती करें.
ज़्यादातर मॉडर्न ब्राउज़र, नेविगेशन टाइमिंग एपीआई के साथ काम करते हैं. इसमें, window.performance ऑब्जेक्ट पर, ऐसे तरीके इस्तेमाल किए जाते हैं जिनकी मदद से, हाई रिज़ॉल्यूशन वाले टाइम डेटा की मदद से वेब पेजों की परफ़ॉर्मेंस को मापा जा सकता है.
इस उदाहरण में, performance.now() तरीके का इस्तेमाल किया गया है. इससे, पेज के पहली बार लोड होने के बाद से लेकर बीत चुके समय की जानकारी मिलती है:
// 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 event to Google Analytics.
gtag('event', 'timing_complete', {
'name': 'load',
'value': timeSincePageLoad,
'event_category': 'JS Dependencies'
});
}
सैंपलिंग पर ध्यान देना
Google Analytics, टाइमिंग इवेंट को सैंपल के तौर पर इस्तेमाल करेगा, ताकि इस सुविधा के लिए सिस्टम के संसाधनों को समान तरीके से बांटा जा सके.
इवेंट के समय के सैंपल की दर, प्रॉपर्टी के लिए पिछले दिन मिले पेज व्यू की कुल संख्या से तय होती है. इस टेबल में बताया गया है कि टाइमिंग सैंपलिंग रेट कैसे तय किया जाता है:
| पेज व्यू की कुल संख्या (पिछले दिन) | प्रोसेस किए जाने वाले टाइमिंग इवेंट की ज़्यादा से ज़्यादा संख्या |
|---|---|
| 0 से 1,000 | 100 |
| 1,000 से 1,00,000 | पेज व्यू की कुल संख्या का 10% |
| 1,00,000 से 10,00,000 | 10,000 |
| 10,00,000 से ज़्यादा | कुल पेज व्यू की संख्या का 1% |