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

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
URL (不支援)
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 資訊主頁網站體驗核心指標總覽

使用「網站體驗核心指標」頁面,瞭解電腦與手機使用者對來源體驗的感受。根據預設,系統會選取您建立資訊主頁時最近一個月的資料。如要在較新或較新的每月版本之間進行切換,請使用頁面頂端的「月」篩選器。

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

Looker Studio 中的「Filter」選項編輯螢幕截圖。
編輯 CrUX 資訊主頁,以便在「Core Web Vitals」頁面中顯示平板電腦

指標成效

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

CrUX 資訊主頁 LCP 頁面的螢幕截圖,顯示在不同月份變更的各種堆疊長條圖。
CrUX 資訊主頁 LCP 頁面

每個頁面頂端都有「裝置」篩選器,可用來限制體驗資料中包含的板型規格。舉例來說,你可以進一步深入分析手機使用體驗。這項設定會保留在其他頁面。

這些頁面的主要圖表是分類為「良好」、「需要改善」和「不佳」的每月發布體驗。圖表下方的圖例會以不同顏色標示,指出類別提供的體驗範圍。舉例來說,在上一個螢幕截圖中,可以看到最近幾個月的「良好」最大內容繪製 (LCP) 體驗百分比波動,且情況稍微變差。

圖表上方會顯示最近一個月的「良好」和「不良」體驗百分比,並指出與上個月相比的百分比差異。就這個來源而言,「良好」LCP 體驗量逐月減少 3.2% 至 56.04%。

此外,如果 LCP 等網站體驗核心指標等指標提供明確的百分位數建議,則「良好」和「低」百分比之間會顯示「P75」指標。這個值對應使用者體驗的第 75 個百分位數。換句話說,75% 的服務體驗比這個價值來得好。不過請注意,這項數據反映的是來源中所有裝置的整體分佈情形。如果透過「裝置」篩選器切換特定裝置,系統不會重新計算百分位數。

百分位數相關技術注意事項

請注意,百分位數指標是以 BigQuery 的直方圖資料為依據,因此精細程度較低:LCP 為 100 毫秒、INP 為 25 毫秒,CLS 則為 0.05。也就是說,如果 P75 LCP 為 3800 毫秒,代表實際第 75 個百分位數在 3800 毫秒到 3900 毫秒之間。

此外,BigQuery 資料集也使用稱為「特徵分塊」的技術,其中使用者體驗的密度自然會分入非常不精確的區塊,以降低精細程度。這讓我們得以在分佈的尾部加入分鐘密度,而無須超過四位數的精確度。例如,少於 3 秒的 LCP 值會分組為寬度 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 資訊主頁是否有任何限制?

以 BigQuery 為基礎,表示 CrUX 資訊主頁也會沿用所有限制。每月只提供來源層級資料。

CrUX 資訊主頁也會捨棄 BigQuery 中部分原始資料的多功能性,以便使用簡單又便利。例如,指標分佈只能指定為「良好」、「需要改善」和「不佳」,而非完整直方圖。CrUX 資訊主頁也提供全球層級的資料,而 BigQuery 資料集則能讓您放大特定國家/地區的資料。

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

詳情請參閱 Looker Studio 功能頁面