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
यूआरएल (काम नहीं करता)
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 पर रीडायरेक्ट करता है, तो आपको https://www.example.com का इस्तेमाल करना चाहिए. यह ऑरिजिन का कैननिकल वर्शन होता है. आम तौर पर, उस ऑरिजिन का इस्तेमाल करें जो उपयोगकर्ताओं को पता बार में दिखता है.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

पर्सेंटाइल के बारे में तकनीकी जानकारी

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

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

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

उपयोगकर्ता जनसांख्यिकी

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

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

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

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

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

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

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

मुझे अन्य टूल के बजाय, CrUX डैशबोर्ड का इस्तेमाल कब करना चाहिए?

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

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

BigQuery पर आधारित होने का मतलब है कि CrUX डैशबोर्ड में BigQuery की सभी सीमाएं भी शामिल हैं. यह हर महीने के हिसाब से, ऑरिजिन-लेवल के डेटा तक ही सीमित है.

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

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

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