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

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

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

แดชบอร์ด CrUX สร้างขึ้นด้วยฟีเจอร์ Looker Studio ชื่อ Community Connector เครื่องมือเชื่อมต่อนี้เป็นการลิงก์ที่สร้างไว้ล่วงหน้าระหว่างข้อมูล CrUX ดิบใน BigQuery กับการแสดงภาพของ Looker Studio ช่วยให้ผู้ใช้หน้าแดชบอร์ดไม่ต้องเขียนคำค้นหาหรือสร้างแผนภูมิใดๆ เราสร้างมาเพื่อคุณ สิ่งเดียวที่คุณต้องมีคือการระบุต้นทางแล้วระบบจะสร้างหน้าแดชบอร์ดที่กำหนดเองให้คุณ

แดชบอร์ด CrUX เริ่มต้น

CrUX มีหน้าแดชบอร์ดเริ่มต้น ซึ่งดูแลโดยทีม CrUX ทีมจะเพิ่มเมตริกใหม่ (เช่น INP) และจะใช้ได้ในครั้งถัดไปที่โหลดแดชบอร์ด

สร้างแดชบอร์ดที่กำหนดเอง

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

หากต้องการสร้างแดชบอร์ดที่กำหนดเอง ให้ไปที่ g.co/chromeuxdash การดำเนินการนี้จะนำคุณไปยังหน้า CrUX Community Connector ซึ่งคุณจะระบุต้นทางที่จะสร้างหน้าแดชบอร์ดได้ โปรดทราบว่าผู้ใช้ครั้งแรกอาจต้องดำเนินการตามข้อความแจ้งเกี่ยวกับสิทธิ์หรือค่ากำหนดทางการตลาดให้เสร็จสมบูรณ์

วันที่ ภาพหน้าจอแสดงหน้าจอการกำหนดค่าเครื่องมือเชื่อมต่อแดชบอร์ด 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 คุณควรใช้เว็บไซต์หลัง ซึ่งเป็นเวอร์ชัน 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 รายเดือนของต้นทาง Google แนะนําให้มุ่งเน้นที่เมตริก UX ที่สำคัญที่สุดเหล่านี้

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

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

ค่า 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