איך לבנות מרכז בקרה של CrUX ב-Looker Studio

Looker Studio (לשעבר Data Studio) הוא כלי מתקדם להצגה חזותית של נתונים שמאפשר ליצור מרכזי בקרה מעל מקורות נתונים גדולים, כמו דוח חוויית המשתמש ב-Chrome (CrUX). במדריך הזה מוסבר איך ליצור מרכז בקרה של CrUX בהתאמה אישית כדי לעקוב אחר מגמות בחוויית המשתמש של המקור.

צילום מסך של מרכז הבקרה של CrUX שבו מוצגים תרשימי עמודות שונים של ערימות שמשתנות במהלך חודשים שונים.
מרכז הבקרה של CrUX

מרכז הבקרה של CrUX נוצר באמצעות תכונה של Looker Studio שנקראת מחברים של קהילה. המחבר הזה הוא קישור מבוסס מראש בין נתוני CrUX גולמיים ב-BigQuery לבין התצוגות החזותיות של Looker Studio. כשמשתמשים במרכז הבקרה לא צריכים לכתוב שאילתות או ליצור תרשימים, הכול מוכן בשבילך. כל מה שצריך הוא לציין מקור ואנחנו ניצור עבורך מרכז בקרה בהתאמה אישית.

מרכז הבקרה של CrUX שמוגדר כברירת מחדל

ב-CrUX יש לוח בקרה שמוגדר כברירת מחדל, שמנוהל על ידי צוות CrUX. מדדים חדשים (למשל INP) יתווספו על ידי הצוות ויהיו זמינים בפעם הבאה שלוח הבקרה ייטען.

יצירת מרכז בקרה בהתאמה אישית

ייתכן שחלק מהמשתמשים ירצו להתאים אישית את מרכז הבקרה, ובמקרה כזה תוכלו ליצור עותק משלכם של מרכז הבקרה שמוגדר כברירת מחדל ולשנות אותו לפי הצורך.

כדי ליצור מרכז בקרה בהתאמה אישית, עוברים לכתובת g.co/chromeuxdash. הלחיצה תעביר אתכם לדף של מחבר הקהילה של CrUX שבו תוכלו לציין את המקור שעבורו יווצר מרכז הבקרה. הערה: יכול להיות שמשתמשים חדשים יצטרכו למלא בקשות הרשאה או העדפות שיווק.

צילום מסך של מסך ההגדרה של מחבר CrUX Dashboard, עם שדה להזנת כתובת URL של מקור ותיבת סימון שמאפשרת לשנות את השדה הזה בדוחות.
המחבר של CrUX Dashboard

השדה להזנת הטקסט מקבל רק מקורות, ולא כתובות 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 של מרכז הבקרה. כך ניתן יהיה להשתמש באותו מרכז בקרה למקורות שונים על ידי שינוי הפרמטר הזה של כתובת האתר בעתיד, כך שמומלץ לסמן אותו.

לוחצים על הלחצן התחברות. אם סימנתם את התיבה, תתבקשו לאשר זאת.

אם המקור שלכם לא כלול במערך הנתונים של CrUX, ייתכן שתקבלו הודעת שגיאה כמו זו שמוצגת בתרשים הבא. קיימים יותר מ-15 מיליון מקורות במערך הנתונים, אבל יכול להיות שהמקור שאתם רוצים לא יכלול מספיק נתונים.

צילום מסך של הודעת השגיאה הקופצת שבה כתוב, בין היתר, "קיימים יותר מ-15 מיליון מקורות במערך הנתונים הזה, אבל https://doesnotexist.origin הוא לא אחד מהם'.
הודעת שגיאה על מחבר קהילת CrUX כשלא קיים מקור

אם המקור קיים, תועברו לדף הסכימה של מרכז הבקרה. יוצגו כל השדות הכלולים: כל סוג חיבור יעיל, כל גורם צורה, חודש הפרסום של מערך הנתונים, התפלגות הביצועים של כל מדד, וכמובן שם המקור. בדף הזה אין צורך לבצע או לשנות שום דבר, אפשר פשוט ללחוץ על יצירת דוח כדי להמשיך.

צילום מסך של עורך הסכימה של CrUX Dashboard עם מגוון שדות, סוגים, צבירה ותיאורים, עם אפשרות לשנות אותם או להוסיף שדות חדשים.
סכימה של מרכז הבקרה של CrUX

שימוש במרכז הבקרה

כל מרכז בקרה כולל שלושה סוגי דפים:

  1. סקירה כללית של מדדי ליבה לבדיקת חוויית המשתמש באתר
  2. ביצועי מדדים
  3. המאפיינים הדמוגרפיים של משתמשים

כל דף כולל תרשים שמציג את ההתפלגות לאורך זמן עבור כל גרסה חודשית זמינה. כשיהיו מערכי נתונים חדשים, תוכלו לרענן את מרכז הבקרה כדי לראות את הנתונים העדכניים ביותר.

מערכי הנתונים החודשיים מפורסמים ביום שלישי השני של כל חודש. לדוגמה, מערך הנתונים שמכיל נתונים על חוויית המשתמש מחודש מאי יוצג ביום שלישי השני של יוני.

סקירה כללית של מדדי ליבה לבדיקת חוויית המשתמש באתר

בדף הראשון מוצגת סקירה כללית של הביצועים החודשיים של מדדי הליבה לבדיקת חוויית המשתמש באתר. אלה מדדי חוויית המשתמש החשובים ביותר ש-Google ממליצה להתמקד בהם.

צילום מסך של סקירה כללית של מדדי ליבה לבדיקת חוויית המשתמש באתר של CrUX במרכז הבקרה, עם מידע על מדדי LCP, INP ו-CLS.
סקירה כללית של מדדי ליבה לבדיקת חוויית המשתמש באתר של CrUX

אפשר להשתמש בדף מדדי הליבה לבדיקת חוויית המשתמש באתר כדי להבין איך משתמשים במחשבים ובטלפון משתמשים במקור. כברירת מחדל, נבחר החודש האחרון במועד היצירה של מרכז הבקרה. כדי לעבור בין גרסאות חודשיות ישנות יותר או חדשות יותר, אפשר להשתמש במסנן חודש בחלק העליון של הדף.

לידיעתך, טאבלט מוסר מהתרשימים האלה כברירת מחדל, אבל במקרה הצורך אפשר להסיר את המסנן ללא טאבלט בהגדרה של תרשים העמודות:

צילום מסך של אפשרות הסינון ב-Looker Studio.
עריכת מרכז הבקרה של CrUX להצגת טאבלטים בדף מדדי הליבה לבדיקת חוויית המשתמש באתר

ביצועי מדדים

אחרי הדף בנושא מדדי ליבה לבדיקת חוויית המשתמש באתר יופיעו דפים עצמאיים לכל metrics במערך הנתונים של CrUX.

צילום מסך של דף LCP ב-CrUX Dashboard, שבו מוצגים תרשימי עמודות של ערימות שונים שמשתנים לאורך חודשים.
דף LCP ב-CrUX Dashboard

בחלק העליון של כל דף נמצא המסנן מכשיר. אפשר להשתמש במסנן הזה כדי להגביל את גורמי הצורה שנכללים בנתוני חוויית המשתמש. לדוגמה, אפשר להציג פירוט של החוויות בטלפון. ההגדרה הזו נשמרת בכל הדפים.

התצוגות החזותיות העיקריות בדפים האלה הן חלוקה חודשית של חוויות השימוש בקטגוריות 'טוב', 'טעון שיפור' ו'איטיים'. מתחת לתרשים מופיע מקרא בצבעים שונים כדי לציין את טווח החוויות שנכללות בקטגוריה. לדוגמה, בצילום המסך הקודם אפשר לראות את אחוז חוויות ה-LCP "הטובות ביותר" בתנודות ולהחמרה קלה בחודשים האחרונים.

האחוזים של חוויות המשתמש 'טוב' ו'חלש' בחודש האחרון מוצגים מעל התרשים, יחד עם מדד של ההבדל באחוזים בהשוואה לחודש הקודם. במקור הזה, חוויות LCP 'טובות' ירדו ב-3.2% ל-56.04% מדי חודש.

בנוסף, לגבי מדדים כמו LCP ומדדי ליבה לבדיקת חוויית המשתמש באתר שמספקים המלצות מפורשות לגבי האחוזים, תמצאו את המדד 'P75' בין האחוזים 'טוב' ו'חלש'. הערך הזה תואם לאחוזון ה-75 של חוויות המשתמש של המקור. במילים אחרות, 75% מהחוויות טובות יותר מהערך הזה. חשוב לציין שכלל זה חל על ההתפלגות הכוללת בכל המכשירים במקור. החלפת המצב של מכשירים ספציפיים באמצעות המסנן מכשיר לא תחשב מחדש את האחוזון.

אזהרות טכניות לגבי אחוזונים

חשוב לשים לב שהמדדים באחוזון מבוססים על נתוני ההיסטוגרמה מ-BigQuery. לכן רמת הפירוט תהיה גסה: 100 אלפיות השנייה בשביל LCP, 25 אלפיות השנייה בשביל INP ו-0.05 ל-CLS. במילים אחרות, P75 LCP של 3800 אלפיות השנייה מציין שהאחוזון ה-75 האמיתי נמצא בין 3,800 אלפיות השנייה ל-3,900 אלפיות השנייה.

בנוסף, מערך הנתונים ב-BigQuery משתמש בשיטה שנקראת 'פיזור סלים', שבה צפיפות של חוויות משתמש מקובצות באופן מהותי לסלים גסים עם רמת פירוט נמוכה יותר. כך אנחנו יכולים לכלול דחיסות בדקות בזנב ההתפלגות מבלי לחרוג מארבע ספרות של דיוק. לדוגמה, ערכי LCP קצרים מ-3 שניות מקובצים בסלים ברוחב של 200 אלפיות השנייה. אורך הסלים הוא 3 עד 10 שניות, וברוחב 500 אלפיות השנייה. יותר מ-10 שניות, הסלים הם ברוחב של 5,000 אלפיות השנייה... במקום להשתמש בסלים עם רוחב שונה, המרווח הפנימי מבטיח שכל הסלים יהיו ברוחב קבוע של 100 אלפיות השנייה (המחלק המשותף הגדול ביותר), ושהתפלגות ההתפלגות תהיה לינארית בין כל פחיות.

ערכי P75 התואמים בכלים כמו PageSpeed Insights לא מבוססים על מערך הנתונים הציבורי של BigQuery, ויכולים לספק ערכי דיוק של אלפית שנייה.

המאפיינים הדמוגרפיים של משתמשים

בדפים הדמוגרפיים של המשתמשים נכללים שני מאפיינים: מכשירים וסוגי חיבור יעילים (ECT). דפים אלה ממחישים את ההתפלגות של צפיות בדף בכל המקור עבור משתמשים בכל קבוצה דמוגרפית.

בדף ההפצה של מכשירים מוצג פירוט של המשתמשים בטלפון, במחשב ובטאבלט לאורך זמן. מקורות רבים נוטים לקבל מעט נתונים על הטאבלט או לא מקבלים נתוני טאבלט, כך שבמקרים רבים תראו את הערך '0%' תלוי בשולי התרשים.

צילום מסך של דף המכשירים של CrUX Dashboard, ואת השינויים בפירוט המכשירים מחודש לחודש.
דף המכשיר של CrUX Dashboard

באופן דומה, בדף ההפצה של ECT מוצג פירוט של חוויות השימוש ב-4G, 3G, 2G, 2G איטיות וחוויות אופליין.

ההתפלגויות של המאפיינים האלה מחושבות באמצעות פלחים של נתוני ההיסטוגרמה First Contentful Paint (FCP).

שאלות נפוצות

אלו כמה מהשאלות הנפוצות לגבי בניית מרכזי בקרה של CrUX ב-Looker Studio:

מתי כדאי להשתמש במרכז הבקרה של CrUX ולא בכלים אחרים?

מרכז הבקרה של CrUX מבוסס על אותם נתונים בסיסיים שזמינים ב-BigQuery, אבל לא צריך לכתוב שורה אחת ב-SQL כדי לחלץ את הנתונים, ואין צורך לחשוש לחרוג מהמכסות החופשיות. ההגדרה של מרכז בקרה מהירה וקלה יותר מהרצת שאילתות על הנתונים התחתונים. כל התצוגות החזותיות נוצרות עבורכם, ואתם יכולים לשתף את הנתונים עם כל מי שתרצו.

האם יש מגבלות על השימוש במרכז הבקרה של CrUX?

כשהמרכז מבוסס על BigQuery, מרכז הבקרה של CrUX יורש גם את כל המגבלות שלו. הוא מוגבל לנתונים ברמת המקור ברמת פירוט חודשית.

כדי לפשט ולייעל את מרכז הבקרה של CrUX, מגוונים גם חלק מהנתונים הגולמיים ב-BigQuery. לדוגמה, ההתפלגות של מדדים ניתנת רק בתור 'טוב', 'דרוש שיפור' ו'חלש', בניגוד להיסטוגרמה המלאה. במרכז הבקרה של CrUX מוצגים גם נתונים ברמה גלובלית, ומערך הנתונים של BigQuery מאפשר להגדיל את התצוגה במדינות מסוימות.

איפה אפשר לקבל מידע נוסף על Looker Studio?

מידע נוסף זמין בדף התכונות של Looker Studio.