我用AI做了个网页工具，挂上广告，现在每月被动收入5000+（全流程复盘）

本文转载自公众号：AI爆炸圈，原文：我用AI做了个网页工具，挂上广告，现在每月被动收入5000+（全流程复盘）

这篇文章把开发、部署、挂广告、搞流量的每一环都讲得明明白白，直接复制就能干。

去年这个时候，我还在为每个月的副业收入发愁。接单不稳定，做号又内卷，直到我无意间发现了一个“躺赚”的路子：用AI做一个免费的在线工具，然后挂广告赚钱。

现在，我手里有个图片处理工具箱，包含格式转换、压缩、裁切、加水印、尺寸调整五个功能。它每天大概有1500~2000人访问，百度联盟+Google AdSense两边广告收入加起来，稳定在5000块上下。

关键是我几乎不用管它。代码是AI写的，部署是一键的，流量是自然搜索来的，广告是自动分发的。我每天就看看后台数据，偶尔回复一下用户留言。

今天我把自己从0到1的整个操作流程全部复盘出来，包括用哪款AI、怎么“聊”出代码、怎么把网站放上网、怎么申请百度广告和谷歌广告、怎么搞到免费流量。哪怕你完全不懂编程，也能照着做。

---

为什么靠“做工具”能躺赚？

很多人理解的副业就是“接一单赚一单”，但那是卖时间。真正的“睡后收入”是什么？是你睡觉的时候，你的东西还在帮你赚钱。

一个免费的在线工具就是这个逻辑。用户打开你的网站用工具，页面上展示的广告被他们看到或者点击，你就有了收益。这个收入不需要你发货、不需要你售后、不需要你维护，只要网站还跑着，广告费就源源不断。

而且现在做网站的门槛已经被AI一脚踹飞了。以前想开发一个图片压缩工具，你得先学HTML、CSS、JavaScript，折腾一两周；现在你只需要用中文把需求说清楚，AI就能把代码写好、改好，甚至帮你部署上线。

下面我就用自己做的这个“图片处理百宝箱”为例，把每一步拆给你看。

---

第一步：用AI把整个网站“聊”出来

我用的AI叫 Claude Code，是Anthropic推出的一个编程助手。它直接跑在电脑的终端里，你跟它聊天，它就帮你写代码。

1. 安装和启动

首先确认电脑上装了Node.js（在终端输入 node -v，有版本号就对了）。然后打开终端，输入：

npm install -g @anthropic-ai/claude-code

装完之后，新建一个项目文件夹，进去启动Claude Code：

mkdir image-tool
cd image-tool
claude

如果你是第一次用，需要验证一下订阅（有Claude Pro就能用），然后就可以跟它对话了。

2. 把需求用“人话”告诉它

我把下面这段需求直接贴给了Claude Code：

我要做一个在线图片处理工具箱，包含五个功能：格式转换、图片裁切、尺寸调整、加水印、图片压缩。所有功能放在一个网页里，用标签页切换。设计风格要简洁干净，像remove.bg那种。移动端也要适配。所有处理都在浏览器本地完成，图片不上传服务器。页面底部留一个广告位，用div包好，id叫ad-container。

贴完之后，Claude Code先给我梳理了一遍需求和技术方案，问我“是不是这样？”。我确认之后，它才开始写代码。这个过程特别像跟一个很听话的前端工程师沟通——你只要把想要的说清楚，它会反复跟你确认，不会自己瞎搞。

3. 修改和预览

代码生成之后，我在对话里说：“帮我在浏览器里预览一下。”Claude Code就会自动打开页面让我看。

我挨个测试了每个功能：传了一张PNG转JPG、裁切了一下、加了个文字水印、压到60%质量……基本上第一版就能用，只有一些细节不满意，比如裁切边框不够明显、移动端按钮太小。我就继续跟它说：“把裁切框换成黄色虚线。”“手机上按钮字号调大到14px。”它几秒钟就改好。

从头到尾，我没有碰过一行代码，就是不停提需求、看效果、再提需求。整个开发过程，从安装到成品，只用了不到3个小时。

---

第二步：把网站部署到公网，让全世界能用

代码是有了，但此时它还在你的电脑上，别人访问不了。接下来得把它部署到一个公开的网址。

方案一：用CloudBase托管（国内用户首推）

我自己的主站用的是腾讯云的CloudBase静态托管，国内访问速度很快，而且有免费额度。

1. 打开腾讯云官网，搜“云开发 CloudBase”，注册并实名认证。
2. 创建一个环境，选按量计费（小站点一个月几块钱）。
3. 开通“静态网站托管”功能，把Claude Code生成的index.html文件传上去。
4. 系统会自动给一个访问域名，格式是xxx.tcloudbaseapp.com。

上传完之后，用手机和电脑分别访问一遍，确认所有功能正常。

重点：国内网站一定要做ICP备案，否则百度广告没法接。备案大概需要1-2周，工具上线之后第一时间就提交。

方案二：用Vercel托管（面向海外用户）

如果想赚Google AdSense的美金，最好用Vercel再部署一个海外版。Vercel自动分配HTTPS，免费，而且全球访问速度都快。

1. 把项目文件夹上传到GitHub（在Claude Code里说“帮我把项目上传到GitHub”就行，AI能帮你搞定）。
2. 打开vercel.com，用GitHub账号登录。
3. 导入仓库，点Deploy，等两分钟就上线了。

我自己的做法是：国内流量走CloudBase，海外流量走Vercel，两个域名都指向同一个工具，互不影响。

---

第三步：挂上百度广告和谷歌广告，开始收钱

工具上线了，接下来就是最关键的变现环节。

一个血的教训：申请广告之前，一定先把网站的内容做扎实。审核人员不是看你的工具多好用，而是看你的网站是不是一个“正经站点”。

我当初就因为网站太“空”（只有一个工具页），被百度联盟和AdSense各拒了一次。后来我加上了“关于我们”、“隐私政策”、“联系方式”三个页面，又写了十几篇图片处理相关的教程文章（比如《PNG和JPG到底有什么区别》《教你如何把图片压缩到200KB以下》），再提交，两家都过了。

---

接入百度广告联盟（赚国内流量）

1. 打开百度联盟官网（union.baidu.com），注册账号。
2. 添加你的网站，填写信息，提交ICP备案号。
3. 审核通过后，在后台创建“Banner广告”代码位，获取广告代码。
4. 在index.html里找到之前预留的<div id="ad-container">，把里面的占位文字替换成广告代码。这一步也可以在Claude Code里说“帮我把这段代码放到广告位div里”，AI自动改好。

保存之后，页面底部就会出现百度广告了。前期建议只放一个Banner位，别太贪心，用户如果被广告烦得不想用了，得不偿失。

---

接入Google AdSense（赚海外流量）

1. 用Gmail账号登录Google AdSense官网。
2. 填写网站域名，提交审核（注意：网站必须启用HTTPS，用Vercel部署的自动就有）。
3. 审核通过后，创建“展示广告”单元，选择自适应类型。
4. 把广告代码同样嵌入到广告位div中。
5. 在网站根目录上传一个ads.txt文件，内容Google会提供，这个一定不能忘，否则广告可能不显示。

Google AdSense对内容原创性要求很高。我的十几篇教程文章都是用AI写好初稿，然后自己改写、加入真实案例和观点，确保没有“AI味”。审核周期一般2周左右，如果你有15篇以上的原创文章、域名也独立，通过率会高不少。

现在我的工具就是国内流量展示百度广告，海外流量展示谷歌广告。同样的访问量，海外广告单价大概是国内的20倍，所以即使海外流量不多，美金收入也很可观。

---

第四步：搞到免费流量，让雪球滚起来

工具上线、广告挂好，只是完成了50%。剩下的50%是让更多人知道你的工具。

1. 小红书：工具安利帖

我把工具的每个功能截图，做成“使用前vs使用后”的对比图，然后发了一条笔记，标题是《我不允许还有人不知道这个免费的在线图片处理工具》。笔记里展示了压缩前后大小对比、加水印效果、格式转换的便利性。

结果这条笔记一周就给我带来了2万多访问。小红书对这种实用型工具分享天然友好，很容易获得推荐流量。

2. 知乎：专业问答

我每天在知乎搜“怎么压缩图片”“怎么给图片加水印”“PNG怎么转JPG”这类问题，用高质量的回答去覆盖。回答里我会系统性地介绍几种方法，把自己的工具作为最方便的选项之一推荐。注意不要硬推，把工具放进一个完整的解决方案里。

知乎的回答在搜索引擎里的权重极高。我现在每个月有30%的流量，都来自几年前写的几条知乎回答，这才是真正的“长尾被动流量”。

3. 微信搜一搜

我在自己的公众号里写了一篇工具使用教程，标题包含“免费在线图片压缩”“图片处理工具箱”这些关键词。微信搜一搜现在会直接关联公众号文章，而且竞争比百度小很多。有用户在微信里搜“在线压缩图片”，我的文章排在前面，点进来就用工具。

4. SEO优化

在网页标题里写清楚关键词，比如

图片处理百宝箱 - 免费在线图片压缩、格式转换、加水印

。同时保持网站有内容更新（比如每月加两篇教程文章），搜索引擎会觉得你的网站还活着，权重自然会慢慢上来。

---

我现在的收益情况

这个图片工具箱上线大半年了，目前数据：

• 日访问量：1500~2000 IP（国内占80%，海外20%）
• 百度联盟广告：月均1200~1800元
• Google AdSense：月均200~300美元（折合人民币1400~2100元）
• 总月收入：稳定在3500~5000元之间

我没有花钱推广，全靠自然流量和内容引流。最爽的是，我只需要偶尔更新一下内容，其余时间它自己在那转。

---

新手最容易踩的3个坑

1. 网站太空就去申请广告：被拒概率极高。先至少准备10篇原创内容和“关于我们”“隐私政策”等页面，让审核人员觉得你是个正经站。
2. ICP备案拖到最后：备案需要时间，工具上线就提交，别等广告申请被拒了才临时抱佛脚。
3. 贪多放太多广告：广告位越多用户体验越差，用户跑了广告也没人点。前期一两个Banner位足够了。

---

写在最后

我知道很多人看完还是会犹豫：“我完全不会代码，真的能行吗？”

三个月前我也这么想。但当我第一次在Claude Code里打出“帮我做一个图片压缩工具”，看到AI在几秒钟内生成了一份完整可用的代码时，我就明白：做成一件事的门槛，从来不是技术，而是动手。

这个图片处理工具箱，从开发到上线，我花了不到一个周末。现在它像一个不用发工资的员工，每天24小时帮我去赚钱。

如果你也想要一份“睡着也能进账”的副业收入，我的建议就是：今天就把Claude Code装上，先做出来一个能用的工具再说。 别追求完美，先上线。有了第一版，你才知道怎么把它变得更好。

等你收到第一笔广告分成邮件的那一刻，你就会发现——原来互联网搞钱，真的可以这么简单。