标签： SPA
-
A Tour of Go 的广告优化在方案 B 与 103 页 Prerender 上线后，又进入了一轮真正的生产稳定性收尾。本文按时间线记录了从方案 A 因复杂 DOM 监听与操作而出现难以稳定复现的问题，到方案 B 改用 Angular course view 生命周期管理广告，再到 Prerender、Angular、CodeMirror 交接过程中出现短暂源码空白，以及真实 AdSense 写入 height: auto !important、min-height: 0px !important 导致课程高度塌缩和 footer 提前进入第一屏的完整过程。最终没有恢复复杂的方案 A，而是仅将其中已经验证有效的局部 layout protection 接回方案 B，并通过浏览器回归测试和真实广告展示完成最终验收。
-
在决定保留 A Tour of Go 原有 SPA 架构之后，广告问题从“要不要整页刷新”转变成了“广告应该放在哪里、又该如何跟随 SPA 页面生命周期”。本文记录了从 AdSense Preview 识别 footer 下方候选广告位，到方案 A 使用 MutationObserver 跟踪 DOM 变化，再到方案 B 将广告直接绑定 Angular route-owned course view 生命周期的完整演进。最终通过 mount() / $destroy / unmount() 管理每一页独立广告节点，并保留 Auto Ads 继续服务其他已正常运行的站点和域名。
-
在排查 A Tour of Go 展示广告始终不出现的问题时，一个看似直接的方案是放弃 SPA，让每一节课程都通过完整页面刷新来简化 AdSense、统计和 SEO。但进一步对比后发现，最大的代价并不是一次性的前端改造，而是长期偏离 golang/website 上游架构，持续增加同步与维护成本。本文结合官方 A Tour of Go 的 SPA 导航、上游 _content/tour/ 目录以及项目自身的 upstream baseline 管理方式，对“保留 SPA”与“放弃 SPA”进行完整权衡，并最终确定：让广告适配 A Tour of Go，而不是为了广告重新设计 A Tour of Go。
-
在 A Tour of Go 多语言站点接入 Google AdSense 后，课程页虽然存在大片视觉空白，但普通展示广告始终没有出现。本文从 Auto Ads 配置、adsbygoogle.js 加载状态以及官方 A Tour of Go 的 DOM / layout 结构入手，分析为什么“页面看起来有空白”并不等于“Google 认为这里存在可插入广告的位置”。最终将问题范围收敛到 A Tour of Go 特殊的左右分栏和交互式页面结构，并引出后续一个更重要的架构选择：是否值得为了 AdSense 放弃原有 SPA。
-
记录 go-dev.shuijingwanwq.com 单页网站接入统计与 Google AdSense Auto Ads 的验证过程。由于 A Tour of Go 采用 SPA 架构，页面切换不会触发传统页面刷新，因此需要验证第三方统计和广告服务对动态路由变化的支持情况。经过测试，Google Analytics 4 与百度统计均能够正常记录课程页面切换，Google AdSense Auto Ads 也完成脚本加载、隐私流程以及自动广告展示验证。目前页面内广告仍处于持续观察阶段，后续将根据实际展示效果进一步优化广告策略。