• Home
  • Looker Studio
  • 如何透過 Looker Studio 製作GA4年增率 (YoY, Year on Year) 報表?
如何透過 Looker Studio 製作GA4年增率 (YoY, Year on Year) 報表?
By Momo Wang profile image Momo Wang
18 min read

如何透過 Looker Studio 製作GA4年增率 (YoY, Year on Year) 報表?

前言

我們常會利用一些圖表工具來幫助將複雜又不好閱讀的表格資料轉換成視覺化的呈現,藉以輔助快速洞察出一些數字的趨勢與 insight。

數據的洞察方向,大致可以透過「趨勢」與「比較」兩個面向來進行。其中「比較」的這個面向最常用到的就是同期相比,透過比較來判斷目前的數據到底是比較好或是差。比方說今年五月的母親節行銷活動,和去年五月相比所帶來的銷售額是增長或是下滑;又或者是今年各月份的網站瀏覽量,和去年同期相比的變化又是如何?相信這樣的問題時常會出現在我們的日常工作中。

因此今天將手把手帶領大家,以 Google Looker Studio 這個工具為例,教大家如何建立一個同期相比的視覺化報表。

分析情境

想要知道截至目前為止,網站的瀏覽量和去年同期各月份相比是增加或是下滑?

根據上述的分析情境,我們發現到了兩個重點:

  1. 主要分析的指標是網站的瀏覽量 (Pageviews)
  2. 想要看的是今年去年各個月份瀏覽量的比較

以下是這個情境所使用到的範例數據:

Year-Month

Pageviews

Sessions

Purchase

Revenue

202201

62,396

51,447

444

$397,905

202202

55,379

45,721

872

$981,849

202203

72,562

59,955

952

$808,027

202204

73,373

69,461

384

$494,754

202205

50,078

39,805

567

$455,724

202206

65,899

50,899

199

$293,573

202207

72,609

68,601

533

$990,643

202208

48,758

16,739

187

$507,412

202209

83,434

69,850

873

$439,586

202210

63,686

51,493

135

$432,846

202211

95,996

90,123

356

$635,452

202212

93,419

89,423

251

$27,683

202301

91,892

88,104

995

$198,070

202302

64,819

64,320

853

$968,189

202303

52,486

40,428

665

$707,751

202304

19,743

17,008

271

$36,943


在開始操作 Looker Studio 之前,我們可以先觀察一下這組範例數據有一個重點:

年 (Year)月份 (Month) 合併在 Year-Month 這個欄位

而這個部分在後面的 Looker Studio 操作時會影響到我們的設定,所以這邊只需要先記得日期的欄位狀況會影響到報表的操作即可,後面我們再來解釋為原因。

預期圖表目標

希望透過一個圖表,藉由長條圖顯示去年與今年的瀏覽量差異變化 (如下圖)

關鍵困難點

初次看到上面的圖表時,可能大家會覺得這個應該不困難吧?但實作時就會發現雖然可以把去年和今年的數據都顯示出來,但是他們卻分開顯示,無法以月份統整將去年和今年並排顯示,這樣就無法一眼看出去年與今年數字誰比較好。


因此「如何將不同年份、相同月份的兩組數據整併在一起」,是這個圖表的重點。

實作

1. 首先先開啟一個新的 Looker Studio 空白報表,並連結範例數據的資料來源 (本範例數據儲存在 Google Sheet,有需要可以參考:範例資料)

1-1. 建立一個新的空白報表


1-2. 選擇資料來源


1-3. 選擇資料來源位置



2. 誠如前面所提到的,製作此圖表的重點,在於「如何將不同年份、相同月份的兩組數據整併在一起」。因此這部分會需要使用到兩個主要的維度,一個是「日期」,另一個是「月份」,但如果仔細觀察我們匯入進來的範例資料的話,會發現兩個問題:

  • 日期欄位 (Year-Month) 的資料型態是文字 (Text),而非日期 (Date)
  • 沒有月份的欄位


因此需要將現有的資料進行一些處理,讓我們能有正確的日期月份欄位 (註1*)

註1:若您匯入的資料已經有正確的日期 (Date) 與月份 (Month) 型態,則可跳過步驟 3 與 4

3. 首先先來處理日期的問題,由於原始資料的日期架構為 202301 (西元年 4 碼 + 月份 2 碼),因此我們其實有兩種方法將它轉換成系統認得的日期格式。

【方法一】

直接將 Type 的型態從文字 (Text) 轉換成日期 (Date)。操作的方法是:

3-1. 先從上方的工具列找到「資源 (Resource) \ 管理已新增的資料來源 (Manage added data sources)」


3-2. 接著找到剛剛匯入的資料來源,選擇右邊的「編輯 (Edit)」


3-3. 找到日期欄位「Year-Month」,點擊右手邊的下拉選單,將類型從 文字(Text) 更改為「日期和時間 (Date & Time) \ 年月 (Year Month)」


不過經過實測,第一種方法蠻有可能會因為原本日期架構的關係會發生錯誤而無法成功轉換,如果遇到這樣的情況,就建議使用接下來要介紹的第二種方法。

【方法二】

建立一個新的欄位,透過公式來將 Year-Month 欄位從文字轉成日期:

3-4. 接續剛剛 3-2 的操作,進來後選擇右上角的「新增欄位 (ADD A FIELD)」

3-5. 在公式 (Formula) 的部分,貼上以下公式(註2*),並給予這個欄位一個識別的名稱,以此範例來說取名為「custom_date」:

公式:PARSE_DATE("%Y%m", Year-Month)


註2:PARSE_DATE() 這個公式主要是將文字轉換為指定的日期格式型態,詳細說明內容可參考官方文件:PARSE_DATE

4. 接著我們來處理「月份」的欄位。若您的原始資料本身就有月份的欄位的話,其實可以直接跳過這個步驟。以範例資料為例,由於並沒有月份的欄位,因此我們需要創建新的欄位,並透過公式利用現有的 Year-Month 資料欄位來處理。操作方法如下:

4-1. 接續剛剛 3-2 的操作,進來後選擇右上角的「新增欄位 (ADD A FIELD)」

4-2. 在公式 (Formula) 的部分,貼上以下公式(註3*),並給予這個欄位一個識別的名稱,以此範例來說取名為「custom_month」:

公式:SUBSTR(Year-Month, 5, 2)


註3:SUBSTR() 這個公式主要是切割抓取指定字串中的某些文字,而以此範例,我們想要透過 Year-Month 這個欄位,把月份的資料切出來。由於原本 Year-Month 裡的文字是202301 (西元年 4 碼 + 月份 2 碼),月份的資訊是從第 5 個文字開始,總共 2 碼,因此上述的公式白話說明就是:從 Year-Month 的值中從第 5 個字元開始抓出 2 個文字。詳細說明內容可參考官方文件:SUBSTR

4-3. 接著在將我們建立好的這個欄位,將類型轉換為月份 (Month)



5. 整理好日期與月份這兩個欄位之後,接下來要做的事情,是完成這個圖表的最重要關鍵!我們需要再自己建立一個 1~12 月份的資料來源,並將它匯入到這份報表中。為何需要有這個資料呢?其實這跟一開始提到的,需要將不同年份但是同一月份的資料整併在一起有著密切的關係。

因為我們必須讓圖表知道說,我們想要將數據以月份為主要維度,將不同年份的資料分別整併在各個月份中。而透過這個新建置的 1~12 月份的資料來源,就可以幫助我們做到這件事。透過下圖可以幫助大家理解這個概念:



6. 在瞭解概念之後,接下來我們就來產生這個月份資料來源,並將它匯入到我們的報表中。

6-1. 建立的方式很簡單,可以透過 Google Sheet 建立一個欄位,裡面輸入 01, 02, 03, …12,並將格式調整為文字格式 (Plain text)。選用文字格式的原因是因為到時候我們在報表排序時,因為如果是數值格式,到時候依據數字排序順序會變成 1, 10, 11, 12, 2, …這樣。因此為了避免這樣的問題,我們統一讓它是 2 碼的日期格式。因此建立好大概會長成下圖:


6-2. 建立完成後,再回到 Looker Studio 報表,選擇上方工具列的「資源 (Resource) \ 管理已新增的資料來源 (Manage added data sources)」


6-3. 點擊下方的「新增資料來源 (ADD A DATA SOURCE)」來匯入剛剛我們建立的 Google Sheet 類型的檔案檔案來源。關於如何匯入 Google Sheet 類型的操作流程,可以參考上面步驟 1-2~1-3

6-4. 若匯入成功的話,目前的資料來源應該就會長的跟下圖一樣:


7. 資料都準備完成後,接下來我們要處理的,就是將數據以「月份為主要維度」將不同年份的資料分別整併在各個月份中。這部分我們會使用到 Looker Studio 的混合資料 (blends) 來完成。操作方式為:

7-1. 從上方的工具列選擇「資源 (Resource) \ 管理組合 (Manage blends)」,然後新增一個混合資料 (ADD A BLEND)


7-2. 接下來的操作是有順序性的,首先再次回顧一下我們的需求,是要以月份作為主要維度,將不同年份的資料分別整併在各個月份中。因此我們最左邊的主要資料來源一定要是剛剛最後匯入的那一份月份資料,後面關聯的資料順序則可隨意更換。


7-3. 再來我們點擊右側的「彙整其他表格 (Join another table)」,將我們一開始匯入的資料來源加進來


7-4. 加入完成後,下一步我們要做的動作,就是要讓系統知道以月份作為主要維度,將不同年份的資料分別整併在各個月份中。因此我們點擊兩張表的中間「設定彙整 (Configure join)」


7-5. 我們要選擇的條件是「左外部彙整 (Left Outer)」,而串接兩張資料表的主要欄位 (Key) 是月份,因此左手邊的地方要選擇月份資料表中的月份欄位 (此例為 Month),右手邊的地方要選擇範例資料表中的月份欄位 (還記得我們在步驟 4 的時候,有透過公式新增一個月份欄位 custom_month 嗎) (註4*)


註4*:若您右手邊的地方無法選擇到步驟 4 所建立的欄位時,請先按下取消 (Cancel) 回到前一個畫面,將 custom_month 這個欄位拉到右側資料表的 Dimensions 中,再回來操作即可選取


8. 建立完成後,畫面應該會如下圖




9. 接著我們先來彙整 2023 年(今年)的數據,將需要的識別資訊、指標 (Metrics) 與時間範圍設定好:

9-1. 為了方便我們識別,將上方 Table Name 的地方我們輸入「this year」表示這邊的數據都是屬於 2023 年的數據


9-2. 因為我們要分析的是網站的瀏覽量 (Pageviews),因此我們將 pageviews 的欄位拉到指標 (Metrics) 這裡面


9-3. 一樣為了方便識別,我們更改一下這個指標名稱,滑到前面的 SUM 字眼,會發現圖示變成一枝筆,然後點擊它,在上面的地方輸入「this year pageviews」,以便我們後續作識別



9-4. 接下來就是要定義這個資料是今年 2023 年的數據,他的方法是下方的日期範圍 (Data range) 這個欄位,需要放入一個可以識別「年份」的欄位,這時候我們在步驟 3-5 建立的日期欄位「custom_date」就可以派上用場啦!所以請將「custom_date 」拖拉到 日期範圍 (Data range) 裡


9-5. 當放進來之後,會發現下面有「自動 (Auto)」與「自訂 (Custom)」兩種模式可以選擇。自動 (Auto) 的意思是不指定日期,會依據報表上面的日期控制項來調整資料選取區間,而自訂 (Custom) 則可以讓我們自行指定這個資料表的資料範圍。因為我們目前將這張資料表定義為今年 2023 年的資料,因此我們就選擇「自訂 (Custom)」,並將區間調整為「今年 (This year)」






10. 完成今年 2023 年的資料設定後,接著我們就可以再加入一個新的資料來源是去年 2022 年的資料。作法流程和前面相同,可以仿照步驟 7-3~9-5 進行操作。這邊列出幾個注意事項作為提醒:

10-1. 新增的資料來源,請新增在剛剛「今年 2023 年資料集」的右方!


10-2. 在建立串接兩張資料表的關聯時,請注意左手邊的資料表一樣要是 Table 1,而不是剛剛建立的今年 2023 年資料表!


10-3. 建立完成後,總體的關聯性與分別的設定參考如下圖:




11. 最後我們再給這個混合資料一個識別的名稱,就完成所有的設定,以此範例名稱為:「Blended Data YOY」


12. 資料都準備完成後,終於我們可以開始來製作報表了。我們要使用的報表類型是「組合圖 (Combo chart)」,可以點擊上方的工具列「新增圖表 (Add a chart) \ 折線 (Line) \ 組合圖 (combo chart)」,把它放到畫面上



13. 再來我們調整一下資料來源,首先資料來源要選擇我們剛剛建立的混合資料,此範例為「Blended Data YOY」



14. 再來依序設定維度 (Dimensions)、指標 (Metrics)、排序方式 (Sort)

▶維度

Table 1 的 Month

▶指標

this year 的 this year pageviews

last year 的 last year pageviews

▶排序依據與方式

依據 Table 1 的 Month

使用升冪排序 (Ascending)

各區段設定截圖如下:


15. 設定完成後可以發現,報表順利跑出來了!!!


但是呈現的方式好像有點怪怪的,因為我們期望是兩條長條圖,但現在是一個長條圖,另一個是折線圖。因此我們需要調整一下顯示的方式,可以從右手邊的屬性資料中選擇「樣式 (Style)」頁籤


在數性資料中可以找到 Series #1 與 Series #2 的地方,指的就是兩個指標要呈現的圖形樣式。因此我們只要都將它調整成長條圖 (Bars) 即可!




16. 調整完成如下圖


終於,我們成功製作出藉由長條圖顯示去年與今年的瀏覽量差異變化!

重點整理與結語

這邊快速幫大家統整一下製作此類型的報表需要具備的幾項要點

  1. 製作此類型的報表,會需要使用到「日期」、「月份」兩個欄位。因此若來源資料並沒有包含此兩個欄位或是有缺少的話,需從原始資料進行補充,或是可以透過 Looker Studio 從匯入資料中透過公式來產生對應的欄位
  2. 需要額外建立一個「月份」的資料表,用途是為了讓我們可以以月份為主要維度,將不同年份的資料分別整併在各個月份中
  3. 建立混合資料時,資料表關聯的是有一定的順序!最左邊的主要資料來源一定要是月份資料表,後面關聯的資料順序則可隨意更換 (即今年或是去年的順序可以更換)。

掌握上述的幾個重點,相信大家也可以更進一步的製作出其他的同期比較圖表!至於報表上面呈現的樣式,礙於篇幅的關係這邊就沒有再跟大家細部說明。有興趣的朋友可以透過屬性欄位的「樣式 (Style)」頁籤內去進行一些測試與調整喔!



By Momo Wang profile image Momo Wang
Updated on
Looker Studio GA4 網站分析商務實戰