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

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

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

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

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

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

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

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

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

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

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

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

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

पहले पेज पर, ऑरिजिन के हर महीने की Core Web Vitals परफ़ॉर्मेंस की खास जानकारी होती है. Google आपको ये सबसे अहम उपयोगकर्ता अनुभव मेट्रिक पर फ़ोकस करने का सुझाव देता है.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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