Looker Studio (trước đây là Data Studio) là một công cụ trực quan hoá dữ liệu mạnh mẽ, cho phép bạn tạo trang tổng quan dựa trên nhiều nguồn dữ liệu lớn, chẳng hạn như Báo cáo trải nghiệm người dùng trên Chrome (CrUX). Trong hướng dẫn này, hãy tìm hiểu cách tạo Trang tổng quan CrUX tuỳ chỉnh của riêng bạn để theo dõi xu hướng trải nghiệm người dùng của nguồn gốc.
![Ảnh chụp màn hình Trang tổng quan CrUX cho thấy nhiều biểu đồ thanh ngăn xếp thay đổi qua các tháng.](https://developer.chrome.com/static/docs/crux/guides/looker-studio-dashboard/image/crux-dashboard-0627323162963.png?authuser=5&hl=vi)
Trang tổng quan CrUX được xây dựng bằng tính năng Looker Studio có tên là Trình kết nối cộng đồng. Trình kết nối này là mối liên kết có sẵn giữa dữ liệu CrUX thô trên BigQuery và hình ảnh trực quan của Looker Studio. Tính năng này giúp người dùng trang tổng quan không cần phải viết bất kỳ truy vấn nào hoặc tạo bất kỳ biểu đồ nào. Mọi thứ đều được xây dựng cho bạn; tất cả những gì bạn cần là cung cấp nguồn gốc và một trang tổng quan tùy chỉnh sẽ được tạo cho bạn.
Trang tổng quan CrUX mặc định
CrUX có trang tổng quan mặc định do nhóm CrUX duy trì. Các chỉ số mới (ví dụ: INP) sẽ được nhóm thêm vào và sẽ có vào lần tải trang tổng quan tiếp theo.
Tạo trang tổng quan tuỳ chỉnh
Một số người dùng có thể muốn tuỳ chỉnh trang tổng quan. Trong trường hợp đó, bạn có thể tạo bản sao của trang tổng quan mặc định của riêng mình và thay đổi nếu thấy phù hợp.
Để tạo trang tổng quan tuỳ chỉnh, hãy truy cập vào g.co/chromeuxdash. Thao tác này sẽ đưa bạn đến trang trình kết nối cộng đồng CrUX. Tại đây, bạn có thể cung cấp nguồn gốc của trang tổng quan sẽ được tạo. Xin lưu ý rằng những người dùng lần đầu tiên có thể cần phải hoàn tất lời nhắc cấp quyền hoặc lựa chọn ưu tiên về tiếp thị.
![Ảnh chụp màn hình cấu hình trình kết nối Trang tổng quan CrUX, trong đó có trường để nhập URL gốc và hộp kiểm cho phép sửa đổi trường đó trong báo cáo.](https://developer.chrome.com/static/docs/crux/guides/looker-studio-dashboard/image/crux-connector.png?authuser=5&hl=vi)
Trường nhập văn bản chỉ chấp nhận nguồn gốc, không chấp nhận URL đầy đủ. Ví dụ:
https://developer.chrome.com
https://developer.chrome.com/docs/crux/guides/looker-studio-dashboard
Nếu bạn bỏ qua giao thức, HTTPS sẽ được giả định. Miền con đóng vai trò quan trọng, chẳng hạn như https://developers.google.com
và https://www.google.com
được coi là các nguồn gốc khác nhau.
Một số vấn đề thường gặp về nguồn gốc là cung cấp giao thức không chính xác (ví dụ: http://
thay vì https://
) và bỏ qua miền con khi cần. Một số trang web có các lệnh chuyển hướng. Vì vậy, nếu http://example.com
chuyển hướng đến https://www.example.com
, thì bạn nên sử dụng lệnh chuyển hướng còn lại, đây là phiên bản chính tắc của nguồn gốc. Theo quy tắc chung, hãy sử dụng bất kỳ nguồn gốc nào mà người dùng nhìn thấy trong thanh địa chỉ.
Khi đánh dấu vào hộp đánh dấu, nguồn gốc sẽ được đưa vào URL của trang tổng quan. Điều này cho phép sử dụng cùng một trang tổng quan cho nhiều nguồn gốc bằng cách thay đổi tham số URL này trong tương lai. Do đó, bạn nên đánh dấu vào hộp đó.
Nhấp vào nút Kết nối. Nếu đã chọn hộp đánh dấu, bạn sẽ được yêu cầu xác nhận điều này.
Nếu nguồn gốc của bạn không có trong tập dữ liệu CrUX, thì bạn có thể nhận được thông báo lỗi như thông báo lỗi xuất hiện trong sơ đồ tiếp theo. Có hơn 15 triệu điểm gốc trong tập dữ liệu, nhưng điểm gốc bạn muốn có thể không có đủ dữ liệu để đưa vào.
![Ảnh chụp màn hình một thông báo lỗi bật lên cho biết, cùng với các thông báo lỗi khác, "Có hơn 15 triệu nguồn gốc trong tập dữ liệu này, nhưng https://doesnotexisting.origin không nằm trong số đó"](https://developer.chrome.com/static/docs/crux/guides/looker-studio-dashboard/image/connector-error-origin-does-not-exist.png?authuser=5&hl=vi)
Nếu nguồn này tồn tại, bạn sẽ được chuyển đến trang giản đồ dành cho trang tổng quan. Thao tác này sẽ hiển thị tất cả trường có trong: từng loại kết nối hiệu quả, từng hệ số hình dạng, tháng phát hành tập dữ liệu, mức phân bổ hiệu suất của từng chỉ số và tất nhiên là tên của nguồn gốc. Bạn không cần làm gì hay thay đổi gì trên trang này, chỉ cần nhấp vào Tạo báo cáo để tiếp tục.
![Ảnh chụp màn hình trình chỉnh sửa giản đồ của Trang tổng quan CrUX, trong đó cho thấy nhiều trường, loại, phương pháp tổng hợp và nội dung mô tả. Bạn có thể thay đổi hoặc thêm trường mới.](https://developer.chrome.com/static/docs/crux/guides/looker-studio-dashboard/image/crux-dashboard-schema-2af4d7e781f95.png?authuser=5&hl=vi)
Sử dụng trang tổng quan
Mỗi trang tổng quan có ba loại trang:
- Tổng quan về Các chỉ số quan trọng về trang web
- Hiệu suất của chỉ số
- Thông tin nhân khẩu học của người dùng
Mỗi trang có một biểu đồ thể hiện mức phân bổ theo thời gian cho từng bản phát hành hằng tháng hiện có. Khi các tập dữ liệu mới được phát hành, bạn có thể làm mới trang tổng quan để nhận dữ liệu mới nhất.
Tập dữ liệu hằng tháng được phát hành vào thứ Ba thứ hai hằng tháng. Ví dụ: tập dữ liệu bao gồm dữ liệu trải nghiệm người dùng từ tháng 5 được phát hành vào thứ Ba thứ hai của tháng 6.
Tổng quan về Các chỉ số quan trọng về trang web
Trang đầu tiên là thông tin tổng quan về hiệu suất theo Các chỉ số quan trọng về trang web hằng tháng của nguồn gốc. Đây là những chỉ số quan trọng nhất về trải nghiệm người dùng mà Google khuyên bạn nên tập trung vào.
![Ảnh chụp màn hình phần tổng quan Các chỉ số quan trọng về trang web trên trang tổng quan CrUX, cho thấy thông tin về các chỉ số LCP, INP và CLS.](https://developer.chrome.com/static/docs/crux/guides/looker-studio-dashboard/image/crux-dashboard-core-web-vitals.png?authuser=5&hl=vi)
Truy cập trang Các chỉ số quan trọng về trang web để nắm được cảm nhận của người dùng trên máy tính và điện thoại về nguồn gốc. Theo mặc định, hệ thống sẽ chọn tháng gần đây nhất khi bạn tạo trang tổng quan. Để thay đổi giữa bản phát hành hằng tháng cũ hơn hoặc mới hơn, hãy sử dụng bộ lọc Tháng ở đầu trang.
Lưu ý rằng máy tính bảng bị bỏ qua trong các biểu đồ này theo mặc định. Tuy nhiên, nếu cần, bạn có thể xóa bộ lọc Không có máy tính bảng trong cấu hình biểu đồ thanh:
![Ảnh chụp màn hình editig tuỳ chọn Bộ lọc trong Looker Studio.](https://developer.chrome.com/static/docs/crux/guides/looker-studio-dashboard/image/editing-crux-dashboard-54bf2ce933283.png?authuser=5&hl=vi)
Hiệu suất của chỉ số
Sau trang Các chỉ số quan trọng về trang web, bạn sẽ thấy các trang độc lập cho tất cả các metrics trong tập dữ liệu CrUX.
![Ảnh chụp màn hình trang LCP của Trang tổng quan CrUX cho thấy nhiều biểu đồ thanh ngăn xếp thay đổi qua các tháng.](https://developer.chrome.com/static/docs/crux/guides/looker-studio-dashboard/image/crux-dashboard-lcp-page-7c6aa4de6810b.png?authuser=5&hl=vi)
Ở đầu mỗi trang là bộ lọc Thiết bị. Bạn có thể dùng bộ lọc này để hạn chế các hệ số hình dạng có trong dữ liệu trải nghiệm. Ví dụ: bạn có thể xem chi tiết về trải nghiệm trên điện thoại. Chế độ cài đặt này vẫn tồn tại trên các trang.
Hình ảnh chính trên các trang này là số liệu phân loại trải nghiệm hằng tháng được phân loại là "Tốt", "Cần cải thiện" và "Kém". Chú giải được mã hoá màu bên dưới biểu đồ cho biết phạm vi trải nghiệm được đưa vào danh mục. Ví dụ: trong ảnh chụp màn hình trước đó, bạn có thể thấy tỷ lệ phần trăm trải nghiệm Thời gian hiển thị nội dung lớn nhất (LCP) "tốt" biến động và kém hơn một chút trong những tháng gần đây.
Tỷ lệ phần trăm trải nghiệm "tốt" và "kém" trong tháng gần đây nhất được hiển thị phía trên biểu đồ cùng với chỉ báo tỷ lệ phần trăm chênh lệch so với tháng trước. Đối với nguồn gốc này, trải nghiệm LCP "tốt" giảm 3,2% xuống còn 56,04% so với tháng trước.
Ngoài ra, đối với những chỉ số như LCP và các Chỉ số quan trọng khác về trang web đưa ra đề xuất rõ ràng về tỷ lệ phần trăm, bạn sẽ thấy chỉ số "P75" nằm giữa tỷ lệ phần trăm "tốt" và "kém". Giá trị này tương ứng với phân vị thứ 75 của trải nghiệm người dùng theo điểm gốc. Nói cách khác, 75% trải nghiệm tốt hơn giá trị này. Một điều cần lưu ý là điều này áp dụng cho phạm vi phân phối tổng thể trên tất cả thiết bị theo nguồn gốc. Việc bật/tắt các thiết bị cụ thể bằng bộ lọc Thiết bị sẽ không tính toán lại tỷ lệ phần trăm.
Cảnh báo kỹ thuật về tỷ lệ phần trăm
Xin lưu ý rằng các chỉ số phân vị dựa trên dữ liệu biểu đồ từ BigQuery, vì vậy, độ chi tiết sẽ là thô: 100 mili giây đối với LCP, 25 mili giây đối với INP và 0,05 mili giây đối với CLS. Nói cách khác, LCP P75 là 3800 mili giây chỉ ra rằng phân vị thứ 75 thực sự nằm trong khoảng từ 3800 mili giây đến 3900 mili giây.
Ngoài ra, tập dữ liệu BigQuery sử dụng kỹ thuật có tên là "bin chênh lệch", trong đó về mặt bản chất mật độ trải nghiệm người dùng được nhóm thành các nhóm rất thô có độ chi tiết giảm dần. Điều này cho phép chúng ta đưa mật độ phút vào đuôi của giá trị phân phối mà không phải vượt quá 4 chữ số chính xác. Ví dụ: giá trị LCP dưới 3 giây được nhóm thành các thùng rộng 200 mili giây. Từ 3 đến 10 giây, các thùng rộng 500 mili giây. Hơn 10 giây, thùng rộng 5000 mili giây... Thay vì có các thùng có chiều rộng khác nhau, tính năng mở rộng thùng rác đảm bảo rằng tất cả các thùng đều có chiều rộng không đổi 100 mili giây (ước số chung lớn nhất) và sự phân phối được nội suy tuyến tính trên mỗi thùng.
Các giá trị P75 tương ứng trong các công cụ như PageSpeed Insights không dựa trên tập dữ liệu BigQuery công khai và có thể cung cấp các giá trị chính xác theo mili giây.
Thông tin nhân khẩu học của người dùng
Có 2 phương diện được đưa vào các trang thông tin nhân khẩu học về người dùng: thiết bị và loại kết nối hiệu quả (ECT). Những trang này minh hoạ việc phân phối lượt xem trang trên toàn bộ nguồn gốc cho người dùng theo từng thông tin nhân khẩu học.
Trang phân phối thiết bị cho bạn thấy bảng phân tích chi tiết về số người dùng điện thoại, máy tính và máy tính bảng theo thời gian. Nhiều nguồn gốc có xu hướng có ít hoặc không có dữ liệu trên máy tính bảng, vì vậy bạn thường sẽ thấy giá trị "0%" ở cạnh biểu đồ.
![Ảnh chụp màn hình trang thiết bị trong Trang tổng quan CrUX cho thấy bảng chi tiết về thiết bị thay đổi như thế nào qua từng tháng.](https://developer.chrome.com/static/docs/crux/guides/looker-studio-dashboard/image/crux-dashboard-device-pag-b4769f5a000b9.png?authuser=5&hl=vi)
Tương tự, trang phân phối ECT hiển thị cho bạn bảng phân tích chi tiết về trải nghiệm 4G, 3G, 2G, 2G chậm và ngoại tuyến.
Mức phân bổ cho những phương diện này được tính toán bằng cách sử dụng các phân đoạn của dữ liệu biểu đồ Thời gian hiển thị nội dung đầu tiên (FCP).
Câu hỏi thường gặp
Sau đây là một số câu hỏi thường gặp về việc xây dựng trang tổng quan CrUX trên Looker Studio:
Khi nào tôi sẽ sử dụng Trang tổng quan CrUX thay vì các công cụ khác?
Trang tổng quan CrUX dựa trên cùng một dữ liệu cơ bản có sẵn trên BigQuery, nhưng bạn không cần phải viết một dòng SQL nào để trích xuất dữ liệu và bạn không bao giờ phải lo lắng về việc vượt quá bất kỳ hạn mức miễn phí nào. Thiết lập trang tổng quan nhanh hơn và dễ dàng hơn việc xem truy vấn dữ liệu cơ sở, tất cả các biểu đồ trực quan đều được tạo cho bạn và bạn có quyền kiểm soát để chia sẻ chúng với bất kỳ ai bạn muốn.
Có giới hạn nào khi sử dụng Trang tổng quan CrUX không?
Dựa trên BigQuery, Trang tổng quan CrUX cũng kế thừa tất cả các giới hạn của BigQuery. Dữ liệu này chỉ giới hạn ở dữ liệu cấp nguồn gốc theo độ chi tiết hằng tháng.
Trang tổng quan CrUX cũng thay đổi một số tính linh hoạt của dữ liệu thô trên BigQuery để đảm bảo tính đơn giản và thuận tiện. Ví dụ: sự phân phối theo chỉ số chỉ được biểu thị là "tốt", "cần cải thiện" và "kém", thay vì biểu đồ đầy đủ. Trang tổng quan CrUX cũng cung cấp dữ liệu ở cấp độ toàn cầu, trong khi tập dữ liệu BigQuery cho phép bạn phóng to vào các quốc gia cụ thể.
Tôi có thể tìm hiểu thêm về Looker Studio ở đâu?
Hãy xem trang các tính năng của Looker Studio để biết thêm thông tin.