Looker Studio पर CrUX डैशबोर्ड बनाने का तरीका

Looker Studio (इसे पहले Data Studio कहा जाता था) डेटा को विज़ुअलाइज़ करने वाला एक बेहतरीन टूल है. इसकी मदद से, Chrome UX रिपोर्ट (CrUX) जैसे बड़े डेटा सोर्स में डैशबोर्ड बनाए जा सकते हैं. इस गाइड में, किसी ऑरिजिन के उपयोगकर्ता अनुभव के रुझानों को ट्रैक करने के लिए अपनी पसंद के मुताबिक CrUX डैशबोर्ड बनाने का तरीका जानें.

CrUX डैशबोर्ड का स्क्रीनशॉट, जिसमें अलग-अलग महीनों में बदलते हुए अलग-अलग स्टैक बार चार्ट दिखाए गए हैं.
CrUX डैशबोर्ड

CrUX डैशबोर्ड को, Looker Studio की कम्यूनिटी कनेक्टर सुविधा की मदद से बनाया गया है. यह कनेक्टर, BigQuery पर प्रोसेस नहीं किए गए CrUX डेटा और Looker Studio के विज़ुअलाइज़ेशन को पहले से लिंक करता है. इससे डैशबोर्ड के उपयोगकर्ताओं को कोई भी क्वेरी लिखने या कोई भी चार्ट जनरेट करने की ज़रूरत नहीं होती. सबकुछ आपके लिए बनाया गया है; आपको सिर्फ़ शुरुआत की जगह उपलब्ध करानी होगी और आपके लिए एक कस्टम डैशबोर्ड जनरेट किया जाएगा.

डिफ़ॉल्ट CrUX डैशबोर्ड

CrUX का एक डिफ़ॉल्ट डैशबोर्ड होता है, जिसका रखरखाव CrUX टीम करती है. टीम नई मेट्रिक (उदाहरण के लिए, INP) को जोड़ती है और अगली बार डैशबोर्ड लोड होने पर उपलब्ध हो जाती है.

कस्टम डैशबोर्ड बनाना

कुछ उपयोगकर्ता डैशबोर्ड को पसंद के मुताबिक बना सकते हैं. इस स्थिति में, डिफ़ॉल्ट डैशबोर्ड की खुद की कॉपी बनाई जा सकती है और उसे ज़रूरत के मुताबिक बदला जा सकता है.

कस्टम डैशबोर्ड बनाने के लिए, g.co/chromeuxdash पर जाएं. ऐसा करने पर, यह आपको CrUX कम्यूनिटी कनेक्टर पेज पर ले जाएगा. यहां उस ऑरिजिन की जानकारी दी जा सकती है जिसके लिए डैशबोर्ड जनरेट किया जाएगा. ध्यान दें कि पहली बार आने वाले उपयोगकर्ताओं को अनुमति या मार्केटिंग से जुड़ी प्राथमिकताओं को पूरा करने की ज़रूरत पड़ सकती है.

CrUX डैशबोर्ड कनेक्टर कॉन्फ़िगरेशन स्क्रीन का स्क्रीनशॉट, जिसमें उस फ़ील्ड के साथ एक फ़ील्ड दिखाया गया है जिसमें मूल यूआरएल डाला गया है. साथ ही, चेकबॉक्स पर सही का निशान लगाया गया है, ताकि उस फ़ील्ड को रिपोर्ट में बदला जा सके.
CrUX डैशबोर्ड कनेक्टर

टेक्स्ट इनपुट फ़ील्ड में सिर्फ़ ऑरिजिन के लिए इस्तेमाल किया जा सकता है, पूरे यूआरएल के लिए नहीं. उदाहरण के लिए:

ऑरिजिन (काम करता है)
https://developer.chrome.com
URL (समर्थित नहीं)
https://developer.chrome.com/docs/crux/guides/looker-studio-dashboard

अगर आपने प्रोटोकॉल को छोड़ दिया, तो एचटीटीपीएस को माना जाता है. सबडोमेन के मामले में, https://developers.google.com और https://www.google.com को अलग-अलग ऑरिजिन माना जाता है.

ऑरिजिन से जुड़ी कुछ सामान्य समस्याओं की वजह से, गलत प्रोटोकॉल मिल जाता है. जैसे, https:// के बजाय http:// देना और ज़रूरत पड़ने पर सबडोमेन को छोड़ देना. कुछ वेबसाइटों में रीडायरेक्ट शामिल होते हैं. इसलिए, अगर http://example.com https://www.example.com पर रीडायरेक्ट करता है, तो आपको बाद वाले वर्शन का इस्तेमाल करना चाहिए, जो ऑरिजिन का कैननिकल वर्शन है. बुनियादी नियम के मुताबिक, उन ऑरिजिन का इस्तेमाल करें जो उपयोगकर्ताओं को पता बार में दिखें.

चेकबॉक्स पर सही का निशान लगाने पर, ऑरिजिन को डैशबोर्ड के यूआरएल में शामिल कर दिया जाएगा. ऐसा करने से, आने वाले समय में इस यूआरएल पैरामीटर में बदलाव करके, अलग-अलग ऑरिजिन के लिए एक ही डैशबोर्ड का इस्तेमाल किया जा सकेगा. इसलिए, हमारा सुझाव है कि आप उस पर सही का निशान लगाएं.

कनेक्ट करें बटन पर क्लिक करें. अगर आपने चेकबॉक्स पर सही का निशान लगाया है, तो आपसे इसकी पुष्टि करने के लिए कहा जाएगा.

अगर CrUX डेटासेट में, आपके ऑरिजिन को शामिल नहीं किया गया है, तो आपको गड़बड़ी का मैसेज मिल सकता है. जैसा कि अगले डायग्राम में दिखाया गया है. इस डेटासेट में 1.5 करोड़ से ज़्यादा ऑरिजिन हैं. हालांकि, ऐसा हो सकता है कि जिस ऑरिजिन को आप शामिल करना चाहते हैं उसके लिए ज़रूरत के मुताबिक डेटा न हो.

पॉप-अप में गड़बड़ी के मैसेज का स्क्रीनशॉट, जिसमें अन्य गड़बड़ी के मैसेज के अलावा, यह कहा गया था कि 'इस डेटासेट के 1.5 करोड़ से ज़्यादा ऑरिजिन हैं, लेकिन https://doesnotexist.origin इनमें से एक नहीं है'
ऑरिजिन मौजूद न होने पर, CrUX कम्यूनिटी कनेक्टर की गड़बड़ी का मैसेज

अगर ऑरिजिन मौजूद है, तो आपको डैशबोर्ड के लिए स्कीमा पेज पर ले जाया जाएगा. इसमें, शामिल किए गए सभी फ़ील्ड दिखते हैं: हर असरदार कनेक्शन टाइप, डिवाइस का नाप या आकार, डेटासेट रिलीज़ का महीना, हर मेट्रिक की परफ़ॉर्मेंस का डिस्ट्रिब्यूशन, और ऑरिजिन का नाम. इस पेज पर आपको कुछ भी करने या बदलने की ज़रूरत नहीं है. जारी रखने के लिए बस रिपोर्ट बनाएं पर क्लिक करें.

CrUX डैशबोर्ड स्कीमा एडिटर का स्क्रीनशॉट, जिसमें अलग-अलग फ़ील्ड, टाइप, एग्रीगेशन, और जानकारी को बदला जा सकता है या नए फ़ील्ड जोड़े जा सकते हैं.
CrUX डैशबोर्ड स्कीमा

डैशबोर्ड का इस्तेमाल करना

हर डैशबोर्ड में तीन तरह के पेज होते हैं:

  1. वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी वाली रिपोर्ट
  2. मेट्रिक की परफ़ॉर्मेंस
  3. उपयोगकर्ता की जनसांख्यिकी (उम्र, लिंग, आय, शिक्षा वगैरह)

हर पेज में एक चार्ट होता है, जो हर महीने के लिए उपलब्ध हर रिलीज़ के लिए समय के साथ डिस्ट्रिब्यूशन की जानकारी देता है. नए डेटासेट रिलीज़ होने पर, सबसे नया डेटा पाने के लिए डैशबोर्ड को रीफ़्रेश किया जा सकता है.

हर महीने के डेटासेट, हर महीने के दूसरे मंगलवार को रिलीज़ किए जाते हैं. उदाहरण के लिए, मई महीने के उपयोगकर्ता अनुभव के डेटा वाला डेटासेट, जून के दूसरे मंगलवार को रिलीज़ किया जाता है.

वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी वाली रिपोर्ट

पहले पेज पर, ऑरिजिन की वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी की खास जानकारी दिखती है. Google का सुझाव है कि आप इन UX मेट्रिक पर फ़ोकस करें.

CrUX डैशबोर्ड की वेबसाइट की परफ़ॉर्मेंस की जानकारी का स्क्रीनशॉट, जिसमें एलसीपी, आईएनपी, और सीएलएस मेट्रिक की जानकारी दिखाई गई है.
CrUX डैशबोर्ड की वेबसाइट की परफ़ॉर्मेंस की खास जानकारी

वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाले पेज पर जाकर, यह जानें कि डेस्कटॉप और फ़ोन इस्तेमाल करने वाले लोगों को, वेबसाइट की शुरुआत की जगह के बारे में क्या पता चलता है. डिफ़ॉल्ट रूप से, डैशबोर्ड बनाते समय सबसे हाल का महीना चुना जाता है. महीने के हिसाब से पुरानी या नई रिलीज़ के बीच बदलाव करने के लिए, पेज पर सबसे ऊपर मौजूद महीना फ़िल्टर का इस्तेमाल करें.

ध्यान दें कि इन चार्ट में टैबलेट को डिफ़ॉल्ट रूप से हटा दिया जाता है. हालांकि, ज़रूरत पड़ने पर आप बार चार्ट कॉन्फ़िगरेशन में कोई टैबलेट नहीं फ़िल्टर हटा सकते हैं:

Looker Studio में, फ़िल्टर करने के विकल्प में बदलाव करने का स्क्रीनशॉट.
वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाले पेज पर टैबलेट दिखाने के लिए, CrUX डैशबोर्ड में बदलाव किया जा रहा है

मेट्रिक की परफ़ॉर्मेंस

वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाले पेज के बाद, आपको CrUX डेटासेट में सभी metrics के लिए स्टैंडअलोन पेज दिखेंगे.

CrUX डैशबोर्ड के एलसीपी पेज का स्क्रीनशॉट. इसमें, अलग-अलग स्टैक बार चार्ट को अलग-अलग महीनों में बदलते हुए दिखाया गया है.
CrUX डैशबोर्ड एलसीपी पेज

हर पेज के ऊपर डिवाइस फ़िल्टर मौजूद होता है. इसका इस्तेमाल करके, डिवाइस के नाप या आकार के डेटा को सीमित किया जा सकता है. उदाहरण के लिए, खास तौर पर फ़ोन के अनुभवों में ड्रिल-डाउन किया जा सकता है. यह सेटिंग सभी पेजों पर बनी रहती है.

इन पेजों पर दिए गए मुख्य विज़ुअलाइज़ेशन, अनुभवों के हर महीने के डिस्ट्रिब्यूशन को दिखाते हैं. इन्हें "अच्छा", "सुधार की ज़रूरत है", और "खराब" कैटगरी में रखा जाता है. चार्ट के नीचे मौजूद कलर कोड वाला लेजेंड, कैटगरी में शामिल अनुभवों की सीमा के बारे में बताता है. उदाहरण के लिए, पिछले स्क्रीनशॉट में, आपको "अच्छा" सबसे बड़े कॉन्टेंटफ़ुल पेंट (एलसीपी) का प्रतिशत दिख सकता है. इसमें हाल के महीनों में उतार-चढ़ाव और थोड़ा खराब हो रहा है.

चार्ट में हाल ही के "अच्छे" और "खराब" अनुभवों के प्रतिशत दिखाए गए हैं. साथ ही, पिछले महीने के मुकाबले प्रतिशत के अंतर का इंडिकेटर भी दिखाया गया है. इस शुरुआत के लिए, एलसीपी "अच्छे" अनुभव में महीने-दर-महीने 3.2% से 56.04% तक की गिरावट आई.

इसके अलावा, एलसीपी और वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाली अन्य मेट्रिक, जो पर्सेंटाइल के सुझाव देती हैं, के लिए आपको "अच्छा" और "खराब" प्रतिशत के बीच "P75" मेट्रिक दिखेगी. यह वैल्यू, उपयोगकर्ता अनुभवों के ऑरिजिन के 75वें पर्सेंटाइल से मेल खाती है. दूसरे शब्दों में कहें, तो 75% अनुभव इस वैल्यू से बेहतर हैं. ध्यान दें कि यह ऑरिजिन पर मौजूद सभी डिवाइसों पर किए जाने वाले डिस्ट्रिब्यूशन पर लागू होता है. कुछ खास डिवाइसों को डिवाइस फ़िल्टर से टॉगल करने से, पर्सेंटाइल का फिर से आकलन नहीं होगा.

पर्सेंटाइल्स से जुड़ी तकनीकी चेतावनियां

ध्यान रखें कि पर्सेंटाइल मेट्रिक, BigQuery के हिस्टोग्राम डेटा पर आधारित होती हैं. इसलिए, जानकारी का स्तर सामान्य होगा: एलसीपी के लिए 100 मि॰से॰, आईएनपी के लिए 25 मि॰से॰, और सीएलएस के लिए 0.05. दूसरे शब्दों में, 3800 मिलीसेकंड का P75 एलसीपी यह बताता है कि सही 75वां पर्सेंटाइल 3,800 मि॰से॰ और 3,900 मि॰से॰ के बीच है.

इसके अलावा, BigQuery डेटासेट "बिन स्प्रिंग" नाम की तकनीक का इस्तेमाल करता है. इसमें, उपयोगकर्ता अनुभवों की डेंसिटी को स्वाभाविक रूप से, बहुत ज़्यादा मोटे बिन में बांटा जाता है, जिससे जानकारी का स्तर घटता रहता है. इससे हमें डिस्ट्रिब्यूशन के टेल में मिनट की डेंसिटी शामिल की जा सकती है. ऐसा करने के लिए, सटीक वैल्यू के चार से ज़्यादा अंकों की ज़रूरत नहीं होती. उदाहरण के लिए, तीन सेकंड से कम की एलसीपी वैल्यू को 200 मि॰से॰ की चौड़ाई वाले बिन में ग्रुप किया जाता है. बिन की चौड़ाई 3 से 10 सेकंड के बीच 500 मि॰से॰ होती है. 10 सेकंड से ज़्यादा, बिन 5000ms चौड़ी होते हैं... अलग-अलग चौड़ाई वाले बिन होने के बजाय, बिन को फैलने से यह पक्का होता है कि सभी बिन, 100 मि॰से॰ की चौड़ी (सबसे बड़ा सामान्य डिवाइज़र) हैं. साथ ही, डिस्ट्रिब्यूशन को हर बिन में लीनियर इंटरपोलेट किया जाता है.

PageSpeed Insights जैसे टूल में उससे जुड़ी P75 वैल्यू, BigQuery के सार्वजनिक डेटासेट पर आधारित नहीं होती हैं और मिलीसेकंड में सटीक वैल्यू देने में मदद करती हैं.

उपयोगकर्ता की जनसांख्यिकी (उम्र, लिंग, आय, शिक्षा वगैरह)

उपयोगकर्ता के डेमोग्राफ़िक (उम्र, लिंग, आय, शिक्षा वगैरह) पेजों में दो डाइमेंशन शामिल किए जाते हैं: डिवाइस और बेहतर कनेक्शन के टाइप (ईसीटी). ये पेज हर उम्र, लिंग, आय, शिक्षा वगैरह के उपयोगकर्ताओं के लिए पूरे मूल में पेज व्यू के वितरण को दिखाते हैं.

डिवाइस डिस्ट्रिब्यूशन पेज पर आपको समय के साथ फ़ोन, डेस्कटॉप, और टैबलेट इस्तेमाल करने वाले लोगों का ब्रेकडाउन दिखता है. कई ऑरिजिन में टैबलेट डेटा बहुत कम या बिलकुल नहीं होता है, इसलिए आपको अक्सर चार्ट के किनारे में "0%" लटकता हुआ दिखेगा.

CrUX डैशबोर्ड डिवाइस पेज का स्क्रीनशॉट, जिसमें दिखाया गया है कि डिवाइस के ब्रेकडाउन में महीने-दर-महीने बदलाव कैसे होता है.
CrUX डैशबोर्ड डिवाइस पेज

इसी तरह, EC डिस्ट्रिब्यूशन पेज पर आपको 4G, 3G, 2G, धीमे 2G, और ऑफ़लाइन मोड के अनुभव की जानकारी मिलती है.

इन डाइमेंशन के डिस्ट्रिब्यूशन का हिसाब, फ़र्स्ट कॉन्टेंटफ़ुल पेंट (एफ़सीपी) हिस्टोग्राम डेटा के सेगमेंट से लगाया जाता है.

अक्सर पूछे जाने वाले सवाल

Looker Studio पर CrUX डैशबोर्ड बनाने के बारे में, अक्सर पूछे जाने वाले कुछ सवाल यहां दिए गए हैं:

दूसरे टूल की जगह, मैं CrUX डैशबोर्ड का इस्तेमाल कब करूं?

CrUX डैशबोर्ड, BigQuery में उपलब्ध उसी डेटा पर आधारित होता है. हालांकि, डेटा एक्सट्रैक्ट करने के लिए आपको एसक्यूएल की एक लाइन लिखने की ज़रूरत नहीं है और आपको कभी भी किसी मुफ़्त कोटा को पार करने की चिंता नहीं करनी पड़ती. अंडरलिंग डेटा देखने की तुलना में, डैशबोर्ड को सेट अप करना ज़्यादा तेज़ और आसान है. सभी विज़ुअलाइज़ेशन आपके लिए जनरेट होते हैं और आपके पास इन्हें किसी के भी साथ शेयर करने का कंट्रोल होता है.

क्या CrUX डैशबोर्ड को इस्तेमाल करने की कोई सीमा है?

BigQuery पर आधारित होने का मतलब है कि CrUX डैशबोर्ड पर सभी पाबंदियां भी लागू होती हैं. यह डेटा, हर महीने के स्तर के डेटा तक सीमित होता है.

CrUX डैशबोर्ड, आसानी और आसानी से काम करने के लिए, BigQuery पर रॉ डेटा की कई बहुमुखी सुविधाओं को शामिल करता है. उदाहरण के लिए, मेट्रिक डिस्ट्रिब्यूशन को पूरे हिस्टोग्राम के बजाय सिर्फ़ "अच्छा", "सुधार की ज़रूरत है", और "खराब" के तौर पर दिखाया जाता है. CrUX डैशबोर्ड में, ग्लोबल लेवल का डेटा भी मिलता है, जबकि BigQuery डेटासेट की मदद से कुछ खास देशों के डेटा को ज़ूम इन किया जा सकता है.

मुझे Looker Studio के बारे में ज़्यादा जानकारी कहां मिल सकती है?

ज़्यादा जानकारी के लिए, Looker Studio की सुविधाओं वाला पेज देखें.