如何在Next.js站点添加ads.txt与ads.js？官方示例存疑求指导

云上老周

2026-5-14

在Next.js中添加ads.txt和ads.js的具体操作方法

我刚好配置过类似的需求，结合你提到的那个带sitemap和robots的Express服务器示例，给你梳理两种可行的实现方式：

方法一：直接用静态文件（最简单）

Next.js的public文件夹是专门存放静态资源的，放在这里的文件会直接映射到网站根路径：

在项目根目录创建public文件夹（如果还没有的话）
把你的ads.txt和ads.js文件直接放到public文件夹里
启动项目后，访问http://localhost:3000/ads.txt和http://localhost:3000/ads.js就能看到对应的内容了

方法二：通过Express服务器路由动态生成（对应你参考的示例）

如果你需要动态生成这些文件的内容（比如根据环境变量切换广告ID），可以在示例的server.js中添加对应的路由：

打开项目中的server.js文件

在现有路由（比如sitemap、robots的路由）后面添加以下代码：

// 处理ads.txt请求
app.get('/ads.txt', (req, res) => {
  res.setHeader('Content-Type', 'text/plain');
  // 这里可以直接写静态内容，也可以读取本地文件或者从数据库获取
  res.send('google.com, pub-1234567890123456, DIRECT, f08c47fec0942fa0');
});

// 处理ads.js请求
app.get('/ads.js', (req, res) => {
  res.setHeader('Content-Type', 'application/javascript');
  // 同样可以动态生成脚本内容，比如插入环境变量里的广告ID
  const adId = process.env.NEXT_PUBLIC_AD_ID;
  res.send(`
    (function() {
      window.adConfig = {
        id: '${adId}'
      };
      // 其他广告初始化代码
    })();
  `);
});