วิธีสร้างแดชบอร์ด CrUX ใน Looker Studio

Looker Studio (เดิมคือ Data Studio) คือเครื่องมือแสดงข้อมูลเป็นภาพที่มีประสิทธิภาพซึ่งให้คุณสร้างหน้าแดชบอร์ดบนแหล่งข้อมูลขนาดใหญ่ได้ เช่น รายงาน UX ของ Chrome (CrUX) ในคู่มือนี้ คุณจะได้เรียนรู้วิธีสร้างแดชบอร์ด CrUX ที่กําหนดเองเพื่อติดตามแนวโน้มประสบการณ์ของผู้ใช้จากต้นทาง

ภาพหน้าจอของแดชบอร์ด CrUX ที่แสดงแผนภูมิแท่งซ้อนกันต่างๆ ที่เปลี่ยนแปลงไปในแต่ละเดือน
แดชบอร์ด CrUX

แดชบอร์ด CrUX สร้างขึ้นด้วยฟีเจอร์ Looker Studio ที่เรียกว่า ปลั๊กอินจากชุมชนสำหรับใช้ลิงก์ข้อมูล เครื่องมือเชื่อมต่อนี้เป็นลิงก์ที่สร้างขึ้นล่วงหน้าระหว่างข้อมูล 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 คุณควรใช้ https://www.example.com ซึ่งเป็นเวอร์ชัน Canonical ของต้นทาง โดยทั่วไปแล้ว ให้ใช้ต้นทางที่ผู้ใช้เห็นในแถบที่อยู่

การเลือกช่องทําเครื่องหมายจะรวมต้นทางไว้ใน URL ของหน้าแดชบอร์ด ซึ่งช่วยให้ใช้หน้าแดชบอร์ดเดียวกันสําหรับต้นทางต่างๆ ได้โดยการเปลี่ยนพารามิเตอร์ URL นี้ในอนาคต เราจึงขอแนะนําให้เลือกช่องทําเครื่องหมาย

คลิกปุ่มเชื่อมต่อ หากคุณเลือกช่องทําเครื่องหมายนี้ ระบบจะขอให้คุณยืนยัน

หากต้นทางของคุณไม่รวมอยู่ในชุดข้อมูล CrUX คุณอาจได้รับข้อความแสดงข้อผิดพลาดดังที่แสดงในแผนภาพถัดไป ชุดข้อมูลมีต้นทางมากกว่า 15 ล้านรายการ แต่ต้นทางที่คุณต้องการอาจมีข้อมูลไม่เพียงพอที่จะรวมไว้

ภาพหน้าจอของข้อความแสดงข้อผิดพลาดแบบป๊อปอัปที่ระบุว่า "ชุดข้อมูลนี้มีต้นทางมากกว่า 15 ล้านแห่ง แต่ https://doesnotexist.origin ไม่ใช่หนึ่งในนั้น"
ข้อความแสดงข้อผิดพลาดของเครื่องมือเชื่อมต่อชุมชน CrUX เมื่อไม่มีต้นทาง

หากมีต้นทาง ระบบจะนำคุณไปยังหน้าสคีมาของหน้าแดชบอร์ด ซึ่งจะแสดงช่องทั้งหมดที่รวมอยู่ด้วย ได้แก่ ประเภทการเชื่อมต่อที่มีประสิทธิภาพแต่ละประเภท รูปแบบอุปกรณ์แต่ละรูปแบบ เดือนที่เผยแพร่ชุดข้อมูล การแจกแจงประสิทธิภาพของเมตริกแต่ละรายการ และชื่อของต้นทาง คุณไม่ต้องดำเนินการหรือเปลี่ยนแปลงใดๆ ในหน้านี้ เพียงคลิกสร้างรายงานเพื่อดําเนินการต่อ

ภาพหน้าจอเครื่องมือแก้ไขสคีมาของแดชบอร์ด CrUX ที่มีช่อง ประเภท การรวมข้อมูล และคําอธิบายต่างๆ ซึ่งสามารถเปลี่ยนแปลงหรือเพิ่มช่องใหม่ได้
สคีมาแดชบอร์ด CrUX

ใช้แดชบอร์ด

แต่ละแดชบอร์ดจะมีหน้า 3 ประเภท ดังนี้

  1. ภาพรวมของ Core Web Vitals
  2. ประสิทธิภาพของเมตริก
  3. ข้อมูลประชากรผู้ใช้

แต่ละหน้าจะมีแผนภูมิแสดงการแจกแจงตามช่วงเวลาของรุ่นรายเดือนแต่ละรุ่นที่มีให้บริการ เมื่อมีการเผยแพร่ชุดข้อมูลใหม่ คุณสามารถรีเฟรชหน้าแดชบอร์ดเพื่อรับข้อมูลล่าสุด

ชุดข้อมูลรายเดือนจะเผยแพร่ทุกวันอังคารที่ 2 ของทุกเดือน ตัวอย่างเช่น ชุดข้อมูลที่มีข้อมูลประสบการณ์ของผู้ใช้จากเดือนพฤษภาคมจะเผยแพร่ในวันอังคารที่ 2 ของเดือนมิถุนายน

ภาพรวม Core Web Vitals

หน้าแรกคือภาพรวมของประสิทธิภาพ Core Web Vitals รายเดือนของต้นทาง เมตริก UX ที่สําคัญที่สุดที่ Google แนะนําให้คุณมุ่งเน้นมีดังนี้

ภาพหน้าจอของภาพรวม Core Web Vitals ในแดชบอร์ด CrUX ที่แสดงข้อมูลเมตริก LCP, INP และ CLS
ภาพรวมของ Core Web Vitals ในแดชบอร์ด CrUX

ใช้หน้า Core Web Vitals เพื่อทำความเข้าใจประสบการณ์ของผู้ใช้เดสก์ท็อปและโทรศัพท์จากต้นทาง โดยค่าเริ่มต้น ระบบจะเลือกเดือนล่าสุด ณ เวลาที่คุณสร้างหน้าแดชบอร์ด หากต้องการสลับระหว่างรุ่นรายเดือนเก่าหรือใหม่ ให้ใช้ตัวกรองเดือนที่ด้านบนของหน้า

โปรดทราบว่าระบบจะไม่รวมแท็บเล็ตไว้ในแผนภูมิเหล่านี้โดยค่าเริ่มต้น แต่หากจําเป็น คุณสามารถนําตัวกรองไม่มีแท็บเล็ตในการกําหนดค่าแผนภูมิแท่งออกได้

ภาพหน้าจอของการแก้ไขตัวเลือกตัวกรองใน Looker Studio
การแก้ไขแดชบอร์ด CrUX เพื่อแสดงแท็บเล็ตในหน้า Core Web Vitals

ประสิทธิภาพของเมตริก

หลังจากหน้า Core Web Vitals คุณจะเห็นหน้าสําหรับเมตริกทั้งหมดในชุดข้อมูล CrUX

ภาพหน้าจอของหน้า LCP แดชบอร์ด CrUX ที่แสดงสแต็กแผนภูมิแท่งต่างๆ ที่เปลี่ยนแปลงในช่วงหลายเดือน
หน้า LCP ของแดชบอร์ด CrUX

ด้านบนของแต่ละหน้าจะมีตัวกรองอุปกรณ์ ซึ่งใช้เพื่อจำกัดรูปแบบของอุปกรณ์ที่รวมอยู่ในข้อมูลประสบการณ์ได้ เช่น คุณเจาะลึกประสบการณ์การใช้งานบนโทรศัพท์โดยเฉพาะได้ การตั้งค่านี้จะมีผลกับทุกหน้า

ภาพข้อมูลหลักในหน้าเหล่านี้คือการแจกแจงประสบการณ์การใช้งานรายเดือนที่จัดหมวดหมู่เป็น "ดี" "ควรปรับปรุง" และ "แย่" คำอธิบายที่มีรหัสสีใต้แผนภูมิจะระบุช่วงของประสบการณ์ที่รวมอยู่ในหมวดหมู่ ตัวอย่างเช่น ในภาพหน้าจอก่อนหน้า คุณจะเห็นเปอร์เซ็นต์ของประสบการณ์ Largest Contentful Paint (LCP) "ดี" ที่ผันผวนและแย่ลงเล็กน้อยในช่วงหลายเดือนที่ผ่านมา

เปอร์เซ็นต์ของประสบการณ์การใช้งานที่ "ดี" และ "แย่" ของเดือนล่าสุดจะแสดงอยู่เหนือแผนภูมิพร้อมกับตัวบ่งชี้เปอร์เซ็นต์ความแตกต่างจากเดือนก่อนหน้า สำหรับต้นทางนี้ ประสบการณ์การใช้งาน LCP ที่ "ดี" ลดลง 3.2% เหลือ 56.04% เมื่อเทียบกับเดือนก่อนหน้า

นอกจากนี้ สำหรับเมตริกอย่าง LCP และ Core Web Vitals อื่นๆ ที่ให้คําแนะนําเกี่ยวกับเปอร์เซ็นต์ไทล์อย่างชัดเจน คุณจะเห็นเมตริก "P75" อยู่ตรงกลางระหว่างเปอร์เซ็นต์ "ดี" และ "แย่" ค่านี้สอดคล้องกับประสบการณ์ของผู้ใช้ที่ 75 เปอร์เซ็นต์ของต้นทาง กล่าวคือ 75% ของประสบการณ์ดีกว่าค่านี้ สิ่งหนึ่งที่ควรทราบไว้คือจะมีผลกับการกระจายโดยรวมในอุปกรณ์ทั้งหมดในต้นทาง การสลับอุปกรณ์ที่เฉพาะเจาะจงด้วยตัวกรองอุปกรณ์จะไม่คำนวณเปอร์เซ็นไทล์ใหม่

ข้อควรทราบทางเทคนิคเกี่ยวกับเปอร์เซ็นต์ไทล์

โปรดทราบว่าเมตริกเปอร์เซ็นต์ไทล์จะอิงตามข้อมูลผังภาพจาก BigQuery ดังนั้นความละเอียดจะหยาบ ได้แก่ 100 มิลลิวินาทีสําหรับ LCP, 25 มิลลิวินาทีสําหรับ INP และ 0.05 สําหรับ CLS กล่าวคือ LCP ของ P75 ที่ 3800ms บ่งชี้ว่าเปอร์เซ็นต์ไทล์ 75 ที่แท้จริงอยู่ในช่วงระหว่าง 3800ms ถึง 3900ms

นอกจากนี้ ชุดข้อมูล BigQuery ยังใช้เทคนิคที่เรียกว่า "การกระจายกลุ่ม" ซึ่งความหนาแน่นของประสบการณ์ของผู้ใช้จะจัดกลุ่มไว้ในกลุ่มที่ละเอียดมากซึ่งความละเอียดลดลง วิธีนี้ช่วยให้เรารวมความหนาแน่นของข้อมูลแบบละเอียดในส่วนหางของการแจกแจงได้โดยไม่ต้องมีความแม่นยำเกิน 4 หลัก เช่น ค่า LCP ที่น้อยกว่า 3 วินาทีจะจัดกลุ่มเป็นกลุ่มที่มีขนาด 200 มิลลิวินาที ระหว่าง 3 ถึง 10 วินาที กล่องข้อมูลจะมีขนาด 500 มิลลิวินาที เกิน 10 วินาที ถังขยะกว้าง 5, 000 มิลลิวินาที... การกระจายกลุ่มช่วยให้มั่นใจได้ว่ากลุ่มทั้งหมดมีความกว้าง 100 มิลลิวินาทีแบบคงที่ (ตัวหารร่วมสูงสุด) และการแจกแจงจะได้รับการหาค่าเฉลี่ยเชิงเส้นในแต่ละกลุ่ม

ค่า P75 ที่เกี่ยวข้องในเครื่องมือต่างๆ เช่น PageSpeed Insights ไม่ได้อิงตามชุดข้อมูล BigQuery สาธารณะและสามารถให้ค่าที่แม่นยําถึงระดับมิลลิวินาที

ข้อมูลประชากรผู้ใช้

หน้าข้อมูลประชากรของผู้ใช้มีมิติข้อมูล 2 รายการ ได้แก่ อุปกรณ์และประเภทการเชื่อมต่อที่มีประสิทธิภาพ (ECT) หน้าเหล่านี้แสดงการกระจายของการดูหน้าเว็บในแหล่งที่มาทั้งหมดสําหรับผู้ใช้ในแต่ละข้อมูลประชากร

หน้าการกระจายอุปกรณ์จะแสดงรายละเอียดของผู้ใช้โทรศัพท์ เดสก์ท็อป และแท็บเล็ตเมื่อเวลาผ่านไป ต้นทางหลายแห่งมีข้อมูลแท็บเล็ตเพียงเล็กน้อยหรือไม่มีเลย คุณจึงมักจะเห็น "0%" อยู่นอกขอบแผนภูมิ

ภาพหน้าจอของหน้าอุปกรณ์ในแดชบอร์ด CrUX ที่แสดงการเปลี่ยนแปลงรายละเอียดของอุปกรณ์ในแต่ละเดือน
หน้าอุปกรณ์แดชบอร์ด CrUX

ในทำนองเดียวกัน หน้าการเผยแพร่ของ 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