Google自动广告代码应放在中（推荐）或顶部；若无法访问，则置于开头，且必须使用async属性加载脚本以避免阻塞渲染。
网页广告代码不是随便 <script></script> 一贴就能生效的，位置、加载时机、执行上下文和广告平台策略共同决定它是否展示、是否被拦截、是否影响首屏性能。
广告代码该插在
取决于广告类型和平台要求：
-
Google AdSense 响应式广告：推荐放在
内具体投放位置（如文章末尾、侧栏容器中），避免放在—— 它依赖 DOM 元素尺寸计算广告尺寸，里执行会报ReferenceError: googletag is not defined或渲染为空白 -
腾讯广点通 / 百度网盟的异步 JS 代码：通常自带
document.write或动态appendChild，必须放在内目标容器之后，否则可能找不到挂载点 -
需要提前声明广告位的（如 GPT）：
googletag.cmd.push可以放，但实际googletag.display()必须等对应<div id="ad-banner"></div>已存在于 DOM 中
为什么广告常不显示？几个高频原因
不是代码错了，而是环境或时机没对上：
- 页面用了
display: none或visibility: hidden包裹广告容器 —— 多数广告 SDK 会跳过不可见区域，直接不请求素材 - 广告代码放在了
<iframe></iframe>内且跨域 —— 广告平台 JS 无法访问父页面上下文，googletag或BDAD等全局变量不可用 - 浏览器启用了严格内容安全策略（CSP）—— 若广告 JS 来自外域且未在
script-src中显式允许，会直接被拦截并报Refused to load the script - 用户装了 uBlock Origin 或 AdGuard —— 即使代码执行成功，请求也会在 DNS 或网络层被拦截，控制台看不到错误，只看到空白容器
如何让广告不影响页面首屏加载？
广告 JS 默认同步阻塞 HTML 解析，必须主动解耦：
立即学习“前端免费学习笔记（深入）”；
- 用
async属性加载外部广告脚本：<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> - 把广告容器占位符（如
<div class="ad-slot" data-ad-client="ca-pub-xxx"></div>）放在 HTML 中，但延迟执行adsbygoogle.push({})—— 可等DOMContentLoaded后再遍历 push，避免抢占主线程 - 对非首屏广告（如下滑才出现的底部横幅），用 IntersectionObserver 监听进入视口后再加载，减少初始请求数
真正难的不是“怎么放”，而是判断广告代码是否在当前上下文具备运行条件：DOM 存在、网络可达、CSP 宽松、用户未屏蔽、广告位未被重复调用。漏掉任意一环，页面就只剩一个空 <div>。</div>
