本文是一位出海新手在深海圈学习后,实践建站过程中踩过的5个真实坑:黑客盗刷Token、支付对接拖延导致错过流量、追新词切换框架流量暴跌、Supabase账单超预期、Adsense两次被限制。分享了每个坑的教训和可执行建议,帮助其他出海新手少走弯路。
Tags:
最近,刘小排老师最新一期的AI编程深海圈正式开始招募学员。我十分意外,自己竟然出现在了深海圈的招募宣传海报上。
我有幸成为深海圈的第一批学员跟随小排老师学习,经过2个多月的深海探险和随后几个月的深海遨游,我的收获是满满的,具体如下:
首次完成NextJS网站开发并部署到Vercel+Supabase
首次学会把代码备份到Github并做后续的Vercel一键部署
首次学会API调试并以更专业的方式进行AI编程
上线了13个NextJS框架的网站
首次有网站实现月访客10万
6个网站通过Creem审核
订阅支付变现1000多美金(前期Token亏太多,实则是亏损的)
Adsense变现238美金(Adsense被限制,否则会更多)
然而这些收获并非是没有成本,相反,我踩了许多的坑,付出了不小的学费。今天,我打算把这些学费换来的经验,分享给正在出海的你。
如果你是生财圈友,请通过下面链接在生财中查看:https://t.zsxq.com/36ABI
如果你不是圈友请继续往下看,以下内容均整理自我已发布的公众号文章。
踩坑一:黑客一晚上刷掉几百块Token
深海圈开课之后,我给自己选定的第一个产品是单词助记网站,这是我自己的一个需求,希望通过这个产品辅助我和我的小孩记忆单词。
我按小排老师提供Prompt模板整理好这个需求的Prompt,使用的是openrouter.ai的deepseek/deepseek-chat模型,示例代码来源于Openrouter的API示例。把Prompt粘贴到Bolt.new中执行,很快就能得到这个网站的初始版本,再和它简单沟通修改一下,就能得到一个简单的单词助记网站:
功能比较简单。正当我准备进一步完善这个单词助记网站时,我在深海圈开课前上线的一个GPT-4o生图的网站,在俄罗斯用户的加持下开始"起量"了,确切地说,是开始出问题了!
这个网站使用的不是NextJS框架,而是我较为熟悉的WordPress框架。在深海圈开课后没多久,有一天晚上睡前,我发现API的Token消耗很快,我表示十分高兴,以为网站那么快就有用户开始试用了!然而看了GA的后台数据,我开始有点忐忑,因为实时访客面板中几乎没有看到用户访问网站的迹象。我估摸着可能是数据没有实时更新,于是就去睡觉。第二天很早起来,一看API费用和GA数据,我开始坐不住了,一个晚上几百块没了,但GA中几乎没看到多少访客。
我没有做过服务器运维,对网络安全也是一知半解,于是,我不得不找ChatGPT救急,ChatGPT很快告诉我可能有黑客绕过我的网站页面,通过其它方式请求生成图片。我匆匆忙忙按照ChatGPT的建议,安装了WordPress的安全插件,排除掉可疑IP,然后马不停蹄让Cursor帮我增加Nonce验证,防止用户绕过Shortcode页面,然后增加限制使用次数等功能,忙活了一整天,总算堵住一位来自俄罗斯的"黑客"。
教训一:如果你是出海新手,建议你听话照做,按照深海圈中所授课程内容和小排老师的建议,采用最成熟的上站方案和框架,将会减少你后续踩坑的风险。
踩坑二:支付对接拖太久,错过黄金期
由于网站通过GPT-4o生图的功能使用的是WordPress插件,虽然WordPress很成熟,但是我让AI开发的插件却很不成熟,连用户登录系统都没有对接好,更别提订阅支付。我于是对接了PMPRO插件,开发了积分系统和分享功能,对接了Paypal支付。好不容易出了两个订单订阅,然而远远无法Cover试用用户消耗的Token,因为大部分客户来自无法使用Paypal支付的"黑客帝国"俄罗斯。
为了解决俄罗斯支付,我和ChatGPT进行了深入探讨,尝试过对接加密货币收款,但后面和ChatGPT沟通中发现加密货币收款可能会与Creem支付的审核互斥而放弃,也尝试过在Digiseller上线数字产品,试图让俄罗斯用户通过购买数字产品再到网站进行积分兑换,但没有起到什么作用。最后,我通过开发了一个PMPro的补充插件,实现Creem支付和Webmoney支付。然而由于开发周期过长,我完美错过了GPT-4o最佳的推广和获客的黄金时期,网站流量也开始走下坡路,更悲催的是,专门为俄罗斯"黑客"友人准备的Webmoney在很长的一段时间内出了0单!
接下来,我开始按照深海圈实战手册中Creem部分的内容,开始申请Creem审核。由于这个网站的支付功能在前期开发时耗费了大量的时间,因此,正式进行Creem审核申请的时候,我做足了准备工作,力求一次性通过。我因此和ChatGPT进行了多次沟通,并让它再三联网查看我的网站,我根据它给出的建议对网站做了许多针对审核的完善:从最最基本的Privacy Policy页面、Terms of Service页面和Contact Us页面,再到为了应对用户隐私开发了一键清理图片和自动清理图片,再到为了应对NSFW开发了敏感关键词过滤和拦截功能,最后为了应对欧盟Cookie协议上线了Cookie同意插件。最终,我把网站提交给Creem审核,直接一次通过,但是,这个过程耗费了我大量的开发时间和部署时间。
Creem对接成功后,2025年7月18日,我终于出了第一个Creem订阅订单19.99美金,随后7月25日,我出了第一个大单49.99美金:
之后,网站断断续续有出单,目前累计出了1000多美金:
然而,随着GPT-4o和吉卜力图片的热度逐步走低,加上我的网站前期推广不力,网站的流量也在一步步从低,从最高2万月访客跌到目前3000月访客,而订阅订单的1000多美金目前仍然无法覆盖早期的Token被盗刷和试用的成本,以及高昂的阿里云服务器成本。
教训二:如果你是出海新手,在开始开发网站之前,最好先找好契合你的需求的框架模板。如果你选择Creem做支付,就直接找集成Creem支付的模板;如果你考虑使用谷歌登录,就直接找带有谷歌登录的模板。这样,你就不需要花太多时间关注用户系统和支付体系的开发,可以专注核心业务需求的实现。
踩坑三:追新词,切换框架痛失流量
在ChatGPT 3.5出现之前,我用得最多的是WordPress,因为WordPress解决了我当时搭建购物网站和CMS网站的需求,几乎不需要开发,使用WordPress丰富的模板和多样的插件,就可以搭建出符合我预期的网站。
在生财航海和哥飞老师的影响下,我开始尝试出海工具站。一开始我很自然地想到通过自己熟悉的WordPress来构建出海工具站,还因此搭建了一个多站点WordPress网站,上线了十几个WordPress站点,每个站点对应各自功能的一个插件,这样每个站点的开发只需集中开发对应的插件即可。但是,这些网站都局限在非常细小的功能需求,实践过程中并没有遇到多少阻碍,只是流量没多少。
直到这个GPT-4o生图项目,我开始结合用户系统、支付系统、积分系统等,以及过程中遇到"黑客"刷积分等问题后,我才开始深感技术储备不足和基础准备不够所带来的无力感。
开始做出海网站以来,我有空时都会看看谷歌趋势上的新词。有一天,有一个词的流量暴涨引起我的注意,这就是去年七八月火遍全球的"Wplace":
Wplace的玩法可以追溯到Reddit在2017年愚人节推出的一个社会化实验:在r/Place板块,每个注册用户都能够获得在一个1000x1000像素的画布上面画下一个像素点,之后等待一段时间后你才能画下另一个点。Wplace.live 网站把"全网协作像素大战"搬到了世界地图,一时火爆全球,一度访问量过亿。
我马上注册了一个"Wplace"的域名。由于一开始没想好做什么功能,我于是在前面提到的多站点WordPress框架中随手搭建了网站并于当天上线,网站没有任何功能,只有"Wplace"相关的文案。结果上线后第四天,网站就有将近1万的曝光。我感受到了新词的威力,于是着急忙慌地脑补了一个用户需求:"让用户在地图上标记自己的位置并分享自己或身边的媒体信息",这意味着网站需要对接一个地图相关的API,还要实现地图缩放、YouTube内容展示等功能。
接下来,我犯了一个重大的失误:考虑到之前GPT-4o的网站的开发阴影,我决定把网站改用NextJS框架,在小排老师提供的raphael-starterkit-v1模版基础上做开发。经过一番折腾,正式上线了我出海以来的第一个NextJS网站。然而上线后,由于网站的框架代码和SEO相关信息出现巨大的变化,网站流量开始暴跌。
之后我开始对网站做一些内容完善和添加外链,然而网站的流量仍然一步步走低。当时,我还另外做了一个Wplace的网站和生成像素图片的网站,但随着Wplace的搜索热度逐步降低,我只好很遗憾地放下这些网站,开始找下一个出海的机会。好在当时赶上深海圈结营前的黑客松比赛,我于是把我的两个网站(GPT-4o生图和这个Wplace的)参加了比赛,很荣幸Wplace这个网站入围了前35,虽然没有入围最终的前15路演评比,但也算是给我的深海圈之旅画上一个略有遗憾的句号。
深海圈课程结束了,然而,我的深海探险之旅才正式开始。很快,一个堪比吉卜力图片热度的新词出现,那就是"Nano banana"。可惜,我并没有真正习得捕捉新词的网感,虽然早早看到这个词,却没有第一时间看到其中的巨大机会,也没有深入调查,一度还以为是韩国的一个小众产品。等到全网都在疯传Nanobanana图片的时候,我才匆匆忙忙上线了一个Nanobanana生图和两个生成Meme图片的网站,但这些网站都没有拿到多少流量。
然而,这个过程并非没有收获的,我进一步熟悉了通过小排老师提供的raphael-starterkit-v1模版快速开发和上线一个NextJS网站的流程,我还学会了按照深海圈课程中的内容调试API,最后,我还通过了第二个Creem审核并有机会被小排老师邀请到深海圈做了一次关于Creem支付的分享。
教训三:新词流量爆发固然很有魅力,但对于我们新手,多动手实践、多思考用户需求更为重要。只有多加实践,才能找到网感、熟悉框架,积累上站的经验,降低下次犯错的概率;只有多按小排老师所说的想清楚"什么人,在什么场景下,愿意花多少钱,解决什么问题?",才能做出更加契合用户需求的产品。
踩坑四:Supabase账单大超预期
深海圈结束之后,我继续使用NextJS+Vercel+Supabase的架构上线出海网站,前前后后上线了10多个网站。前面提到"NextJS框架结合Supabase数据部署在Vercel平台上"大大降低了新手部署上线一个网站的门槛,然而降低门槛有时候也是有成本的,且不说Vercel每个月20美金的Pro费用,去年10月份的Supabase的账单一出来,我一看傻眼了...
我于是仔细查看账单:
原来我那一个多月上线了8个网站,加上原来的网站,总共使用了10个Supabase数据库,每个数据库的Compute Hours使用费都接近10美金,Supabase十分友好地给我优惠了10美金,使用费一共是77.24美金。加上每月的Pro计划25美金,一共是102.24美金。虽然只是几百块,但大大超出我的预期了。
我于是回到Supabase的官方价格页面:
https://supabase.com/pricing
重新查看它的定价规则:
原来Pro计划只包含10个Compute Credits,相当于一台Micro实例(价格为10/月),这也是为什么我账单中被收取77.24美金的Compute Hours使用费的原因。而且,如果你的网站的月度活跃用户MAU超过10万的话,超出后按 $0.00325/每位MAU 收费,数据库磁盘空间(Database Disk Size)、出口流量(Egress)、缓存出口流量(Cached Egress)、文件存储(File Storage)超过限制的话,也将会产生更多费用。
这样看来,Supabase的使用成本着实不低。你越勤奋上站,只要涉及Supabase,几乎每个都得缴纳入门费,你的网站流量越大,MAU越大,一旦超过10万,还要另外缴纳更多保护费。
我于是把不重要的项目对应的数据库删除,并把数据库实际作用不大的项目都指向同一个数据库,以此来尽可能降低一些数据库成本。在收到账单后没多久, 我刚好看到深海圈中有圈友聊到Supabase的话题:
有圈友提到dokploy自建,也有圈友提到使用neon平替,还有圈友提到使用云服务...然而这些方案我目前都还没去测试过,后续测试到合适的方案一定会再和大家分享。年前在浏览生财文章的时候,刚好看到圈友彩笺的这篇文章:
和Vercel&Supabase说拜拜, Dokploy部署教程
链接:https://t.zsxq.com/QjGR1
详细讲述了他怎样部署Dokploy的过程,大家可以参考一下。
教训四:虽然"NextJS框架结合Supabase数据部署在Vercel平台上"大大降低了新手部署上线一个网站的门槛,然而降低成本是有门槛的,如果你上的网站越多,你的网站用户量越大,后续可能涉及的交互成本、存储成本、数据库成本可能会远超你的预期。因此,在逐步走出出海新手村的过程中,尝试使用其它更长远的方案,比如使用Cloudflare R2和D1、部署Dokploy等,将成为我们出海新手不得不面对的新挑战。
踩坑五:Adsense限制少赚1000美金
前面提到我有个网站的月访客突破10万。就在这个网站流量逐步增加的时候,我接入了Adsense,谷歌也开始给我每天发放广告收益。正当我以为我开始有Adsense给的睡后收入的时候,结果Adsense给我带来的并不是躺平的收入,而是让我的收入躺平。
究竟发生了什么事情了?难不成网站每个月有十几万访客的情况下,Adsense每天只能赚几美分?
我的网站是在11月17日收到谷歌的这封邮件:
告知我的网站已经通过Adsense审核并开始广告展示。然而开始Adsense广告展现的第一天(11月18日),广告点击率就达到了2.79%(671/24014)。随后,我马上收到谷歌Adsense的限制警告通知。
作为一名Adsense新手,第一次遇到月访客10万的流量,第一次遇到Adsense的限制,一开始我的第一感觉就是疑惑:为什么我的网站流量全是真实用户流量,还会出现谷歌所提到的评估流量质量呢?
我于是马上询问Gemini,Gemini告诉我需要检查网站流量来源和广告位置。考虑到我的网站流量来源正常,Gemini进一步帮我明确了问题原因:即使网站流量和访客正常,但是如果网站中的自动广告容易导致用户不自觉地误点的情况下,仍然会被谷歌判为无效点击。Gemini还告诉我需要适当降低广告密度和排除误点击区域。
我于是排除掉容易造成误点的广告区域,并取消置顶或置底的Anchor广告。随后,11月19日和20日的点击数和点击率确实有所走低,然而,11月21日至23日,随着Adsense广告展现数的增加,点击数和点击率再次走高,并于11月22日点击率达到最高2.88%(786/27259)。这个时候可能已经触发了谷歌的警戒线,随后几天虽然广告点击数和点击率都逐步走低,但我还是在11月26日收到了谷歌Adsense的限制通知:
接下来,我的Adsense收入直接进入躺平状态。我于是把Adsense给我发送的前后两封邮件发送给Gemini做分析,按照Gemini的指引做检查和优化,进一步关闭掉每次刷新页面就会弹窗显示的Vignette广告,但是保留侧边栏显示的Side rail广告。然后正式进入长达半个月的限制期。
在"煎熬躺平"的半个月里,我几乎每天都会把Adsense的"Report"中最新数据情况发给Gemini做分析,确定Adsense的数据走向向好而不是进一步"高烧不退"。每次Gemini都会帮我耐心地做分析,并不断地告诫我不要乱动。过程中,我们还探讨了广告点击率(点击数/广告展现数)的概念和安全等级:
按Gemini的建议,广告的点击率尽可能控制在2.5%以内,如果超过2.5%的话,处于警戒边缘,需要开始做干预和控制。
就这样过了半个月,我终于迎来了转机:
12月12日当天,Adsense广告的展现量突然从过去半月的每天一两百,一下子暴涨到12820,并产生了214次点击,当天收益从原来每天的几分钱(美金)一下子涨到4.78美金。Adsense的限制总算解除。
本来以为故事就这样了,然而在接下来的一天,却是意料之外的"惊心动魄"。就在北京时间12月13日晚上(美国12月13日早上7时左右)我准备睡觉开始享受睡后收入的时候,我发现当天Adsense数据变化很大:广告的填充率竟然达到200%左右,意味着被访问的页面平均出现了2个广告,广告点击率也涨到了1.92%。第二天广告数据进一步升温,广告点击率达到了2.46%,直逼2.5%的风险临界点。当天过了差不多20小时左右,我发现广告数据进一步飙升:点击517,广告展现20869,广告点击率达到2.48%,后面有2个小时更是攀升到3.13%,我于是立即关闭Side rail广告,这才成功把即将失控的AdSense列车刹住了!
随后的几天,我每天都有差不多10美金左右的广告收益。在北京时间2025年12月22日,我还在睡梦中的时候,Adsense的第一笔睡后收入如期而至。早上起床的时候,招行APP就弹出一条外汇入账提醒:
虽然不多,只有145.66美金,这是我的Adsense的第一笔收入。然而,收到这笔美金后,我并没有多少喜悦和兴奋之情。因为前一天下午,Adsense又把我的账号限制了。
原来我的网站页面顶部菜单栏附近有两个广告,容易让正在玩游戏的用户误触。结果由于周末效应,网站的广告点击率节节攀升,最终突破3%,Adsense的惩罚再次送到:
我的账号被再次限制了,如果按照每天20美金计算的话,意味着我近两个月白白损失了1000美金。好在网站目前流量仍然不算很大,Adsense的收益也没有多少。过程中的宝贵经验将会为我后续网站对接Adsense时提供更为稳妥的方案。
教训五:
作为一名Adsense新手,连续两次经历账号限制,以及这段时间和Gemini的沟通协作,后续网站对接Adsense时,我考虑对广告采取以下设置方案:
考虑到我在Adsense这块的经验不足,不确定AI对我的操作指导有没有疏漏,因此以下方案仅供参考。如有高手路过,有更好的方案,烦请指点。
1、先关闭三大干扰金刚
Anchor (悬浮)、Side rail (侧栏) 和 Vignette (全屏) 这AdSense的"三大干扰金刚"是最容易让用户误点的元凶,开启虽然可以增加广告点击,但也加大了账号被限制的风险。尤其是游戏站,用户着急忙慌地想快点玩游戏,结果弹出各种让他无法开始游戏的广告,这个时候最容易误点,误点之后还可能马上离开,这种用户流量在谷歌眼中就是低质量流量或无效流量。
如果你的网站流量很大并且用户误点太多的话,Adsense出于保护广告商,就会对我们的账号做限制。因此,在网站Adsense审核通过之前,可以考虑先关闭Anchor (悬浮)、Side rail (侧栏) 和 Vignette (全屏) ,待后续广告数据稳定之后,再逐步考虑逐个开启并关注最新Report数据变化。
2、排除核心功能区域的广告
网站的核心功能区域,尤其是首页的工具或游戏区域,如果存在广告,必定会极大地影响用户体验,并且容易造成用户误点。因此,从用户体验和用户留存的角度,可以考虑排除掉这些核心功能区域的广告。
3、先降低广告密度
为了防止出现我第二次被限制的情况,在网站Adsense审核通过之前,可以考虑先降低广告密度、加大广告间距,从而减小用户误点广告的概率。待后续广告数据稳定之后,再逐步考虑适当地增加广告密度并关注最新Report数据变化。
4、考虑其它广告平台或变现方式
目前我正在对接另一个广告平台,也接入了订阅支付,如果流程走得通,再给大家做进一步分享。
出海就像是一场真实的深海探险,沿途有美丽的风景,更有未知的暗礁。希望我交的这些"真金白银"的学费,能助你在深海遨游的过程中避坑。
文末,附上此前整理的81篇生财有术的精华文章:
没有评论:
发表评论