在 Looker Studio 中建立 CrUX 資訊主頁

瑞克.維斯科尼 (Rick Viscomi)
Rick Viscomi

Looker Studio (舊稱「數據分析」) 是一項功能強大的資料視覺化工具,可讓您以 Chrome 使用者體驗報告 (CrUX) 等大數據來源為基礎建立資訊主頁。本指南將說明如何建立自訂 CrUX 資訊主頁,追蹤來源的使用者體驗趨勢。

CrUX 資訊主頁

CrUX 資訊主頁包含名為「社群連接器」的 Looker Studio 功能,這個連接器是預先建立的連結,會在 BigQuery 的原始 CrUX 資料與 Looker Studio 圖表之間建立連結。如此一來,資訊主頁的使用者就不必撰寫任何查詢或產生任何圖表。您只需要提供來源,系統就會為您產生自訂資訊主頁。

使用預設的 Chrome 使用者體驗資訊主頁

CrUX 的預設資訊主頁,由 CrUX 團隊維護。團隊會新增指標 (例如 INP),下次載入資訊主頁時即可使用。

我們建議採用預設資訊主頁,因為要以視覺化方式快速呈現網站的 CrUX 資料。不過,部分使用者可能想自訂資訊主頁。

建立自訂資訊主頁

如要開始使用,請前往 g.co/chromeuxdash。系統會將您導向 CrUX 社群連接器頁面,您可以在此頁面提供產生資訊主頁的來源。請注意,初次使用的使用者可能需要完成權限或行銷偏好提示。

CrUX 資訊主頁連接器

文字輸入欄位只接受來源,不接受完整網址。例如:

來源 (支援)
https://web.dev
網址 (不支援)
https://developer.chrome.com/chrome-ux-report-looker-studio-dashboard/

如果您省略通訊協定,系統會採用 HTTPS。子網域必須視為不同的來源 (例如 https://developers.google.comhttps://www.google.com),因此系統會將其視為不同的來源。

來源的一些常見問題包括提供錯誤的通訊協定 (例如 http:// 而非 https://),以及在必要時省略子網域。部分網站含有重新導向,因此如果 http://example.com 會重新導向至 https://www.example.com,則你應該使用後者,也就是標準版本。原則上,請使用使用者在網址列中看到的來源。

如果 CrUX 資料集未包含來源,您可能會收到類似下方的錯誤訊息。資料集內有 4 百萬個來源,但您可能沒有納入足夠的資料。

CrUX 資訊主頁錯誤訊息

如果來源存在,系統會將您導向資訊主頁的結構定義頁面。系統會顯示包含的所有欄位,包括各種有效連線類型、每種板型規格、資料集發布月份、每項指標的效能分佈情形,以及來源名稱。您不需要在這個頁面上採取任何行動,只要點選「建立報表」即可繼續。

CrUX 資訊主頁結構定義

使用資訊主頁

每個資訊主頁都包含三種頁面:

  1. 網站體驗核心指標總覽
  2. 指標成效
  3. 使用者客層

每個頁面都會有一張圖表,顯示每個可用每月版本的長期分佈情形。新的資料集發布後,您只需重新整理資訊主頁就能取得最新資料。

每月資料集會在每月的第二個星期二發布。舉例來說,含有 5 月使用者體驗資料的資料集會在 6 月的第二個星期二發布。

網站體驗核心指標總覽

第一個頁面會概略說明來源的每月網站體驗核心指標成效。這些是 Google 建議您所重視的最重要使用者體驗指標。

網站體驗核心指標報告:CrUX 資訊主頁

透過「Core Web Vitals」頁面,瞭解電腦和手機使用者如何體驗來源。根據預設,系統會選取您建立資訊主頁時的最新月份。如要在較新或較新的每月版本之間切換,請使用頁面頂端的「月」篩選器

請注意,這些圖表預設會略過平板電腦,但如有需要,您可以移除長條圖設定中的「No Tablet」篩選器 (如下所示)。

編輯 CrUX 資訊主頁,在「Core Web Vitals」頁面上顯示平板電腦

指標成效

網站體驗核心指標頁面之後,您會看到 CrUX 資料集內所有metrics的獨立頁面。

CrUX 資訊主頁 LCP 頁面

每個頁面頂端都有「裝置」篩選器,可用來限制體驗資料中包含的板型規格。舉例來說,您可以細查手機體驗。這項設定會固定在所有網頁。

這些頁面的主要視覺呈現,是按「良好」、「需要改善」和「不良」這幾類體驗的每月顯示資料分佈比例。圖表下方的以不同顏色標示的圖例代表該類別包含的體驗範圍。例如,在上方的螢幕截圖中,您可以看到最近幾個月的「良好」最大內容繪製 (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%」。

CrUX 資訊主頁裝置頁面

同樣地,ECT 發布頁面也會顯示 4G、3G、2G、緩慢 2G 和離線體驗的詳細資料。

這些維度的分佈情形是「首次顯示內容所需時間」(FCP) 直方圖資料的區段。

常見問題

比起其他工具,何時應該使用 CrUX 資訊主頁?

CrUX 資訊主頁是以 BigQuery 提供的相同基礎資料為基礎,但您不必編寫一行 SQL 來擷取資料,也不必費心超過任何免費配額。設定資訊主頁快速又簡單,所有視覺化圖表都會為您產生,而且您可以自由選擇要與任何人分享。

使用 CrUX 資訊主頁是否有任何限制?

採用 BigQuery 之後,CrUX 資訊主頁也會沿用其所有限制。以每月精細程度受限於來源層級資料。

此外,CrUX 資訊主頁也簡化了 BigQuery 原始資料的一些彈性。例如,指標分佈只能註明「良好」、「需要改善」和「不佳」,而不是完整直方圖。CrUX 資訊主頁也提供全球層級的資料,BigQuery 資料集則可讓您放大特定國家/地區的資料。

我可以在哪裡進一步瞭解 Looker Studio?

詳情請參閱 Looker Studio 功能頁面