লুকার স্টুডিওতে কীভাবে একটি CrUX ড্যাশবোর্ড তৈরি করবেন

প্রকাশিত: ১২ জুন, ২০২০, সর্বশেষ আপডেট: ৯ সেপ্টেম্বর, ২০২৫

লুকার স্টুডিও (পূর্বে ডেটা স্টুডিও) একটি শক্তিশালী ডেটা ভিজ্যুয়ালাইজেশন টুল যা আপনাকে Chrome UX রিপোর্ট (CrUX) এর মতো বৃহৎ ডেটা উৎসের উপরে ড্যাশবোর্ড তৈরি করতে দেয়। এই নির্দেশিকাটিতে, কোনও উৎসের ব্যবহারকারীর অভিজ্ঞতার প্রবণতা ট্র্যাক করার জন্য কীভাবে আপনার নিজস্ব কাস্টম CrUX ড্যাশবোর্ড তৈরি করবেন তা শিখুন।

CrUX ড্যাশবোর্ডে বিভিন্ন মাস ধরে পরিবর্তিত বিভিন্ন স্ট্যাক বার চার্ট দেখানো হচ্ছে।
CrUX ড্যাশবোর্ড

CrUX ড্যাশবোর্ডটি Looker Studio-এর একটি বৈশিষ্ট্য দিয়ে তৈরি করা হয়েছে যার নাম Community Connectors । এই সংযোগকারীটি BigQuery- এর কাঁচা CrUX ডেটা এবং Looker Studio-এর ভিজ্যুয়ালাইজেশনের মধ্যে একটি পূর্ব-প্রতিষ্ঠিত লিঙ্ক। এটি ড্যাশবোর্ড ব্যবহারকারীদের যেকোনো প্রশ্ন লেখার বা যেকোনো চার্ট তৈরি করার প্রয়োজন দূর করে। সবকিছু আপনার জন্য তৈরি; আপনার যা দরকার তা হল একটি উৎস প্রদান করা এবং আপনার জন্য একটি কাস্টম ড্যাশবোর্ড তৈরি করা হবে।

ডিফল্ট CrUX ড্যাশবোর্ড

CrUX-এর একটি ডিফল্ট ড্যাশবোর্ড আছে, যা CrUX টিম দ্বারা রক্ষণাবেক্ষণ করা হয়। টিম দ্বারা নতুন মেট্রিক্স (উদাহরণস্বরূপ INP ) যোগ করা হয় এবং পরের বার ড্যাশবোর্ড লোড করার সময় উপলব্ধ থাকে।

একটি কাস্টম ড্যাশবোর্ড তৈরি করুন

কিছু ব্যবহারকারী ড্যাশবোর্ডটি কাস্টমাইজ করতে চাইতে পারেন, সেক্ষেত্রে আপনি ডিফল্ট ড্যাশবোর্ডের নিজস্ব কপি তৈরি করতে পারেন এবং আপনার পছন্দ অনুযায়ী এটি পরিবর্তন করতে পারেন।

একটি কাস্টম ড্যাশবোর্ড তৈরি করতে, g.co/chromeuxdash এ যান। এটি আপনাকে CrUX কমিউনিটি সংযোগকারী পৃষ্ঠায় নিয়ে যাবে যেখানে আপনি ড্যাশবোর্ডটি তৈরি করার জন্য উৎসটি প্রদান করতে পারবেন। মনে রাখবেন যে প্রথমবার ব্যবহারকারীদের অনুমতি বা মার্কেটিং পছন্দের প্রম্পটগুলি সম্পূর্ণ করার প্রয়োজন হতে পারে।

CrUX ড্যাশবোর্ড সংযোগকারী কনফিগারেশন স্ক্রিনে একটি অরিজিন URL প্রবেশ করার জন্য একটি ক্ষেত্র এবং প্রতিবেদনে সেই ক্ষেত্রটি পরিবর্তন করার জন্য একটি টিকবক্স রয়েছে।
CrUX ড্যাশবোর্ড সংযোগকারী

টেক্সট ইনপুট ফিল্ড শুধুমাত্র অরিজিন গ্রহণ করে, সম্পূর্ণ URL গুলি নয়। উদাহরণস্বরূপ:

উৎপত্তি (সমর্থিত)
https://developer.chrome.com
URL (সমর্থিত নয়)
https://developer.chrome.com/docs/crux/guides/looker-studio-dashboard

যদি আপনি প্রোটোকলটি বাদ দেন, তাহলে HTTPS ধরে নেওয়া হবে। সাবডোমেনগুলি গুরুত্বপূর্ণ, উদাহরণস্বরূপ https://developers.google.com এবং https://www.google.com ভিন্ন উৎস হিসাবে বিবেচনা করা হয়।

origins এর কিছু সাধারণ সমস্যা হল ভুল প্রোটোকল প্রদান করা, উদাহরণস্বরূপ http:// এর পরিবর্তে https:// , এবং প্রয়োজনে সাবডোমেন বাদ দেওয়া। কিছু ওয়েবসাইটে পুনঃনির্দেশনা থাকে, তাই যদি http://example.com https://www.example.com এ পুনঃনির্দেশিত হয়, তাহলে আপনার পরবর্তীটি ব্যবহার করা উচিত, যা origin এর ক্যানোনিকাল সংস্করণ। সাধারণভাবে, অ্যাড্রেস বারে ব্যবহারকারীরা যে origin দেখতে পান তা ব্যবহার করুন।

চেকবক্সে টিক চিহ্ন দিলে, ড্যাশবোর্ড URL-এ অরিজিন অন্তর্ভুক্ত হবে, যা ভবিষ্যতে এই URL প্যারামিটার পরিবর্তন করে একই ড্যাশবোর্ডকে বিভিন্ন অরিজিনের জন্য ব্যবহার করার অনুমতি দেয়, তাই এটিতে টিক চিহ্ন দেওয়ার পরামর্শ দেওয়া হচ্ছে।

সংযোগ বোতামে ক্লিক করুন। যদি আপনি চেকবক্সে টিক চিহ্ন দিয়ে থাকেন, তাহলে আপনাকে এটি নিশ্চিত করতে বলা হবে।

যদি আপনার অরিজিন CrUX ডেটাসেটে অন্তর্ভুক্ত না থাকে, তাহলে আপনি পরবর্তী চিত্রে দেখানো ত্রুটির বার্তা পেতে পারেন। ডেটাসেটে 15 মিলিয়নেরও বেশি অরিজিন রয়েছে, কিন্তু আপনি যেটি চান তাতে অন্তর্ভুক্ত করার জন্য পর্যাপ্ত ডেটা নাও থাকতে পারে

একটি পপআপ ত্রুটি বার্তা, অন্যান্য ত্রুটি বার্তাগুলির মধ্যে, বলছে, 'এই ডেটাসেটে 15 মিলিয়নেরও বেশি অরিজিন রয়েছে, কিন্তু https://doesnotexist.origin তাদের মধ্যে একটি নয়'।
যখন কোনও অরিজিন বিদ্যমান না থাকে তখন CrUX কমিউনিটি সংযোগকারীর ত্রুটির বার্তা

যদি অরিজিনটি বিদ্যমান থাকে, তাহলে আপনাকে ড্যাশবোর্ডের স্কিমা পৃষ্ঠায় নিয়ে যাওয়া হবে। এটি আপনাকে অন্তর্ভুক্ত সমস্ত ক্ষেত্র দেখায়: প্রতিটি কার্যকর সংযোগের ধরণ, প্রতিটি ফর্ম ফ্যাক্টর, ডেটাসেট প্রকাশের মাস, প্রতিটি মেট্রিকের জন্য কর্মক্ষমতা বিতরণ এবং অবশ্যই অরিজিনের নাম। এই পৃষ্ঠায় আপনাকে কিছুই করতে বা পরিবর্তন করতে হবে না, চালিয়ে যেতে কেবল রিপোর্ট তৈরি করুন ক্লিক করুন।

CrUX ড্যাশবোর্ড স্কিমা এডিটর বিভিন্ন ক্ষেত্র, প্রকার, সমষ্টি এবং বর্ণনা সহ সেগুলি পরিবর্তন বা নতুন ক্ষেত্র যুক্ত করার ক্ষমতা সহ।
CrUX ড্যাশবোর্ড স্কিমা

ড্যাশবোর্ড ব্যবহার করুন

প্রতিটি ড্যাশবোর্ডে তিন ধরণের পৃষ্ঠা থাকে:

  1. কোর ওয়েব ভাইটালস ওভারভিউ
  2. মেট্রিক পারফরম্যান্স
  3. ব্যবহারকারীর জনসংখ্যাতাত্ত্বিক তথ্য

প্রতিটি পৃষ্ঠায় প্রতিটি উপলব্ধ মাসিক রিলিজের জন্য সময়ের সাথে সাথে বিতরণ দেখানো একটি চার্ট থাকে। নতুন ডেটাসেট প্রকাশের সাথে সাথে, আপনি সর্বশেষ ডেটা পেতে ড্যাশবোর্ড রিফ্রেশ করতে পারেন।

মাসিক ডেটাসেটগুলি প্রতি মাসের দ্বিতীয় মঙ্গলবার প্রকাশিত হয়। উদাহরণস্বরূপ, মে মাসের ব্যবহারকারীর অভিজ্ঞতার ডেটা সমন্বিত ডেটাসেটটি জুন মাসের দ্বিতীয় মঙ্গলবার প্রকাশিত হয়।

কোর ওয়েব ভাইটালস ওভারভিউ

প্রথম পৃষ্ঠাটি হল মূল ওয়েবসাইটের মাসিক কোর ওয়েব ভাইটালস পারফরম্যান্সের একটি সারসংক্ষেপ। এগুলি হল সবচেয়ে গুরুত্বপূর্ণ UX মেট্রিক্স যা Google আপনাকে ফোকাস করার পরামর্শ দেয়।

CrUX ড্যাশবোর্ড কোর ওয়েব ভাইটালস ওভারভিউ যেখানে LCP, INP এবং CLS মেট্রিক তথ্য দেখানো হয়েছে।
CrUX ড্যাশবোর্ড কোর ওয়েব ভাইটালস ওভারভিউ

ডেস্কটপ এবং ফোন ব্যবহারকারীরা কীভাবে অরিজিন অনুভব করেন তা বুঝতে কোর ওয়েব ভাইটালস পৃষ্ঠাটি ব্যবহার করুন। ডিফল্টরূপে, ড্যাশবোর্ড তৈরি করার সময় সবচেয়ে সাম্প্রতিক মাসটি নির্বাচন করা হয়। পুরানো বা নতুন মাসিক রিলিজের মধ্যে পরিবর্তন করতে, পৃষ্ঠার শীর্ষে মাস ফিল্টারটি ব্যবহার করুন।

মনে রাখবেন যে ট্যাবলেটটি ডিফল্টরূপে এই চার্টগুলি থেকে বাদ দেওয়া হয়, তবে প্রয়োজনে আপনি বার চার্ট কনফিগারেশনে No Tablet ফিল্টারটি সরাতে পারেন:

লুকার স্টুডিওতে ফিল্টার অপশনটি সম্পাদনা করুন।
কোর ওয়েব ভাইটালস পৃষ্ঠায় ট্যাবলেট দেখানোর জন্য CrUX ড্যাশবোর্ড সম্পাদনা করা হচ্ছে

মেট্রিক পারফরম্যান্স

কোর ওয়েব ভাইটালস পৃষ্ঠার পরে, আপনি CrUX ডেটাসেটে সমস্ত মেট্রিক্সের জন্য স্বতন্ত্র পৃষ্ঠাগুলি পাবেন।

CrUX ড্যাশবোর্ড LCP পৃষ্ঠায় বিভিন্ন মাস ধরে পরিবর্তিত বিভিন্ন স্ট্যাক বার চার্ট দেখানো হয়েছে।
CrUX ড্যাশবোর্ড LCP পৃষ্ঠা

প্রতিটি পৃষ্ঠার উপরে ডিভাইস ফিল্টার থাকে, যা আপনি অভিজ্ঞতার ডেটাতে অন্তর্ভুক্ত ফর্ম ফ্যাক্টরগুলিকে সীমাবদ্ধ করতে ব্যবহার করতে পারেন। উদাহরণস্বরূপ, আপনি বিশেষভাবে ফোন অভিজ্ঞতাগুলিতে ড্রিল করতে পারেন। এই সেটিংটি সমস্ত পৃষ্ঠা জুড়ে স্থায়ী হয়।

এই পৃষ্ঠাগুলিতে প্রাথমিক ভিজ্যুয়ালাইজেশন হল "ভালো", "উন্নতির প্রয়োজন" এবং "খারাপ" হিসাবে শ্রেণীবদ্ধ অভিজ্ঞতার মাসিক বিতরণ। চার্টের নীচের রঙ-কোডেড লেজেন্ডটি বিভাগে অন্তর্ভুক্ত অভিজ্ঞতার পরিসর নির্দেশ করে। উদাহরণস্বরূপ, পূর্ববর্তী স্ক্রিনশটে, আপনি সাম্প্রতিক মাসগুলিতে "ভালো" লার্জেস্ট কন্টেন্টফুল পেইন্ট (LCP) অভিজ্ঞতার শতাংশ ওঠানামা করছে এবং কিছুটা খারাপ হচ্ছে তা দেখতে পাচ্ছেন।

সাম্প্রতিক মাসের "ভালো" এবং "খারাপ" অভিজ্ঞতার শতাংশ চার্টের উপরে দেখানো হয়েছে, সাথে পূর্ববর্তী মাসের থেকে শতাংশের পার্থক্যের একটি সূচকও রয়েছে। এই উৎসের জন্য, "ভালো" LCP অভিজ্ঞতা মাসের তুলনায় 3.2% কমে 56.04% হয়েছে।

এছাড়াও, LCP এবং অন্যান্য Core Web Vitals-এর মতো মেট্রিক্সের জন্য যা স্পষ্ট পার্সেন্টাইল সুপারিশ প্রদান করে, আপনি "ভালো" এবং "খারাপ" শতাংশের মধ্যে "P75" মেট্রিক পাবেন। এই মানটি অরিজিনের ব্যবহারকারীর অভিজ্ঞতার 75তম শতাংশের সাথে মিলে যায়। অন্য কথায়, 75% অভিজ্ঞতা এই মানের চেয়ে ভালো। একটি বিষয় মনে রাখবেন যে এটি অরিজিনের সমস্ত ডিভাইসের সামগ্রিক বিতরণের ক্ষেত্রে প্রযোজ্য। ডিভাইস ফিল্টার দিয়ে নির্দিষ্ট ডিভাইস টগল করলেও পার্সেন্টাইল পুনরায় গণনা করা হবে না।

শতকরা হার সম্পর্কে প্রযুক্তিগত সতর্কতা

মনে রাখবেন যে পার্সেন্টাইল মেট্রিক্স BigQuery থেকে হিস্টোগ্রাম ডেটার উপর ভিত্তি করে তৈরি করা হয়েছে, তাই গ্রানুলারিটি মোটা হবে: LCP-এর জন্য 100ms, INP-এর জন্য 25ms, এবং CLS-এর জন্য 0.05। অন্য কথায়, 3800ms-এর একটি P75 LCP নির্দেশ করে যে প্রকৃত 75তম পার্সেন্টাইল 3800ms এবং 3900ms-এর মধ্যে কোথাও।

অতিরিক্তভাবে, BigQuery ডেটাসেট "bin spreading" নামক একটি কৌশল ব্যবহার করে যেখানে ব্যবহারকারীর অভিজ্ঞতার ঘনত্বকে অভ্যন্তরীণভাবে ক্রমহ্রাসমান গ্রানুলারিটির খুব মোটা বিনগুলিতে গোষ্ঠীভুক্ত করা হয়। এটি আমাদেরকে চারটি অঙ্কের নির্ভুলতা অতিক্রম না করেই বিতরণের লেজে ক্ষুদ্র ঘনত্ব অন্তর্ভুক্ত করতে দেয়। উদাহরণস্বরূপ, 3 সেকেন্ডের কম LCP মানগুলিকে 200ms প্রশস্ত বিনগুলিতে গোষ্ঠীভুক্ত করা হয়। 3 থেকে 10 সেকেন্ডের মধ্যে, বিনগুলি 500ms প্রশস্ত। 10 সেকেন্ডের পরে, বিনগুলি 5000ms প্রশস্ত... বিভিন্ন প্রস্থের বিন থাকার পরিবর্তে, বিন স্প্রেডিং নিশ্চিত করে যে সমস্ত বিন একটি ধ্রুবক 100ms প্রশস্ত (সর্বশ্রেষ্ঠ সাধারণ ভাজক), এবং বিতরণ প্রতিটি বিন জুড়ে রৈখিকভাবে প্রবর্তিত হয়।

PageSpeed ​​Insights-এর মতো টুলগুলিতে সংশ্লিষ্ট P75 মানগুলি পাবলিক BigQuery ডেটাসেটের উপর ভিত্তি করে তৈরি করা হয় না এবং মিলিসেকেন্ড-নির্ভুলতা মান প্রদান করতে সক্ষম।

ব্যবহারকারীর জনসংখ্যাতাত্ত্বিক তথ্য

ব্যবহারকারীর জনসংখ্যাতাত্ত্বিক পৃষ্ঠাগুলিতে দুটি মাত্রা অন্তর্ভুক্ত রয়েছে: ডিভাইস এবং কার্যকর সংযোগের ধরণ (ECT)। এই পৃষ্ঠাগুলি প্রতিটি জনসংখ্যাতাত্ত্বিকের ব্যবহারকারীদের জন্য সমগ্র উৎস জুড়ে পৃষ্ঠা দর্শনের বন্টন চিত্রিত করে।

ডিভাইস বিতরণ পৃষ্ঠাটি আপনাকে সময়ের সাথে সাথে ফোন, ডেস্কটপ এবং ট্যাবলেট ব্যবহারকারীদের বিভাজন দেখায়। অনেক উৎসের ট্যাবলেট ডেটা খুব কম বা কোনও ডেটা থাকে না, তাই আপনি প্রায়শই চার্টের প্রান্তে "0%" ঝুলন্ত দেখতে পাবেন।

CrUX ড্যাশবোর্ড ডিভাইস পৃষ্ঠাটি দেখায় যে ডিভাইসের ব্রেকডাউন মাসের পর মাস কীভাবে পরিবর্তিত হয়।
CrUX ড্যাশবোর্ড ডিভাইস পৃষ্ঠা

একইভাবে, ECT বিতরণ পৃষ্ঠা আপনাকে 4G, 3G, 2G, ধীর 2G এবং অফলাইন অভিজ্ঞতার বিশদ বিবরণ দেখায়।

এই মাত্রাগুলির জন্য বিতরণগুলি ফার্স্ট কন্টেন্টফুল পেইন্ট (FCP) হিস্টোগ্রাম ডেটার অংশগুলি ব্যবহার করে গণনা করা হয়।

প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী

লুকার স্টুডিওতে CrUX ড্যাশবোর্ড তৈরি সম্পর্কে প্রায়শই জিজ্ঞাসিত কিছু প্রশ্ন এখানে দেওয়া হল:

অন্যান্য টুলের পরিবর্তে আমি কখন CrUX ড্যাশবোর্ড ব্যবহার করব?

CrUX ড্যাশবোর্ডটি BigQuery-তে উপলব্ধ একই অন্তর্নিহিত ডেটার উপর ভিত্তি করে তৈরি, তবে ডেটা বের করার জন্য আপনাকে SQL-এর একটি লাইনও লিখতে হবে না এবং আপনাকে কোনও বিনামূল্যের কোটা অতিক্রম করার বিষয়ে চিন্তা করতে হবে না। একটি ড্যাশবোর্ড সেট আপ করা অন্তর্নিহিত ডেটা অনুসন্ধান করার চেয়ে দ্রুত এবং সহজ, সমস্ত ভিজ্যুয়ালাইজেশন আপনার জন্য তৈরি করা হয় এবং আপনি এটি যে কারও সাথে ভাগ করে নেওয়ার নিয়ন্ত্রণ আপনার কাছে রয়েছে।

CrUX ড্যাশবোর্ড ব্যবহারের ক্ষেত্রে কি কোন সীমাবদ্ধতা আছে?

BigQuery-এর উপর ভিত্তি করে তৈরি হওয়ার অর্থ হল CrUX ড্যাশবোর্ড তার সমস্ত সীমাবদ্ধতাও উত্তরাধিকারসূত্রে গ্রহণ করে। এটি মাসিক গ্র্যানুলারিটিতে অরিজিন-স্তরের ডেটার মধ্যে সীমাবদ্ধ।

CrUX ড্যাশবোর্ড সরলতা এবং সুবিধার জন্য BigQuery-তে কাঁচা ডেটার কিছু বহুমুখীতাও বিনিময় করে। উদাহরণস্বরূপ, মেট্রিক বিতরণগুলি সম্পূর্ণ হিস্টোগ্রামের বিপরীতে কেবল "ভাল", "উন্নতির প্রয়োজন" এবং "খারাপ" হিসাবে দেওয়া হয়। CrUX ড্যাশবোর্ড বিশ্বব্যাপী ডেটাও সরবরাহ করে, যখন BigQuery ডেটাসেট আপনাকে নির্দিষ্ট দেশগুলিতে জুম করতে দেয়।

লুকার স্টুডিও সম্পর্কে আমি কোথায় আরও জানতে পারি?

আরও তথ্যের জন্য লুকার স্টুডিওর বৈশিষ্ট্য পৃষ্ঠাটি দেখুন।