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

Rick Viscomi
Rick Viscomi

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

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

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

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

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

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

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

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

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

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

पहले पेज पर, ऑरिजिन की हर महीने की वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी होती है. ये सबसे ज़रूरी UX मेट्रिक हैं, जिन पर 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 सेकंड के बाद, बाइन 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 की सुविधाओं का पेज देखें.