Next.js集成Google AdSense遇网站验证失败问题求助

针对你在Next.js 14项目中集成AdSense无法通过验证的问题，可按以下步骤排查解决：

1. 补充AdSense基础加载脚本 #

你当前的代码仅包含初始化逻辑，缺少AdSense核心脚本的加载。需在_document.tsx的<Head>中先添加基础脚本，再执行初始化：

import Document, { Html, Head, Main, NextScript } from 'next/document';

class MyDocument extends Document {
  render() {
    return (
      <Html>
        <Head>
          {/* 必须先加载AdSense核心脚本 */}
          <script
            async
            src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
          />
          {/* 初始化AdSense配置 */}
          <script
            dangerouslySetInnerHTML={{
              __html: `
                (adsbygoogle = window.adsbygoogle || []).push({
                  google_ad_client: "ca-pub-你的真实客户端ID",
                  enable_page_level_ads: true
                });
              `,
            }}
          />
        </Head>
        <body>
          <Main />
          <NextScript />
        </body>
      </Html>
    );
  }
}

export default MyDocument;

2. 添加至少一个实际广告单元 #

仅开启页面级广告（enable_page_level_ads）可能不足以通过验证，需在网站的某个页面（如首页）添加具体的广告单元代码：

// 示例：pages/index.tsx
export default function Home() {
  return (
    <div className="container">
      {/* 插入AdSense广告单元 */}
      <ins
        className="adsbygoogle"
        style={{ display: 'block', margin: '2rem 0' }}
        data-ad-client="ca-pub-你的真实客户端ID"
        data-ad-slot="你的广告位ID" // 从AdSense后台获取
        data-ad-format="auto"
        data-full-width-responsive="true"
      />
      <script
        dangerouslySetInnerHTML={{
          __html: `(adsbygoogle = window.adsbygoogle || []).push({});`,
        }}
      />
    </div>
  );
}

3. 确保在生产环境验证 #

AdSense爬虫无法访问本地开发服务器（next dev），必须将项目部署到生产环境（执行next build + next start，或部署到托管平台）后，再提交验证请求。

4. 检查关键信息与合规性 #

• 确认google_ad_client的ca-pub-xxx字符串与AdSense后台完全一致，无多余空格或拼写错误；
• 检查网站是否符合AdSense政策：需有足够原创内容、无违规信息、页面结构清晰可被爬虫抓取。

5. 等待爬虫抓取 #

完成上述操作后，AdSense爬虫通常需要几小时到3天的时间抓取并验证网站，无需频繁提交验证请求。

内容的提问来源于stack exchange，提问作者Emirhan Kartal