最近 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」,並設定以下幾個項目:
- Upload key file:將下載的 json 金鑰檔案上傳
- Website property id:請填寫網站的資源id (Property id)。
- GA data start date:這是填寫你網站開始使用 GA 的日期。(系統預設:從2020/01/01起算)
- Cache time (second):快取時間,請務必填寫快取時間,以免 google 給你的每日免費呼叫 50,000 次 API 次數很快就用完。(系統預設:3600秒)

Step.6 小工具內容設定
外掛設定的項目無誤後,可以到「外觀」->「小工具」,去新增你要的內容。目前提供四種資料:今日瀏覽(Today pageviews)、累計瀏覽(Total pageviews)、今日人氣(Today visits)、累計人氣(Total visits)。
你可以依照自己需求,選擇要顯示那一種資料,也可以自定文字(別漏了 %d 參數),或是調整(Adjust)起算數字。
(修正說明:%d 參數已改為 %s,這是顯示數字的參數,不能省略不填寫)

其他補充:
- 這個外掛會用到 php 的 putenv 函數,有些主機可能沒有啟用,不過很多外掛也會使用,例如 WooCommerce。
- 使用上若發生問題無法運行,可以先試著找出你網站 debug log 來查看一下有無相關訊息,再給我參考修正。
- 若有其他使用上的建議,也歡迎填寫留言給我,我會儘快回覆的。若你覺得這個外掛不錯,也可以在官方外掛頁面投給我星星鼓勵我,謝謝!
2023-02-10 at 17:02:36
你好, 目前按照您的方式設定後, 前台也確認有埋入GA碼了, 但是小工具上顯示的造訪次數一直都是只顯示0呢
2023-02-11 at 16:35:38
ga4 的資料不是那麼即時,這時候你可以直接登入 GA 去看看資料是否吻合。若有其他問題,歡迎再留言。
2023-02-13 at 10:50:06
您好, 目前登入GA查看資料後是有資料流量人數, 但是卻沒有同步到wordpress 前台的瀏覽人數上, GA圖表上是都正常有資料的, 但是透過wordpress小工具顯示的瀏覽人次還是會顯示為0呢
2023-08-13 at 20:51:14
太感謝您開發這個外掛啦~先前使用的Show Google Analytics widget簡單又能達到在前台顯示瀏覽量的目的,這幾天因為Google正式停用Analytics,導致前台的瀏覽量也不再能顯示出來,還好後來看到您這篇詳細的教學,又可以再次安裝了,非常感謝🙏
2023-09-11 at 00:01:19
感謝你,這外掛太實用了,步驟清楚介面也好用。我的前台顯示人氣又復活了~
2023-09-13 at 17:42:07
感謝大大的無私貢獻,小弟從「Show Google Analytics widget」就有在使用,今天換成了「Sig GA4 Widget」,但是總瀏覽次數掉了很多;想請問通用版 GA 的總瀏覽次數有辦法移轉到新的 GA4 嗎?
2023-09-14 at 18:18:16
真的非常、非常感激您的外掛!!!GA改版後我完全沒有能力自己裝瀏覽人氣外掛,終於等到您的教學文章,謝謝您!!您是我們這些新手的神(跪)