نحوه ساخت داشبورد CrUX در استودیو Looker

استودیوی Looker (که قبلاً Data Studio نامیده می شد) یک ابزار تجسم داده قدرتمند است که به شما امکان می دهد داشبوردهایی را بر روی منابع کلان داده مانند گزارش Chrome UX (CrUX) بسازید. در این راهنما، یاد بگیرید که چگونه داشبورد CrUX سفارشی خود را برای ردیابی روند تجربه کاربر مبدا ایجاد کنید.

اسکرین شات داشبورد CrUX که نمودارهای پشته ای مختلف را نشان می دهد که در طول ماه های مختلف تغییر می کنند.
داشبورد CrUX

داشبورد CrUX با ویژگی Looker Studio به نام Connectors Community ساخته شده است. این رابط یک پیوند از پیش ایجاد شده بین داده‌های خام CrUX در BigQuery و تجسم‌های 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 منشأ متفاوتی در نظر گرفته می‌شوند.

برخی از مشکلات رایج با مبدا ارائه پروتکل اشتباه، به عنوان مثال http:// به جای https:// ، و حذف زیر دامنه در صورت نیاز است. برخی از وب‌سایت‌ها دارای تغییر مسیر هستند، بنابراین اگر http://example.com به https://www.example.com هدایت می‌شود، باید از دومی که نسخه متعارف مبدا است استفاده کنید. به عنوان یک قانون سرانگشتی، از هر منبعی که کاربران در نوار آدرس می بینند استفاده کنید.

با علامت زدن چک باکس، مبدا در URL داشبورد گنجانده می شود، که اجازه می دهد با تغییر این پارامتر URL در آینده، از داشبورد یکسان برای مبداهای مختلف استفاده شود، بنابراین توصیه می شود آن را علامت بزنید.

روی دکمه Connect کلیک کنید. اگر چک باکس را علامت زده باشید، از شما خواسته می شود که این را تأیید کنید.

اگر مبدا شما در مجموعه داده CrUX گنجانده نشده باشد، ممکن است یک پیام خطایی مانند آنچه در نمودار بعدی نشان داده شده است دریافت کنید. بیش از 15 میلیون منبع در مجموعه داده وجود دارد، اما موردی که می خواهید ممکن است داده های کافی برای گنجاندن نداشته باشد .

اسکرین شات یک پیام خطای بازشو که از جمله پیام های خطای دیگر می گوید: "بیش از 15 میلیون منبع در این مجموعه داده وجود دارد، اما https://doesnotexist.origin یکی از آنها نیست"
پیام خطای اتصال دهنده جامعه CrUX هنگامی که یک مبدا وجود ندارد

اگر مبدأ وجود داشته باشد، به صفحه طرحواره داشبورد هدایت خواهید شد. این همه فیلدهایی را که شامل می شوند به شما نشان می دهد: هر نوع اتصال مؤثر، هر فاکتور فرم، ماه انتشار مجموعه داده، توزیع عملکرد برای هر متریک و البته نام مبدا. در این صفحه کاری لازم نیست انجام دهید یا تغییر دهید، فقط برای ادامه روی ایجاد گزارش کلیک کنید.

اسکرین شات ویرایشگر طرحواره داشبورد CrUX با فیلدها، انواع، تجمیع و توضیحات مختلف با قابلیت تغییر آنها یا افزودن فیلدهای جدید.
طرح داشبورد CrUX

از داشبورد استفاده کنید

هر داشبورد دارای سه نوع صفحه است:

  1. نمای کلی Core Web Vitals
  2. عملکرد متریک
  3. جمعیت شناسی کاربر

هر صفحه شامل نموداری است که توزیع ها را در طول زمان برای هر نسخه ماهانه موجود نشان می دهد. با انتشار مجموعه داده های جدید، می توانید داشبورد را برای دریافت آخرین داده ها به روز کنید.

مجموعه داده های ماهانه در دومین سه شنبه هر ماه منتشر می شود. به عنوان مثال، مجموعه داده متشکل از داده های تجربه کاربر از ماه می در دومین سه شنبه ژوئن منتشر می شود.

نمای کلی Core Web Vitals

صفحه اول مروری بر عملکرد ماهانه Core Web Vitals مبدا است. اینها مهمترین معیارهای UX هستند که گوگل به شما توصیه می کند روی آنها تمرکز کنید.

تصویر نمای کلی داشبورد CrUX Core Web Vitals که اطلاعات متریک LCP، INP و CLS را نشان می‌دهد.
بررسی اجمالی Core Web Vitals داشبورد CrUX

از صفحه Core Web Vitals استفاده کنید تا بفهمید که چگونه منشاء توسط کاربران دسکتاپ و تلفن تجربه می شود. به طور پیش‌فرض، آخرین ماه در زمانی که داشبورد را ایجاد کردید انتخاب شده است. برای تغییر بین نسخه‌های ماهانه قدیمی‌تر یا جدیدتر، از فیلتر ماه در بالای صفحه استفاده کنید.

توجه داشته باشید که تبلت به طور پیش فرض از این نمودارها حذف شده است، اما در صورت نیاز می توانید فیلتر بدون تبلت را در پیکربندی نمودار میله ای حذف کنید:

اسکرین شات ویرایش گزینه Filter در Looker Studio.
در حال ویرایش داشبورد CrUX برای نمایش تبلت ها در صفحه Core Web Vitals

عملکرد متریک

بعد از صفحه Core Web Vitals، صفحات مستقلی برای همه معیارها در مجموعه داده CrUX پیدا خواهید کرد.

اسکرین شات صفحه LCP داشبورد CrUX که نمودارهای نوار پشته های مختلف را در حال تغییر در ماه های مختلف نشان می دهد.
صفحه LCP داشبورد CrUX

در بالای هر صفحه فیلتر دستگاه قرار دارد که می‌توانید از آن برای محدود کردن فاکتورهای فرم موجود در داده‌های تجربه استفاده کنید. به عنوان مثال، می‌توانید به طور خاص به تجربیات تلفن کمک کنید. این تنظیم در تمام صفحات باقی می ماند.

تجسم های اولیه در این صفحات، توزیع ماهانه تجربیات دسته بندی شده به عنوان "خوب"، "نیاز به بهبود" و "ضعیف" است. افسانه کد رنگی زیر نمودار طیف تجربیات موجود در دسته را نشان می دهد. به عنوان مثال، در اسکرین شات قبلی، می‌توانید درصد تجربه‌های «خوب» بزرگترین رنگ محتوا (LCP) را در حال نوسان و کمی بدتر شدن در ماه‌های اخیر ببینید.

آخرین درصدهای ماه اخیر از تجربیات "خوب" و "ضعیف" در بالای نمودار به همراه نشانگر درصد تفاوت نسبت به ماه قبل نشان داده شده است. برای این مبدا، تجربیات "خوب" LCP با 3.2٪ کاهش به 56.04٪ در ماه به ماه رسید.

علاوه بر این، برای معیارهایی مانند LCP و دیگر Core Web Vitals که توصیه‌های صدک صریح را ارائه می‌کنند، معیار "P75" را بین درصدهای "خوب" و "ضعیف" خواهید یافت. این مقدار با صدک 75 تجربه کاربر مبدا مطابقت دارد. به عبارت دیگر 75 درصد تجربیات بهتر از این مقدار هستند. نکته ای که باید به آن توجه کرد این است که این امر در مورد توزیع کلی در همه دستگاه های مبدا اعمال می شود. روشن کردن دستگاه‌های خاص با فیلتر دستگاه ، صدک را دوباره محاسبه نمی‌کند.

هشدارهای فنی در مورد صدک ها

توجه داشته باشید که معیارهای صدک بر اساس داده های هیستوگرام BigQuery هستند، بنابراین دانه بندی درشت خواهد بود: 100ms برای LCP، 25ms برای INP، و 0.05 برای CLS. به عبارت دیگر، P75 LCP 3800ms نشان می دهد که صدک 75 واقعی چیزی بین 3800ms و 3900ms است.

علاوه بر این، مجموعه داده BigQuery از تکنیکی به نام "bin spreading" استفاده می کند که در آن تراکم تجربیات کاربر به طور ذاتی در سطل های بسیار درشت با دانه بندی رو به کاهش گروه بندی می شود. این به ما این امکان را می‌دهد که چگالی‌های دقیقه‌ای را در انتهای توزیع بدون نیاز به تجاوز از چهار رقم دقت در نظر بگیریم. به عنوان مثال، مقادیر LCP کمتر از 3 ثانیه در سطل هایی با عرض 200 میلی ثانیه گروه بندی می شوند. بین 3 تا 10 ثانیه، سطل ها 500 میلی ثانیه عرض دارند. بیش از 10 ثانیه، سطل‌ها 5000 میلی‌ثانیه عرض دارند... به‌جای داشتن سطل‌هایی با عرض‌های مختلف، پخش سطل تضمین می‌کند که همه سطل‌ها یک 100 میلی‌ثانیه عرض ثابت دارند (بزرگترین مقسوم‌کننده مشترک)، و توزیع به صورت خطی در هر سطل درون‌یابی می‌شود.

مقادیر مربوط به P75 در ابزارهایی مانند PageSpeed ​​Insights بر اساس مجموعه داده عمومی BigQuery نیست و قادر به ارائه مقادیر با دقت میلی ثانیه است.

جمعیت شناسی کاربر

دو بعد در صفحات جمعیتی کاربر گنجانده شده است: دستگاه ها و انواع اتصال موثر (ECT). این صفحات توزیع بازدیدهای صفحه را در کل مبدا برای کاربران در هر جمعیتی نشان می دهند.

صفحه توزیع دستگاه، تفکیک کاربران تلفن، دسک‌تاپ و تبلت را در طول زمان به شما نشان می‌دهد. بسیاری از مبداها معمولاً داده های رایانه لوحی کم یا بدون داده دارند، بنابراین اغلب "0٪" را در لبه نمودار خواهید دید.

نماگرفت صفحه دستگاه داشبورد CrUX که نشان می دهد چگونه خرابی دستگاه ماه به ماه تغییر می کند.
صفحه دستگاه داشبورد CrUX

به طور مشابه، صفحه توزیع ECT تجزیه و تحلیل تجربیات 4G، 3G، 2G، 2G کند و آفلاین را به شما نشان می دهد.

توزیع‌های این ابعاد با استفاده از بخش‌هایی از داده‌های هیستوگرام First Contentful Paint (FCP) محاسبه می‌شوند.

سوالات متداول

اینها برخی از سوالات متداول در مورد ساخت داشبوردهای CrUX در استودیو Looker است:

چه زمانی از داشبورد CrUX بر خلاف ابزارهای دیگر استفاده کنم؟

داشبورد CrUX بر اساس همان داده‌های زیربنایی موجود در BigQuery است، اما برای استخراج داده‌ها نیازی به نوشتن یک خط SQL ندارید و هرگز لازم نیست نگران فراتر رفتن از هر سهمیه رایگان باشید. راه‌اندازی داشبورد سریع‌تر و آسان‌تر از مشاهده جستجوی داده‌های زیرمجموعه است، همه تجسم‌ها برای شما ایجاد می‌شوند و شما این کنترل را دارید که آن را با هر کسی که می‌خواهید به اشتراک بگذارید.

آیا محدودیتی برای استفاده از داشبورد CrUX وجود دارد؟

مبتنی بودن بر BigQuery به این معنی است که داشبورد CrUX تمام محدودیت های خود را نیز به ارث می برد. به داده های سطح مبدا در جزئیات ماهانه محدود می شود.

داشبورد CrUX همچنین برخی از تطبیق پذیری داده های خام در BigQuery را برای سادگی و راحتی کنار می گذارد. برای مثال، توزیع‌های متریک تنها به‌عنوان «خوب»، «نیاز به بهبود» و «ضعیف» داده می‌شوند، برخلاف هیستوگرام‌های کامل. داشبورد CrUX همچنین داده‌ها را در سطح جهانی ارائه می‌کند، در حالی که مجموعه داده BigQuery به شما امکان بزرگ‌نمایی در کشورهای خاص را می‌دهد.

از کجا می توانم درباره Looker Studio اطلاعات بیشتری کسب کنم؟

برای اطلاعات بیشتر ، صفحه ویژگی های Looker Studio را بررسی کنید.