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

เผยแพร่: 12 มิ.ย. 2020, อัปเดตล่าสุด: 9 ก.ย. 2025

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

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

ค่า 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 จะรับช่วงข้อจำกัดทั้งหมดของ BigQuery ด้วย โดยจะจำกัดไว้ที่ข้อมูลระดับต้นทางแบบละเอียดรายเดือน

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

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

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