在决定保留 A Tour of Go 原有 SPA 架构之后，广告问题从“要不要整页刷新”转变成了“广告应该放在哪里、又该如何跟随 SPA 页面生命周期”。本文记录了从 AdSense Preview 识别 footer 下方候选广告位，到方案 A 使用 MutationObserver 跟踪 DOM 变化，再到方案 B 将广告直接绑定 Angular route-owned course view 生命周期的完整演进。最终通过 mount() / $destroy / unmount() 管理每一页独立广告节点，并保留 Auto Ads 继续服务其他已正常运行的站点和域名。
网站升级至 HTTPS 协议后，百度和阿里妈妈的广告嵌入出现未显示问题。经分析，原因为嵌入代码中仍包含 HTTP 网址，导致浏览器拦截不安全脚本。解决方法是将代码中的 HTTP 地址替换为 HTTPS 地址。修改后，百度与阿里妈妈广告均可成功显示，且网页不再提示安全风险，问题得到解决。
👨💻 个人品牌
王世强｜技术实践者 · 独立博客作者
15+ 年 Web 与系统实践经验，持续关注网站基础设施、系统优化、AI 工具与自动化。
持续运营技术博客 10+ 年，累计发布 1000+ 篇原创技术文章。
长期建设个人项目，也欢迎合适的技术交流、咨询与合作。
.env (14) add (16) AI 翻译 (34) Apache (13) Array (19) A Tour of Go (77) Cache (13) CentOS (23) ChatGPT (29) ChatGPT Plus (17) chrome (19) Cloudflare (38) Codex (27) composer (42) composer.json (22) composer update (14) console (16) Container (25) curl (16) delete (31) Docker (32) Dockerfile (15) EdgeOne (34) environment variable (19) error (24) file (15) filter (20) Git (28) GitHub (23) Gitlab (15) GLM-5.2 (27) Go (67) go-tour-i18n (16) Google AdSense (30) Go 语言 (24) GraphQL (24) GraphQL API (14) Gutenberg (36) http (21) https (22) Interface (19) Jquery (13) json (24) Laravel (37) Laravel 6 (55) Laravel 9 (25) Lighthouse (17) Lighthouse 5 (14) Linux (22) Migrate (13) Module (17) MySQL (78) MySQL 5.7 (22) Nginx (63) normalize.css (28) OKX (15) OneinStack (21) PHP (67) php-fpm (19) php.ini (24) PHP 7.1.12 (22) PHP 7.4 (26) phpmyadmin (15) PhpStorm (24) Polylang (58) postman (18) Query (17) queue (16) Rancher (24) Redis (51) RESTful (27) RESTful API (23) Shopify (19) SlyTranslate (21) SQL (24) String (14) TortoiseGit (14) Twenty Twenty-Five (20) Ubuntu (43) update (20) VPN (17) W3 Total Cache (40) Windows 10 (46) WireGuard (28) WordPress (135) WPCode (23) Wstunnel (15) Yii (40) Yii 2 (70) Yii 2.0 (51) 国际化 (16) 多语言 (14) 多语言翻译 (38) 开源项目 (16) 技术博客 (15) 故障排查 (19) 数据库迁移 (16) 浏览器 (14) 阿里云 (20) 页面缓存 (14)
