更新日期:2023-08-14

最近 Google analytics 4 即將要取代原本的 Google analytics,我原來設計的外掛 Show Google Analytics widget 也會因此無法再繼續抓取資料,所以重新寫了一個新的外掛 Sig GA4 Widget 來取代舊的外掛。

下載外掛

請在你的後台輸入關鍵字「Sig GA4 Widget」尋找,或是直接到 WordPress 官方外掛下載再上傳到你的網站內。安裝完成並啟用外掛,接著請按照以下步驟設定。

下載網址:https://wordpress.org/plugins/sig-ga4-widget/

Step.1 啟用 Google API 服務

請登入 https://console.cloud.google.com/apis/ 並選擇你要設定的專案。

請先查看是否已經有 Google Analytics Data API 這個服務。若沒看到的話,才點選「啟用 API 和服務」去新增。(先用名稱搜尋比較好找)

Step.2 建立服務帳戶

點左側選單「憑證」切換頁面,再點「+建立憑證」,在選單中選擇「服務帳戶」。(如果已有服務帳戶可以省略此步驟)

輸入服務帳戶名稱、服務帳戶ID,並記住該員電子郵件地址,點「建立並繼續」到下一步。

在角色中,我們選擇「App Engine 管理員」角色,再點擊「繼續」,接著點「完成」。

Step.3 下載私密金鑰

在「服務帳戶」清單,找到服務帳號的電子郵件點擊進入。在上方「金鑰」 -> 點「新增金鑰」 -> 選「建立新的金鑰」,金鑰類型請選「json」,建立後自動下載 json 檔案。(這個檔案是在網站後台的外掛中上傳使用)

Step.4 將服務帳戶加入 GA

請登入 Google analytics 。點左下方的齒輪圖示「管理」,然後前往所需的帳戶/資源(你要顯示資料的網站)。

點入「資源存取權管理」,按一下 [+] ,然後點選「新增使用者」,將剛剛建立的「服務帳戶」電子郵件新增進去,角色部分選「檢視者」即可。

Step.5 後台外掛初始設定

請到網站後台的「設定」->「GA4 widget config」,並設定以下幾個項目:

  1. Upload key file:將下載的 json 金鑰檔案上傳
  2. Website property id:請填寫網站的資源id (Property id)。
  3. GA data start date:這是填寫你網站開始使用 GA 的日期。(系統預設:從2020/01/01起算)
  4. Cache time (second):快取時間,請務必填寫快取時間,以免 google 給你的每日免費呼叫 50,000 次 API 次數很快就用完。(系統預設:3600秒)

Step.6 小工具內容設定

外掛設定的項目無誤後,可以到「外觀」->「小工具」,去新增你要的內容。目前提供四種資料:今日瀏覽(Today pageviews)累計瀏覽(Total pageviews)今日人氣(Today visits)累計人氣(Total visits)

你可以依照自己需求,選擇要顯示那一種資料,也可以自定文字(別漏了 %d 參數),或是調整(Adjust)起算數字。
(修正說明:%d 參數已改為 %s,這是顯示數字的參數,不能省略不填寫)

其他補充:

  1. 這個外掛會用到 php 的 putenv 函數,有些主機可能沒有啟用,不過很多外掛也會使用,例如 WooCommerce。
  2. 使用上若發生問題無法運行,可以先試著找出你網站 debug log 來查看一下有無相關訊息,再給我參考修正。
  3. 若有其他使用上的建議,也歡迎填寫留言給我,我會儘快回覆的。若你覺得這個外掛不錯,也可以在官方外掛頁面投給我星星鼓勵我,謝謝!