本地运行Next.js项目时如何排查AdSense广告不显示问题

• 先确认组件依赖是否安装
  如果你用的是第三方AdSense组件（比如react-adsense），得先执行安装命令：

  yarn add react-adsense
  

  没装依赖的话组件根本无法正常渲染。

• 本地开发环境的限制
  Google AdSense默认不会在localhost这类本地域名展示广告，哪怕代码全对也看不到。要么用工具把本地服务转成公网域名，要么直接部署到线上环境测试。

• 核对Client ID的一致性
  检查<Head>里的client参数和<AdSense.Google>组件里的client是否完全一致——你提供的代码里两者位数有差异，这肯定会导致识别失败，必须确保两个地方的ca-pub-xxxxxx完全匹配。

• 广告单元的生效时间
  刚创建的AdSense广告单元需要1~2天的审核周期，这段时间即使代码正确也不会显示广告，耐心等待或者去AdSense后台查看单元状态。

• 调整脚本加载策略
  Next.js的<Script>用async可能导致广告组件渲染时脚本还没加载完，试试把脚本的加载策略改成beforeInteractive：

  <Script 
    src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxxxxxxxxxxxxx" 
    crossOrigin="anonymous"
    strategy="beforeInteractive"
  />
  

• 查看浏览器控制台错误
  按F12打开开发者工具，切换到Console标签，看有没有AdSense相关的报错（比如client无效、slot不存在、域名未授权等），这些错误信息是定位问题最快的方式。

• 确认AdSense账号状态
  如果你的网站还没通过AdSense的审核，或者账号有违规限制，哪怕代码正确也不会展示广告，先去AdSense后台确认账号和网站的审核状态。

内容的提问来源于stack exchange，提问作者Vadym Chornyi