昨天幫網站 CheckNumber.AI 加上了 GA 統計程式碼,查看原始碼時發現程式碼已經加進去了,但是在 Network 裡面沒有看到正常的載入請求。
於是一步一步檢查一下到底是什麼原因導致的。
首先檢查第三方程式碼是否能正常開啟,查看原始碼,直接點擊 GA 的 URL,訪問成功。
再來確認網站的 CSP (Content Security Policy) 設定是否允許載入第三方程式碼 Google Analytics。
檢查網站的 CSP 有幾種方法,我先試試用線上工具來檢查,開啟網站輸入網址後,點擊「Scan」按鈕,結果就出來了:
https://securityheaders.com/?q=checknumber.ai&followRedirects=on

Check Number
從上面的結果來看,網站並沒有特別設定 CSP,所以應該不是 CSP 導致的。
第三步再試試關閉 Astro 的 partytown 模式。
找到設定檔的 googleAnalytics 部分,將 partytown: true 改為 partytown: false。
然後重新 Build,搞定!