没有不值得去解决的问题,也没有不值得去学习的技术!

go-dev 单页网站接入统计与 Google AdSense Auto Ads 验证记录

图 3:百度统计单页应用设置

作者:

A Tour of Go 多语言翻译项目

图3:访问过去的 Go Tour 简体中文站 tour.go-zh.org 时,当前已经无法正常建立连接。

(1) 从「A Tour of Go 中文版」这个搜索词开始:我决定做一个持续维护的 Go Tour 中文版

本地运行的 A Tour of Go「Methods continued」课程页面,左侧为课程说明,右侧为 Go 代码编辑器及运行结果。

(2) A Tour of Go 中文版项目设计冻结:从 101 页到 103 页,从 Gin 转向 Cobra CLI

A Tour of Go 中文版开发实战:英文基线、在线运行与 101 页上游同步体系

(3) A Tour of Go 中文版开发实战:英文基线、在线运行与 101 页上游同步体系

go-tour-i18n 项目完成首个简体中文课程页面 welcome/1 的整页翻译、结构校验和本地预览。

(4) A Tour of Go 多语言翻译项目实录:完成首个 zh-CN 页面翻译闭环

图 1:DeepSeek 官方更新日志显示,本次只更新 DeepSeek-V4-Flash,DeepSeek-V4-Pro API 与 APP、Web 模型均未更新

(5) A Tour of Go 中文翻译项目进展:完成前 8 页、修复 present 语法,并暂缓 DeepSeek 对比

图 1:generics/1 简体中文页面本地预览

(6) 一个页面重试五次:使用 GLM-5.2 翻译 A Tour of Go 时遇到的 Token 与 Present 结构问题

图 1:methods/16 简体中文页面浏览器预览

(7) A Tour of Go 中文翻译实录:如何只翻译教学代码注释,而不破坏 Go 代码

图 2:A Tour of Go methods/20「练习:错误」中文候选页面最终渲染效果

(8) A Tour of Go 多语言翻译:当正确的中文语序被受保护标记顺序校验误判

图 3:methods/24 中文页面,静态代码、Bounds 行内代码和链接内的 image.Rectangle 均正确渲染

(9) A Tour of Go 中文翻译完成 7 个代表页校准:最后 3 页又发现了哪些真实问题

图 2:首批 10 个普通页面经过试跑与流程校准后全部进入 ready

(10) A Tour of Go 多语言翻译项目:首批 10 个普通页面试跑,从 2 个 blocked 到全部 ready

图 2:flowcontrol/6 最终中文页面,return 与 v 为适应自然中文语序发生整体换位

(11) A Tour of Go 中文翻译第二批实跑:从 Inline Code 顺序误判到历史响应重新验证

图 1:flowcontrol/6 首次原始输入实验直接通过统一自动校验

(12) A Tour of Go 多语言翻译项目:从 swap 问题重新审视 Token 保护,原始输入与最小保护的一次真实实验

图 7:moretypes/1 最终中文页面预览。左侧课程正文、静态代码块、行内代码和教学注释均正常渲染,右侧官方 Go 示例继续保持原样。

(13) A Tour of Go 多语言翻译实战:第三批 10 页全部 Ready,继续校准 Protected Token 的结构角色

图 4:上游源码确认共有 103 个课程页面,zh-CN 最终达到 ready=103、pending=0、blocked=0

(14) A Tour of Go 多语言翻译项目:zh-CN 103 个课程页面全部 ready,课程正文翻译阶段完成

图 4:GitHub 与 ChatGPT 已成功连接

(15) ChatGPT 连接 GitHub 实测:让 AI 直接读取 go-tour-i18n 仓库参与译文审核

图 3:中文 Go 术语校准完成后,将确定的译法写入 zh-CN glossary

(16) 为什么 channel 最终选择“通道”:A Tour of Go 中文术语统一的一次实践

图 1:技术含义基本正确,但“返回一个返回……”已经明显影响阅读,因此仍被列入 C 类修订

(17) 103 页逐页审核后,只返修 16 页:A Tour of Go 中文正文发布前质量审计

图 2:中文课程页面以及已经完成本地化的编辑器控制区

(18) A Tour of Go 多语言翻译项目:公共 UI 本地化完成,从课程译文走向完整中文界面

图 2:完整 zh-CN 正式投影成功生成,103 个课程页面被重新组装为 7 个 .article

(19) 从 103/103 ready 到完整站点验收:A Tour of Go 中文版补齐正式投影与课程元数据本地化

图 3:从 production bundle 独立启动的 A Tour of Go 简体中文页面,课程正文、公共 UI 和官方 Go 示例均已进入最终发布形态。

(20) A Tour of Go 多语言翻译项目:103 页全部完成后,我终于生成了可独立部署的 zh-CN Production Bundle

图 1:A Tour of Go 简体中文版正式生产页面,远程运行已经成功输出“Hello, 世界”。

(21) A Tour of Go 多语言翻译项目:zh-CN 正式上线,从生产发布到 go.dev Playground 的完整部署记录

图 1:新生产域名 go-dev.shuijingwanwq.com 已正常访问,Go 示例远程运行成功

(22) A Tour of Go 多语言翻译项目:从 go-tour 到 go-dev,完成 EdgeOne、Nginx 与 HTTPS 生产域名迁移

图 1:A Tour of Go 多语言翻译项目正式生产首页

(23) A Tour of Go 多语言翻译项目正式上线:从项目首页、公共 Footer 到生产发布元数据的完整收尾

图 3:GA4 g/collect 请求返回 HTTP 204,并携带当前课程页面地址,确认 Google Analytics 已产生真实事件上报

(24) A Tour of Go 多语言翻译项目:接入 Google Analytics 与百度统计,从 systemd 注入到 EdgeOne 与真实上报验证

图 1:生产环境 robots.txt 与 sitemap.xml 已正确对外提供,Sitemap 共包含 104 个规范 URL。

(25) A Tour of Go 中文站上线后:补齐 robots.txt、Sitemap,并完成五大搜索引擎提交

图 4:发布生产并刷新 EdgeOne 缓存后,再次通过真实手机访问,顶栏项目名称已经完整保持在一行,最终移动端验收通过。

(26) A Tour of Go 多语言翻译项目:修复手机端首页顶栏标题换行,并完成真机验证

图 3:生产自动部署脚本第一次真实运行时,systemd 已经显示 active,但首次 localhost 探测仍然得到 HTTP 000;随后连续 3 次同时满足 active + HTTP 200 后,脚本才判定部署成功,并继续完成公网 HTTP 200 验收。这次真实运行验证了连续应用层健康检查的必要性。

(27) A Tour of Go 多语言翻译项目:从一次 203/EXEC 故障到生产自动部署脚本落地

图 1:阿里云生产环境访问 go.dev Playground 时出现 TLS 握手超时

(28) A Tour of Go 多语言翻译项目:为 Playground 搭建独立的 ZgoCloud 执行代理

图 3:清除 /tour/script.js 缓存后,Run 已直接请求 ZgoCloud /compile 并返回 HTTP 200

(29) A Tour of Go 多语言翻译项目:将生产 Run / Format 切换到 ZgoCloud 执行节点

【图 1:微信中运行 Go 示例时出现 Error communicating with remote server.】

(30) A Tour of Go 中文版手机端运行与格式化偶发失败排查:从间歇性报错到补强 Nginx 可观测性

【图 4:向 golang-dev 公开邮件列表发送 Playground 使用告知邮件并投递成功】

(31) A Tour of Go 多语言项目:为 Playground 代理增加唯一 User-Agent,并主动告知 Go 官方

【图 3:百度剩余 9 个核心 URL 提交成功,remain 归零】

(32) A Tour of Go 搜索引擎收录实测:从 Google 自然索引到百度主动提交与 Bing IndexNow

【图 1:当前正式中文 methods/24 页面,右侧示例代码运行成功】

(33) A Tour of Go 中文翻译完成后,我为什么重新评估 minimal-protect 翻译模式

【图 3:5 个页面 Request SHA256 完全一致,但 Response SHA256 全部不同】

(34) A Tour of Go 翻译实验:更多原始上下文为什么没有更好?从 157 个保护标记到 30 次重复盲评

图 3:3 个代表页 × 4 个评审模型,共 12 次匿名评审的完整排名与第一名票数。

(35) A Tour of Go 翻译质量再评估:minimal-protect 未达预期后,我开始比较 ChatGPT、Codex 与 GLM-5.2

图 2:GitHub 中的 chatgpt-zh-CN-008 重译批次。一个 Batch 同时保存 inputs、raw-responses、candidates、validation 和 retry 记录,GitHub 成为 ChatGPT 与本地翻译流水线之间的数据交接层。

(36) 没有 OpenAI API,我如何用 ChatGPT + GitHub 完成 A Tour of Go 103 页全量重译

图 1:103 个正式课程页面完成最终语义质量审核,结果为 A=103、B/C/D=0,同时不存在缺失、重复或额外页面。A/B/C/D 是本轮项目内部语义质量分级,并不是自动结构 validator 的结果。

(37) 103 页翻完还不能发布:A Tour of Go ChatGPT 译文的语义审核与 Canonical Promotion

图 3:7 个 article endpoint 的 production origin 与 EdgeOne 公网响应全部 exact match,同时新的 ChatGPT 译文标记存在,旧版译文标记已经消失。

(38) 103/103 与 7/7 Exact Match:A Tour of Go ChatGPT 新译文的最终线上验收

【图 2:upstream source preview】

(39) A Tour of Go 多语言翻译项目首次实现 upstream 同步机制:从一次性翻译到长期维护

图 2:A/B/C/D 质量评级规则,展示正式质量 rubric 与 Promotion gate。

(40) A Tour of Go 多语言翻译项目引入 Translation Quality Review:从自动验证到 AI 翻译质量控制

图 4:翻译后 Playground Example,展示中文注释与保持不变的 Go 代码结构。

(41) A Tour of Go 多语言翻译项目实现 Playground Example 本地化:从代码注释翻译到完整学习体验

图 5:公网页面验证广告脚本输出

(42) A Tour of Go 多语言翻译项目接入广告系统:从 AdSense 专用配置到通用 HTML 注入架构

图 3:百度统计单页应用设置

(43) go-dev 单页网站接入统计与 Google AdSense Auto Ads 验证记录

随着 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 示例;
  • 点击下一页后,通过前端逻辑切换课程页面。

例如:

Plaintext
/tour/basics/16



/tour/flowcontrol/1

浏览器不会重新加载整个网站,而是直接更新当前课程状态。

因此,传统依赖页面加载事件的统计和广告代码,需要额外验证。


二、Google Analytics 4 单页统计验证

首先验证 Google Analytics 4(GA4)是否能够记录 SPA 页面变化。

测试过程中,在浏览器开发者工具 Network 面板观察:

Plaintext
analytics.google.com/g/collect

请求。

点击下一页后,可以看到:

  • 当前页面 URL 发生变化;
  • GA4 收到新的 page_view 请求。

例如:

Plaintext
dl=https://go-dev.shuijingwanwq.com/tour/flowcontrol/1

dr=https://go-dev.shuijingwanwq.com/tour/basics/17

说明:

  • GA4 已经正确识别 SPA 页面切换;
  • 不需要额外增加手动页面统计代码。
图 1:GA4 page_view 请求验证
图 1:GA4 page_view 请求验证

三、百度统计单页应用支持验证

百度统计提供单页应用统计支持。

开启:

Plaintext
启用单页应用数据统计

后,继续测试课程切换。

测试发现,点击下一页后,百度统计能够发送:

Plaintext
hm.baidu.com/hm.gif

请求。

请求参数中包含:

Plaintext
su

和:

Plaintext
u

分别对应:

  • 上一个页面;
  • 当前页面。

例如:

Plaintext
/tour/basics/17



/tour/flowcontrol/1

说明百度统计已经能够正确记录课程页面变化。

图 2:百度统计 SPA 页面请求
图 2:百度统计 SPA 页面请求
图 3:百度统计单页应用设置
图 3:百度统计单页应用设置

四、Google AdSense 接入测试

统计验证完成后,继续测试 Google AdSense。

go-dev 当前采用:

Plaintext
Google AdSense Auto Ads

自动广告模式。

首次加载页面时,会加载:

Plaintext
adsbygoogle.js

并初始化自动广告。

开发者工具中可以看到:

Plaintext
pagead2.googlesyndication.com

相关请求。

说明:

  • AdSense 脚本加载正常;
  • 广告请求链路正常。
图 4:AdSense 脚本请求
图 4:AdSense 脚本请求

五、Google 隐私提示验证

首次访问时,Google Privacy Messaging 会显示隐私提示。

该流程属于 Google 广告系统的一部分,用于处理用户隐私选择。

完成提示操作后,广告请求继续执行。

图 5:Google Privacy Messaging 提示
图 5:Google Privacy Messaging 提示

六、Auto Ads 插页广告测试

在测试过程中,Google Auto Ads 曾成功展示插页广告。

浏览器地址出现:

Plaintext
#google_vignette

并显示 Google 自动广告页面。

这说明:

  • AdSense 配置有效;
  • 网站已经可以正常参与广告投放;
  • 自动广告系统能够识别当前站点。
图 6:Google Auto Ads 插页广告展示
图 6:Google Auto Ads 插页广告展示

七、当前页面内广告状态

虽然 Auto Ads 已经可以正常工作,但目前页面内自动广告还没有稳定展示。

通过开发者工具检查:

HTML
data-adsbygoogle-status="done"

data-ad-status="unfilled"

可以看到:

  • 广告代码已经执行;
  • Google 完成了广告请求;
  • 当前广告位没有返回填充内容。

这并不代表配置失败。

可能原因包括:

  • 新站点需要积累数据;
  • 当前页面结构特殊;
  • 广告库存不足;
  • Google 自动广告仍在学习页面布局。

因此,当前没有立即调整广告代码,而是继续观察一段时间。


八、真实访问环境测试

为了排除测试环境因素,随后使用普通访问环境再次测试。

结果:

  • 页面访问正常;
  • GA4 统计正常;
  • 百度统计正常;
  • Google AdSense 请求正常。

目前没有发现统计和广告代码接入异常。

图 7:真实访问环境下的统计请求
图 7:真实访问环境下的统计请求

九、后续计划

当前 go-dev 已完成:

  • GA4 单页统计验证;
  • 百度统计单页支持验证;
  • Google AdSense Auto Ads 接入验证。

后续将继续观察:

  1. Auto Ads 是否自动增加页面内广告;
  2. 单页切换后广告是否重新识别;
  3. 是否需要增加固定广告单元。

如果后续需要更精确控制广告位置,可以考虑在课程页面中加入固定广告区域,而不是完全依赖 Auto Ads。


总结

这次验证确认了 A Tour of Go 单页架构与第三方服务的兼容性:

  • Google Analytics 4 可以正常记录 SPA 页面变化;
  • 百度统计单页应用支持可以正常工作;
  • Google AdSense Auto Ads 可以正常加载并展示广告。

对于基于 Go、JavaScript 动态切换内容的单页网站,统计服务通常需要关注页面变化事件,而广告系统则需要根据实际展示效果持续观察。

go-dev 当前已经具备完整的统计与广告基础设施,后续重点将转向用户体验和广告展示策略优化。

A Tour of Go 多语言翻译项目接入广告系统:从 AdSense 专用配置到通用 HTML 注入架构

A Tour of Go 多语言翻译项目

本系列完整记录 A Tour of Go 多语言翻译项目从架构设计、整页翻译、结构保护、自动校验,到生产发布与后续维护的实际开发过程。

项目入口:
✅ 在线学习:A Tour of Go 简体中文版
✅ 项目源码:GitHub:shuijingwan/go-tour-i18n

当前第一阶段已完成简体中文版本。项目属于非官方社区多语言翻译项目,与 Go 官方无隶属或授权关系。