随着 A Tour of Go 中文版本部署完成,go-dev.shuijingwanwq.com 已经进入持续优化阶段。
由于 A Tour of Go 采用单页应用(SPA)方式展示课程内容,页面切换并不会触发传统意义上的完整页面刷新。因此,在接入第三方统计和广告服务时,需要确认它们是否能够正确识别课程页面变化。
本文记录 go-dev 接入 Google Analytics、百度统计以及 Google AdSense Auto Ads 后的一轮验证过程。
一、go-dev 单页应用结构
go-dev 基于 A Tour of Go 原始架构进行本地化部署。
课程页面采用动态切换方式:
- 左侧显示课程内容;
- 右侧显示 Go Playground 示例;
- 点击下一页后,通过前端逻辑切换课程页面。
例如:
/tour/basics/16
↓
/tour/flowcontrol/1浏览器不会重新加载整个网站,而是直接更新当前课程状态。
因此,传统依赖页面加载事件的统计和广告代码,需要额外验证。
二、Google Analytics 4 单页统计验证
首先验证 Google Analytics 4(GA4)是否能够记录 SPA 页面变化。
测试过程中,在浏览器开发者工具 Network 面板观察:
analytics.google.com/g/collect请求。
点击下一页后,可以看到:
- 当前页面 URL 发生变化;
- GA4 收到新的
page_view请求。
例如:
dl=https://go-dev.shuijingwanwq.com/tour/flowcontrol/1
dr=https://go-dev.shuijingwanwq.com/tour/basics/17说明:
- GA4 已经正确识别 SPA 页面切换;
- 不需要额外增加手动页面统计代码。

三、百度统计单页应用支持验证
百度统计提供单页应用统计支持。
开启:
启用单页应用数据统计后,继续测试课程切换。
测试发现,点击下一页后,百度统计能够发送:
hm.baidu.com/hm.gif请求。
请求参数中包含:
su和:
u分别对应:
- 上一个页面;
- 当前页面。
例如:
/tour/basics/17
↓
/tour/flowcontrol/1说明百度统计已经能够正确记录课程页面变化。


四、Google AdSense 接入测试
统计验证完成后,继续测试 Google AdSense。
go-dev 当前采用:
Google AdSense Auto Ads自动广告模式。
首次加载页面时,会加载:
adsbygoogle.js并初始化自动广告。
开发者工具中可以看到:
pagead2.googlesyndication.com相关请求。
说明:
- AdSense 脚本加载正常;
- 广告请求链路正常。

五、Google 隐私提示验证
首次访问时,Google Privacy Messaging 会显示隐私提示。
该流程属于 Google 广告系统的一部分,用于处理用户隐私选择。
完成提示操作后,广告请求继续执行。

六、Auto Ads 插页广告测试
在测试过程中,Google Auto Ads 曾成功展示插页广告。
浏览器地址出现:
#google_vignette并显示 Google 自动广告页面。
这说明:
- AdSense 配置有效;
- 网站已经可以正常参与广告投放;
- 自动广告系统能够识别当前站点。

七、当前页面内广告状态
虽然 Auto Ads 已经可以正常工作,但目前页面内自动广告还没有稳定展示。
通过开发者工具检查:
data-adsbygoogle-status="done"
data-ad-status="unfilled"可以看到:
- 广告代码已经执行;
- Google 完成了广告请求;
- 当前广告位没有返回填充内容。
这并不代表配置失败。
可能原因包括:
- 新站点需要积累数据;
- 当前页面结构特殊;
- 广告库存不足;
- Google 自动广告仍在学习页面布局。
因此,当前没有立即调整广告代码,而是继续观察一段时间。
八、真实访问环境测试
为了排除测试环境因素,随后使用普通访问环境再次测试。
结果:
- 页面访问正常;
- GA4 统计正常;
- 百度统计正常;
- Google AdSense 请求正常。
目前没有发现统计和广告代码接入异常。

九、后续计划
当前 go-dev 已完成:
- GA4 单页统计验证;
- 百度统计单页支持验证;
- Google AdSense Auto Ads 接入验证。
后续将继续观察:
- Auto Ads 是否自动增加页面内广告;
- 单页切换后广告是否重新识别;
- 是否需要增加固定广告单元。
如果后续需要更精确控制广告位置,可以考虑在课程页面中加入固定广告区域,而不是完全依赖 Auto Ads。
总结
这次验证确认了 A Tour of Go 单页架构与第三方服务的兼容性:
- Google Analytics 4 可以正常记录 SPA 页面变化;
- 百度统计单页应用支持可以正常工作;
- Google AdSense Auto Ads 可以正常加载并展示广告。
对于基于 Go、JavaScript 动态切换内容的单页网站,统计服务通常需要关注页面变化事件,而广告系统则需要根据实际展示效果持续观察。
go-dev 当前已经具备完整的统计与广告基础设施,后续重点将转向用户体验和广告展示策略优化。
A Tour of Go 多语言翻译项目
本系列完整记录 A Tour of Go 多语言翻译项目从架构设计、整页翻译、结构保护、自动校验,到生产发布与后续维护的实际开发过程。
项目入口:
✅ 在线学习:A Tour of Go 简体中文版
✅ 项目源码:GitHub:shuijingwan/go-tour-i18n
当前第一阶段已完成简体中文版本。项目属于非官方社区多语言翻译项目,与 Go 官方无隶属或授权关系。

