Looker Studio (舊稱「數據分析」) 是一項功能強大的資料視覺化工具,可讓您以 Chrome 使用者體驗報告 (CrUX) 等大數據來源為基礎建立資訊主頁。本指南將說明如何建立自訂 CrUX 資訊主頁,追蹤來源的使用者體驗趨勢。
CrUX 資訊主頁包含名為「社群連接器」的 Looker Studio 功能,這個連接器是預先建立的連結,會在 BigQuery 的原始 CrUX 資料與 Looker Studio 圖表之間建立連結。如此一來,資訊主頁的使用者就不必撰寫任何查詢或產生任何圖表。您只需要提供來源,系統就會為您產生自訂資訊主頁。
使用預設的 Chrome 使用者體驗資訊主頁
CrUX 的預設資訊主頁,由 CrUX 團隊維護。團隊會新增指標 (例如 INP),下次載入資訊主頁時即可使用。
我們建議採用預設資訊主頁,因為要以視覺化方式快速呈現網站的 CrUX 資料。不過,部分使用者可能想自訂資訊主頁。
建立自訂資訊主頁
如要開始使用,請前往 g.co/chromeuxdash。系統會將您導向 CrUX 社群連接器頁面,您可以在此頁面提供產生資訊主頁的來源。請注意,初次使用的使用者可能需要完成權限或行銷偏好提示。
文字輸入欄位只接受來源,不接受完整網址。例如:
https://web.dev
https://developer.chrome.com/chrome-ux-report-looker-studio-dashboard/
如果您省略通訊協定,系統會採用 HTTPS。子網域必須視為不同的來源 (例如 https://developers.google.com
和 https://www.google.com
),因此系統會將其視為不同的來源。
來源的一些常見問題包括提供錯誤的通訊協定 (例如 http://
而非 https://
),以及在必要時省略子網域。部分網站含有重新導向,因此如果 http://example.com
會重新導向至 https://www.example.com
,則你應該使用後者,也就是標準版本。原則上,請使用使用者在網址列中看到的來源。
如果 CrUX 資料集未包含來源,您可能會收到類似下方的錯誤訊息。資料集內有 4 百萬個來源,但您可能沒有納入足夠的資料。
如果來源存在,系統會將您導向資訊主頁的結構定義頁面。系統會顯示包含的所有欄位,包括各種有效連線類型、每種板型規格、資料集發布月份、每項指標的效能分佈情形,以及來源名稱。您不需要在這個頁面上採取任何行動,只要點選「建立報表」即可繼續。
使用資訊主頁
每個資訊主頁都包含三種頁面:
- 網站體驗核心指標總覽
- 指標成效
- 使用者客層
每個頁面都會有一張圖表,顯示每個可用每月版本的長期分佈情形。新的資料集發布後,您只需重新整理資訊主頁就能取得最新資料。
每月資料集會在每月的第二個星期二發布。舉例來說,含有 5 月使用者體驗資料的資料集會在 6 月的第二個星期二發布。
網站體驗核心指標總覽
第一個頁面會概略說明來源的每月網站體驗核心指標成效。這些是 Google 建議您所重視的最重要使用者體驗指標。
透過「Core Web Vitals」頁面,瞭解電腦和手機使用者如何體驗來源。根據預設,系統會選取您建立資訊主頁時的最新月份。如要在較新或較新的每月版本之間切換,請使用頁面頂端的「月」篩選器。
請注意,這些圖表預設會略過平板電腦,但如有需要,您可以移除長條圖設定中的「No Tablet」篩選器 (如下所示)。
指標成效
網站體驗核心指標頁面之後,您會看到 CrUX 資料集內所有metrics的獨立頁面。
每個頁面頂端都有「裝置」篩選器,可用來限制體驗資料中包含的板型規格。舉例來說,您可以細查手機體驗。這項設定會固定在所有網頁。
這些頁面的主要視覺呈現,是按「良好」、「需要改善」和「不良」這幾類體驗的每月顯示資料分佈比例。圖表下方的以不同顏色標示的圖例代表該類別包含的體驗範圍。例如,在上方的螢幕截圖中,您可以看到最近幾個月的「良好」最大內容繪製 (LCP) 體驗百分比波動,可能稍微惡化。
圖表上方會顯示上個月「良好」和「不佳」體驗的百分比,以及與上個月百分比差異的指標。就這個來源而言,「良好」LCP 體驗月增率為 3.2% 至 56.04%。
此外,如果是 LCP 和其他提供明確百分位數建議的「P75」指標,「P75」指標則介於「良好」和「不佳」百分比之間。這個值會對應至來源的使用者體驗第 75 個百分位數。換句話說,75% 的使用體驗優於這個值。請注意,這適用於來源上「所有裝置」的整體分佈情形。如透過「裝置」篩選器切換特定裝置,系統不會重新計算百分位數。
關於百分位數的繁瑣技術注意事項
請注意,百分位數指標是根據 BigQuery 的直方圖資料而定,因此精細程度為粗略:LCP 為 1000 毫秒,FID 為 100 毫秒,CLS 為 0.05。也就是說,如果 P75 LCP 為 3800 毫秒,則實際 75 個百分位數介於 3800 毫秒和 3900 毫秒之間。
另外,BigQuery 資料集還使用「特徵分塊」技巧,也就是使用者體驗的密度原本就會以非常粗的分塊來分組,進而降低精細程度。這樣一來,我們就能在分佈的尾端加入分鐘數密度,但精確度不會超過 4 位數。舉例來說,短於 3 秒的 LCP 值會歸入 200 毫秒寬度的特徵分塊。特徵分塊寬度介於 3 至 10 秒之間,寬度為 500 毫秒。超過 10 秒的寬度是 5000 毫秒等。分離範圍是確保所有特徵分塊的寬度固定在 100 毫秒 (最大公差),且分佈會線性內插於每個特徵分塊中。
在 PageSpeed Insights 等工具中,對應的 P75 值並非根據公開 BigQuery 資料集,因此能夠提供毫秒精確度的值。
使用者客層
使用者客層頁麵包含兩種維度:裝置和有效連線類型 (ECT)。這些網頁會顯示每個客層使用者整個來源的網頁瀏覽次數分佈情形。
裝置發布頁面會顯示一段時間內手機、電腦和平板電腦使用者的詳細資料。多數來源通常幾乎沒有或完全沒有平板電腦資料,因此圖表邊緣經常會顯示「0%」。
同樣地,ECT 發布頁面也會顯示 4G、3G、2G、緩慢 2G 和離線體驗的詳細資料。
這些維度的分佈情形是「首次顯示內容所需時間」(FCP) 直方圖資料的區段。
常見問題
比起其他工具,何時應該使用 CrUX 資訊主頁?
CrUX 資訊主頁是以 BigQuery 提供的相同基礎資料為基礎,但您不必編寫一行 SQL 來擷取資料,也不必費心超過任何免費配額。設定資訊主頁快速又簡單,所有視覺化圖表都會為您產生,而且您可以自由選擇要與任何人分享。
使用 CrUX 資訊主頁是否有任何限制?
採用 BigQuery 之後,CrUX 資訊主頁也會沿用其所有限制。以每月精細程度受限於來源層級資料。
此外,CrUX 資訊主頁也簡化了 BigQuery 原始資料的一些彈性。例如,指標分佈只能註明「良好」、「需要改善」和「不佳」,而不是完整直方圖。CrUX 資訊主頁也提供全球層級的資料,BigQuery 資料集則可讓您放大特定國家/地區的資料。
我可以在哪裡進一步瞭解 Looker Studio?
詳情請參閱 Looker Studio 功能頁面。