วิธีสร้างแดชบอร์ด 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 ที่ 3,800 มิลลิวินาทีบ่งชี้ว่าเปอร์เซ็นต์ไทล์ 75 ที่แท้จริงอยู่ในช่วงระหว่าง 3,800 มิลลิวินาทีถึง 3,900 มิลลิวินาที

นอกจากนี้ ชุดข้อมูล 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 มีข้อจํากัดไหม

แดชบอร์ด CrUX ทำงานบน BigQuery ซึ่งหมายความว่าจะรับข้อจํากัดทั้งหมดของ BigQuery ด้วย โดยจำกัดไว้ที่ข้อมูลระดับต้นทางแบบละเอียดรายเดือน

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

ฉันจะดูข้อมูลเพิ่มเติมเกี่ยวกับ Looker Studio ได้จากที่ใด

ดูข้อมูลเพิ่มเติมได้ที่หน้าฟีเจอร์ของ Looker Studio