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

Rick Viscomi

منتشر شده: ۱۲ ژوئن ۲۰۲۰، آخرین به‌روزرسانی: ۹ سپتامبر ۲۰۲۵

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

هشدار: داشبورد CrUX منسوخ شده است. استفاده از CrUX Vis را در نظر بگیرید - یک داشبورد جدیدتر، مبتنی بر CrUX History API که مزایای زیادی نسبت به داشبورد CrUX دارد: زمان بارگذاری سریع‌تر، به‌روزرسانی‌های هفتگی به جای به‌روزرسانی‌های ماهانه، داده‌های مبدا و سطح URL در صورت وجود، و معیارهای اضافی که در داشبورد موجود نیستند. آن را امتحان کنید!

داشبورد CrUX

داشبورد CrUX با یکی از ویژگی‌های Looker Studio به نام Community Connectors ساخته شده است. این رابط، یک پیوند از پیش تعیین‌شده بین داده‌های خام CrUX در BigQuery و مصورسازی‌های Looker Studio است. این رابط، نیاز کاربران داشبورد را برای نوشتن هرگونه کوئری یا تولید هرگونه نمودار از بین می‌برد. همه چیز برای شما ساخته شده است؛ تنها کاری که باید انجام دهید این است که یک مبدا ارائه دهید تا یک داشبورد سفارشی برای شما ایجاد شود.

داشبورد پیش‌فرض CrUX

CrUX یک داشبورد پیش‌فرض دارد که توسط تیم CrUX نگهداری می‌شود. معیارهای جدید (به عنوان مثال INP ) توسط تیم اضافه می‌شوند و دفعه بعد که داشبورد بارگذاری می‌شود، در دسترس قرار می‌گیرند.

نکته: داشبورد پیش‌فرض به عنوان یک روش سریع و بدون نیاز به نگهداری برای نمایش داده‌های CrUX سایت توصیه می‌شود.

ایجاد داشبورد سفارشی

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

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

برای ایجاد یک داشبورد سفارشی، به g.co/chromeuxdash بروید. این شما را به صفحه رابط انجمن CrUX می‌برد که در آنجا می‌توانید مبدا تولید داشبورد را مشخص کنید. توجه داشته باشید که کاربران جدید ممکن است نیاز به تکمیل درخواست‌های مجوز یا تنظیمات بازاریابی داشته باشند.

هشدار: رابط CrUX cummunity منسوخ شده است. کسانی که مایل به ایجاد داشبوردهای خود با استفاده از سه داده CrUX BigQuery هستند، باید از یک رابط BigQuery Custom Query استفاده کنند. به مثال موجود در لینک قبلی مراجعه کنید.

رابط داشبورد CrUX

فیلد ورودی متن فقط مبدا را می‌پذیرد، نه آدرس‌های اینترنتی کامل را. برای مثال:

مبدا (پشتیبانی شده)

https://developer.chrome.com

آدرس اینترنتی (پشتیبانی نمی‌شود)

https://developer.chrome.com/docs/crux/guides/looker-studio-dashboard

اگر پروتکل را حذف کنید، HTTPS فرض می‌شود. زیردامنه‌ها مهم هستند، برای مثال https://developers.google.com و https://www.google.com به عنوان ریشه‌های مختلف در نظر گرفته می‌شوند.

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

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

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

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

پیام خطای کانکتور انجمن CrUX وقتی که مبدا وجود ندارد

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

طرح داشبورد CrUX

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

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

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

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

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

مرور کلی Core Web Vitals

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

مرور کلی CrUX Dashboard Core Web Vitals

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

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

ویرایش داشبورد CrUX برای نمایش تبلت‌ها در صفحه Core Web Vitals

عملکرد متریک

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

صفحه LCP داشبورد CrUX

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

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

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

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

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

توجه داشته باشید که معیارهای صدک بر اساس داده‌های هیستوگرام از BigQuery هستند، بنابراین جزئیات دقیق خواهند بود: ۱۰۰ میلی‌ثانیه برای LCP، ۲۵ میلی‌ثانیه برای INP و ۰.۰۵ برای CLS. به عبارت دیگر، یک LCP ۳۸۰۰ میلی‌ثانیه در P75 نشان می‌دهد که صدک ۷۵ واقعی جایی بین ۳۸۰۰ میلی‌ثانیه و ۳۹۰۰ میلی‌ثانیه است.

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

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

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

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

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

صفحه دستگاه داشبورد CrUX

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

اصطلاح کلیدی: انواع اتصال مؤثر، مؤثر در نظر گرفته می‌شوند زیرا بر اساس اندازه‌گیری پهنای باند در دستگاه‌های کاربران تعیین می‌شوند و به هیچ فناوری خاصی که استفاده می‌شود، اشاره ندارند. به عنوان مثال، یک کاربر دسکتاپ با وای‌فای سریع ممکن است به عنوان 4G برچسب‌گذاری شود در حالی که یک اتصال موبایل کندتر ممکن است به عنوان 2G برچسب‌گذاری شود.

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

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

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

چه زمانی از داشبورد CrUX در مقایسه با سایر ابزارها استفاده می‌کنم؟

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

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

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

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

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

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