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

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

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

作者:

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 注入架构

在 A Tour of Go 多语言翻译项目中,课程内容、Playground 示例、生产部署和运行环境都采用公开源码与生产配置分离的设计。

当项目需要接入广告系统时,最初考虑直接增加 AdSense 相关配置。但经过分析后发现,广告平台未来可能发生变化,如果在代码结构中直接绑定 AdSense,会降低后续扩展能力。

因此,本次调整没有实现 AdSense 专用逻辑,而是将广告注入能力抽象为通用 HTML 注入机制。

最终实现:

  • 统计代码继续使用独立注入;
  • 广告代码使用独立注入;
  • 生产环境通过 systemd 环境变量提供实际内容;
  • 公开源码只保留注入位置,不包含任何广告账号信息。

为什么不直接将广告代码写入源码

对于公开源码项目,如果直接把广告代码写入模板:

HTML
<script async src="https://pagead2.googlesyndication.com/..."></script>

那么任何拉取仓库并部署的人,都会默认使用相同广告配置。

这会造成:

  • 源码和生产环境强绑定;
  • 其他部署者无法独立配置;
  • 广告平台切换困难;
  • 公开仓库中包含不属于项目本身的运营配置。

因此,项目继续沿用已有统计代码注入方式:

Plaintext
生产环境配置

systemd EnvironmentFile

Go 服务读取

模板渲染

HTML head 注入

从 AdSense 专用配置到通用广告注入

最初设计中,广告配置容易与 AdSense 平台绑定。

例如:

Plaintext
TOUR_ADSENSE_CLIENT

这种方式只能表达:

“当前使用 AdSense”。

但是未来如果:

  • 更换广告平台;
  • 增加多个广告脚本;
  • 使用其他 HTML 注入内容;

都需要重新修改代码结构。

因此,本次重构将其调整为:

Plaintext
TOUR_AD_HTML

由环境变量直接提供需要注入的 HTML 内容。

对应提交:

图 1:泛化广告 HTML 注入配置
图 1:泛化广告 HTML 注入配置

Go 服务增加独立广告注入链路

新的注入链路:

Plaintext
TOUR_AD_HTML

os.Getenv("TOUR_AD_HTML")

template.HTML

AdHTML

{{.AnalyticsHTML}}{{.AdHTML}}

HTML <head>

实现中:

  • AnalyticsHTML 继续负责统计代码;
  • AdHTML 负责广告 HTML;
  • 两者保持独立。

这样可以分别控制:

  • 是否启用统计;
  • 是否启用广告;
  • 使用什么广告内容。
图 2:Go 服务与模板层新增 AdHTML 注入链路
图 2:Go 服务与模板层新增 AdHTML 注入链路

发布包只包含注入能力,不包含生产广告配置

项目发布流程生成 production bundle 时:

不会生成:

  • AdSense client ID;
  • 广告脚本;
  • 生产环境配置。

发布包中的模板只保留:

HTML
{{.AnalyticsHTML}}{{.AdHTML}}
<meta charset="utf-8">

也就是说:

源码和发布包知道“在哪里注入”。

但是不知道“注入什么”。

图 3:Production Bundle 中保留广告注入位置
图 3:Production Bundle 中保留广告注入位置

生产环境通过 systemd 注入广告代码

实际广告配置只存在生产服务器:

Bash
/etc/go-tour/go-tour.env

其中:

Bash
TOUR_ANALYTICS='...'

TOUR_AD_HTML='<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=..."></script>'

修改生产配置后,只需要重新启动服务。

整个流程:

Plaintext
/etc/go-tour/go-tour.env

systemd EnvironmentFile

go-tour.service

读取 TOUR_AD_HTML

模板渲染

浏览器 HTML head
图 4:生产环境通过环境变量启用广告
图 4:生产环境通过环境变量启用广告

公网验证广告脚本输出

部署完成后,通过公网页面验证:

Bash
curl -sS https://go-dev.shuijingwanwq.com/ | grep pagead2

返回:

HTML
https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js

说明:

广告注入链路已经生效。

从生产配置到最终页面:

Plaintext
生产环境变量

Go 服务

HTML 渲染

浏览器加载广告脚本

整个过程没有修改公开源码中的广告账号配置。

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

总结

本次广告接入并不是简单添加一段 AdSense 脚本,而是进一步完善了 A Tour of Go 多语言翻译项目的生产配置架构。

最终实现:

  • 广告逻辑与具体广告平台解耦;
  • 公开源码不包含生产广告配置;
  • 不同部署环境可以独立设置广告内容;
  • 未来可以支持其他广告平台或自定义 HTML 注入。

通过环境变量注入机制,项目保持了:

Plaintext
公开源码
+
独立生产配置
+
可扩展部署方式

这与项目已有的统计代码注入、Playground 代理、生产发布流程保持一致,为后续长期维护提供了更稳定的基础。

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

A Tour of Go 多语言翻译项目

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

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

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