如何在 Looker Studio 中建立 CrUX 資訊主頁

發布日期:2020 年 6 月 12 日,上次更新日期:2025 年 9 月 9 日

Looker Studio (原稱數據分析) 是一項強大的資料視覺化工具,可讓您根據大型資料來源 (例如 Chrome 使用者體驗報告 (CrUX)) 建立資訊主頁。本指南說明如何建立自訂 CrUX 資訊主頁,追蹤來源的使用者體驗趨勢。

CrUX 資訊主頁顯示各種堆疊長條圖在不同月份的變化。
CrUX 資訊主頁

CrUX 資訊主頁是使用 Looker Studio 的「社群連結器」功能建構而成。這個連接器是 BigQuery 原始 CrUX 資料與 Looker Studio 視覺化效果之間預先建立的連結。資訊主頁使用者不必編寫任何查詢或產生任何圖表,系統會為您建構所有內容,您只需要提供來源,系統就會為您產生自訂資訊主頁。

預設 CrUX 資訊主頁

CrUX 設有預設資訊主頁,由 CrUX 團隊維護。團隊會新增新指標 (例如 INP),下次載入資訊主頁時就會顯示。

建立自訂資訊主頁

部分使用者可能想自訂資訊主頁,這時您可以建立預設資訊主頁的副本,並視需要變更。

如要建立自訂資訊主頁,請前往 g.co/chromeuxdash。這會將您帶往 CrUX 社群連結器頁面,您可以在該頁面提供要產生資訊主頁的來源。請注意,首次使用者可能需要完成權限或行銷偏好設定提示。

CrUX 資訊主頁連接器設定畫面,其中包含輸入來源網址的欄位,以及允許在報表中修改該欄位的核取方塊。
CrUX 資訊主頁連接器

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

來源 (支援)
https://developer.chrome.com
網址 (不支援)
https://developer.chrome.com/docs/crux/guides/looker-studio-dashboard

如果省略通訊協定,系統會假設為 HTTPS。子網域很重要,舉例來說,https://developers.google.comhttps://www.google.com 會被視為不同的來源。

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

勾選核取方塊後,來源就會納入資訊主頁網址,日後只要變更這個網址參數,就能將同一個資訊主頁用於不同來源,因此建議勾選。

按一下「連結」按鈕。如果勾選核取方塊,系統會要求你確認。

如果您的來源未納入 CrUX 資料集,您可能會收到類似下圖的錯誤訊息。資料集中有超過 1, 500 萬個來源,但您想要的來源可能沒有足夠的資料可供納入。

彈出式錯誤訊息,內容包含「這個資料集中有超過 1500 萬個來源,但 https://doesnotexist.origin 並非其中之一」等錯誤訊息
原始來源不存在時,CrUX 社群連結器錯誤訊息

如果來源存在,系統會將您帶往資訊主頁的結構定義頁面。這會顯示所有包含的欄位:每個有效連線類型、每個外型規格、資料集發布月份、各項指標的效能分布,以及來源名稱。您不需要在此頁面進行任何操作或變更,只要按一下「建立報表」即可繼續。

CrUX 資訊主頁結構定義編輯器,提供各種欄位、類型、匯總和說明,可供變更或新增欄位。
CrUX 資訊主頁結構定義

使用資訊主頁

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

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

每頁都會顯示圖表,說明每個可用月度發布版本的分布情況。發布新資料集後,您可以重新整理資訊主頁,取得最新資料。

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

網站體驗核心指標總覽

第一頁會顯示來源每月網站體驗核心指標成效總覽。這些是 Google 建議您著重的最重要使用者體驗指標。

CrUX 資訊主頁的網站體驗核心指標總覽,顯示 LCP、INP 和 CLS 指標資訊。
CrUX 資訊主頁網站體驗核心指標總覽

使用「網站使用體驗核心指標」頁面,瞭解電腦和手機使用者對來源的體驗。根據預設,系統會選取您建立資訊主頁時的最近一個月。如要切換新舊月度版本,請使用頁面頂端的「月份」篩選器。

請注意,這些圖表預設會省略平板電腦,但如有需要,您可以在長條圖設定中移除「沒有平板電腦」篩選器:

在 Looker Studio 中編輯「篩選器」選項。
編輯 CrUX 資訊主頁,在 Core Web Vitals 頁面顯示平板電腦資料

指標成效

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

CrUX 資訊主頁 LCP 頁面,顯示不同月份的各種堆疊長條圖。
CrUX 資訊主頁 LCP 頁面

每個頁面頂端都有「裝置」篩選器,可用於限制體驗資料中包含的規格。舉例來說,您可以深入瞭解手機體驗。這項設定會套用至所有頁面。

這些頁面上的主要圖表,是依「良好」、「需要改善」和「不良」分類的每月體驗分布情形。圖表下方的彩色圖例代表類別中包含的體驗範圍。舉例來說,從上一個螢幕截圖中,您可以看到「良好」最大內容繪製 (LCP) 體驗的百分比出現波動,且近幾個月略有下滑。

圖表上方會顯示最近一個月「良好」和「不良」體驗的百分比,以及與上個月的百分比差異指標。這個來源的「良好」LCP 體驗較上個月減少 3.2%,降至 56.04%。

此外,對於提供明確百分位數建議的指標 (例如 LCP 和其他 Core Web Vitals),您會在「良好」和「不良」百分比之間找到「P75」指標。這個值對應於來源的第 75 百分位數使用者體驗。換句話說,75% 的體驗優於這個值。請注意,這項設定會套用至來源中所有裝置的整體發布作業。使用「裝置」篩選器切換特定裝置時,系統不會重新計算百分位數。

百分位數的技術注意事項

請注意,百分位數指標是根據 BigQuery 的直方圖資料計算,因此精細度較低:LCP 為 100 毫秒、INP 為 25 毫秒,CLS 則為 0.05。換句話說,如果 P75 LCP 為 3800 毫秒,表示第 75 個百分位數的實際值介於 3800 毫秒和 3900 毫秒之間。

此外,BigQuery 資料集會使用「容器擴散」技術,將使用者體驗密度本質上分組到粒度遞減的粗略容器中。這樣一來,我們就能在分布尾端納入每分鐘密度,而不必超過四位數的精確度。舉例來說,系統會將 LCP 值小於 3 秒的資料歸入 200 毫秒寬的特徵分塊。3 到 10 秒之間,每個時間間隔的寬度為 500 毫秒。超過 10 秒後,每個資料桶的寬度為 5000 毫秒,與寬度不一的資料區間不同,資料區間擴展功能可確保所有資料區間的寬度都維持在 100 毫秒 (最大公因數),且分布情形會在每個資料區間中線性插補。

PageSpeed Insights 等工具中的對應 P75 值並非根據公開 BigQuery 資料集,而是以毫秒為單位提供精確值。

使用者客層

使用者人口統計資料頁面包含兩個維度:裝置和有效連線類型 (ECT)。這些頁面會顯示每個受眾特徵中,使用者在整個來源的網頁瀏覽次數分布。

裝置分布頁面會顯示一段時間內,手機、電腦和平板電腦使用者的分布情況。許多來源的平板電腦資料往往很少或沒有,因此您經常會看到「0%」懸掛在圖表邊緣。

CrUX 資訊主頁的裝置頁面,顯示裝置細分資料的每月變化。
CrUX 資訊主頁裝置頁面

同樣地,ECT 發布頁面會顯示 4G、3G、2G、慢速 2G 和離線體驗的細目。

系統會使用首次顯示內容所需時間 (FCP) 直方圖資料的區隔,計算這些維度的分布情形。

常見問題

以下是關於在 Looker Studio 上建立 CrUX 資訊主頁的常見問題:

相較於其他工具,我何時該使用 CrUX 資訊主頁?

CrUX 資訊主頁的基礎資料與 BigQuery 相同,但您不需要撰寫任何 SQL 指令碼來擷取資料,也不必擔心超出任何免費配額。設定資訊主頁比查詢基礎資料更快速簡單,系統會為您產生所有視覺化內容,而且您可以控管資訊主頁的共用對象。

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

由於 CrUX 資訊主頁是以 BigQuery 為基礎,因此也承襲了所有限制。且僅限於每月精細程度的來源層級資料。

此外,為了簡化操作,CrUX 資訊主頁也捨棄了 BigQuery 原始資料的部分多功能性。舉例來說,指標分布只會顯示「良好」、「需要改善」和「不佳」,不會顯示完整直方圖。CrUX 資訊主頁也會提供全球層級的資料,而 BigQuery 資料集則可讓您深入瞭解特定國家/地區的資料。

哪裡可以取得更多 Looker Studio 相關資訊?

詳情請參閱 Looker Studio 功能頁面