广告位最稳妥位置是<body>底部、</body>之前；嵌入正文流需用<div id="ad-slot-1"></div>占位并设明确宽高，禁用<head>直接插入脚本，避免在<header>硬塞广告。
广告位应该放在 HTML 的哪个位置？
广告代码本质是外部资源加载，必须确保它不阻塞页面主要内容渲染。最稳妥的位置是 <body> 底部、</body> 之前；如果要嵌入正文流（比如文章中间），需用 <div id="ad-slot-1"></div> 占位，并确保该容器有明确宽高（否则部分广告平台会拒绝展示）。
- 不要把广告脚本直接塞进
<head>，除非你明确启用了异步加载且做了防抖处理 - 避免在
<header>或导航栏里硬塞广告，容易触发浏览器的广告屏蔽规则（尤其是带ad、banner等 class 名的元素） - 如果用 Google AdSense，它的
data-ad-format和data-ad-layout-key必须匹配你申请时通过的广告尺寸和类型，否则返回空白
如何防止广告加载拖慢首屏？
广告 JS 通常会发起多次网络请求，还可能执行重排重绘。关键不是“要不要加”，而是“怎么加才不影响用户体验”。
- 用
async属性加载广告脚本：<script async src="<a href="https://www.php.cn/link/071d8d62af7bea53c2bfa3c3009190c5">https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">></a>; - 所有
ins标签（AdSense 的广告容器）必须在广告脚本加载完成后才插入 DOM，否则adsbygoogle.push({})会报adsbygoogle is not defined或静默失败 - 对非首屏广告位（如页脚、右侧栏），可监听
IntersectionObserver，等用户滚动到可视区域再调用adsbygoogle.push()
为什么加了代码却没显示广告？
这是最常被卡住的环节，原因往往不在代码本身，而在上下文环境。
- 页面未部署到真实域名（localhost / file:// 协议下 AdSense 拒绝返回广告）
-
<ins>标签缺少必要属性：data-ad-client、data-ad-slot、data-ad-format缺一不可 - 同一页面重复调用
adsbygoogle.push()多次，但只传了同一个ins元素，会导致后续广告位不触发 - 广告位容器宽度小于广告最小要求（例如 responsive 广告要求父容器至少
min-width: 300px）
能否用 CSS 隐藏广告直到加载完成？
能，但得小心——直接 display: none 或 visibility: hidden 会让多数广告平台判定为“无效展示”，轻则不计费，重则封号。
立即学习“前端免费学习笔记（深入）”；
- 推荐用
opacity: 0; height: 0; overflow: hidden;占位，等adsbygoogle.push()成功回调后再移除样式 - 更稳妥的做法是：广告容器默认设为
height: auto;，靠广告平台 JS 自动注入内容并撑开高度，不要提前写死height - 如果必须做加载态，用一个 1px 高的
<div>占位，等广告渲染完成再替换，别用伪元素或背景图模拟
实际生效依赖广告平台审核通过、域名备案、流量达标等多个外部条件，代码只是最后一环。很多人反复改 HTML 却忽略账户状态和域名授权，这点最容易被跳过。
