更新日期：2022-10-09

最近 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)起算數字。

其他補充：

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