解决第三方 JS SDK 代码(比如 GA.js )无法正常加载的问题

昨天给网站 CheckNumber.AI 加上了 GA 统计代码,查看源代码时发现代码已经加进去了,但是在 Network 里面没有看到正常的加载请求。
于是一步一步检查一下到底是什么原因导致的。

首先检查第三方代码是否能正常打开,查看源代码,直接点击 GA 的URL,访问成功。

再来确认网站的 CSP (Content Security Policy) 设置是否允许加载第三方代码 Google Analytics 代码。

检查网站的 CSP有几种方法,我先试试用在线工具来检查,打开网站输入网址后,点击 "Scan" 按钮,结果就出来了:
https://securityheaders.com/?q=checknumber.ai&followRedirects=on

从上面的结果来看,网站并没有特别设置 CSP,所以应该不是 CSP 导致的。

第三步再试试关闭 Astro 的 partytown 模式。
找到配置文件的 googleAnalytics 部分,将 partytown: true 改为 partytown: false。
然后重新 Build ,搞定!

英文版:Resolving Third-party JS SDK (like GA.js) Loading Issues
日语版:サードパーティJS SDK(GA.jsなど)の読み込み問題の解決
繁体版:GA 程式碼無法載入?排查與解決方法

posted on 2024-12-29 17:14  eKYC  阅读(12)  评论(0编辑  收藏  举报