彭涛

  • 首页
  • AI编程出海
  • 千里会
  • 博客
    • Github 精选项目
    • Python 资料领取
    • 个人IP
  • 关于我
聚焦 AI 编程与出海实战,分享实用方法与创业经验,还有很多副业玩法。

首页 » AI出海 » 工具推荐 » 出海工具分享:比 GA 简单 10 倍的轻量统计工具 Plausible

出海工具分享:比 GA 简单 10 倍的轻量统计工具 Plausible

2025年11月11日 62点热度 0人点赞 0条评论

一、Plausible 是什么

这是一个轻量级、开源的 网站数据分析工具,可以看作是 Google Analytics(GA4) 的简洁替代方案。它的仪表盘只聚焦关键指标,比如访客、页面、来源、UTM、设备地区等,支持自定义事件(按钮点击/表单提交/支付成功等)。

部署的话有两种方式,用官方 SaaS 最快;也支持 Docker 自建(数据在自己服务器),主打 隐私保护 + 极简统计 + 自建可控。特别适合出海开发者和独立站使用,帮助你快速搭建可控、安全的网站访问统计系统。

官方网站: https://plausible.io

img

二、Plausible 搭建步骤(SaaS 版)

这篇文章先分享下SaaS 版,也就是数据由官方托管,最快的方式,适合想先跑通网站统计,后续再考虑自建。

步骤 1:注册 & 新建站点

 1. 打开 plausible.io → 注册登录

 2. “Add a website” → 填你的域名(例如 example.com)

img

 3. 选择安装方式,每一种都有安装教程,可以查看官方文档,我以Script为例,简单直接。

img

<!-- Privacy-friendly analytics by Plausible -->
<script async src="https://plausible.io/js/pa-iFc7-pheQT_6Bj3rCI0Tc.js"></script>
<script>
  window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
  plausible.init()
</script>

步骤 2:在网站里安装统计脚本(Next.js/Vercel)

在 app/layout.tsx 或 pages/_document.tsx 的 <head> 里加一段:

<script
  defer
  data-domain="showcase.fyyd.net"
  src="https://plausible.io/js/script.manual.js">
</script>
  • 把 your-domain.com 改成你站点域名

  • SPA 路由(Next.js)也会自动识别(无需额外代码)

img

步骤 3:Vercel 部署

  • 推代码 → Vercel 自动构建

img

验证是否安装成功,自带 Verify installation 看到 Success 就说明安装成功了。

img

还有一种方法,可以打开浏览器的开发者工具 → Network → 搜索 plausible,刷新页面能看到向 plausible.io/api/event 发出的 pageview 请求,就说明统计正常。

步骤 4:在 Plausible 仪表盘查看数据

  • 打开站点仪表盘 → 面板应开始出现你的访问

  • 过一会儿可看到来源、页面、UTM 等

img

三、按钮级事件埋点

仪表盘只能只能告诉你用户访问了哪些页面,来源是什么,但是体现不出来用户点击了哪个按钮?用户在页面上的具体操作路径是什么?比如首页有个"提交作品"大按钮,导航栏也有提交入口,到底哪个点击率更高?哪个入口转化率高,这就需要按钮级埋点了,也就是自定义事件。

通过埋点可以精确追踪每个按钮的点击情况,追踪用户的操作行为,优化产品设计和用户体验。

实现思路很简单,首先在页面引入 Plausible 的脚本,然后在需要追踪的按钮上加个点击事件,调用 window.plausible('事件名称') 就行了。如果要区分不同位置的按钮,传个 location 参数,比如 homepage_hero 或 navbar。

img

有个小细节是,如果点击按钮后要跳转页面,建议加个 200ms 的延迟,不然埋点请求可能还没发出去页面就跳走了。这点延迟用户完全感觉不到。

实现细节可以不用管,让AI编程工具(Claude code / codex) 来处理。

后台配置在 Plausible 的 Settings → Goals 里,把你代码中用的事件名称都添加进去,创建成 Custom event 类型。注意事件名要和代码里完全一致,包括大小写。

img

类型选 “Custom event”,事件名填你代码里的名称,display name 展示名称选填。

img

img

比如我的网站有这些事件:

  • submit_project_click - 首页提交按钮

  • submit_nav_click - 导航栏提交链接

  • browse_showcase_click - 浏览作品

  • login_click / register_click - 登录注册

  • 等等...

怎么知道有没有生效?

最简单的方法是打开浏览器的开发者工具,切到 Network 标签,点击按钮后能看到发往 plausible.io/api/event 的请求,那就说明成功了。

img

img

或者直接去 Plausible 后台看实时数据。

img

有了这些数据,就能清楚地知道哪个入口的转化最好,优化起来就有方向了。

img

之前写过一篇Google analytics 入门篇,感兴趣的朋友可以看看,感受一下。https://www.ipengtao.com/ga4-beginner-metrics-guide/

📖 延伸阅读:用 Clarity 监控用户的真实行为

💡 AI 工具的爆发,让普通人也能快速做出产品。

但如何做?如何变现?如何真正走向海外市场?
👉 想了解更多 AI 编程 & 出海实战信息

扫码或微信搜索 257735,发送暗号 【美金】
了解详情,加入实战社群。

微信二维码

微信扫一扫,了解更多详情


🚀 我们的出海作品展示平台上线啦!

欢迎访问 Showcase 平台, 这里汇聚了学员的出海实战作品,方便大家获得反馈、积累曝光机会。
我们还会定期举办创作活动与奖励计划,欢迎来逛逛!


🔗 更多教程请访问 ipengtao.com
标签: AI出海
最后更新:2025年11月11日

彭涛

创业者 & Python 工程师 &「AI 出海」实践者。 关注:AI 编程出海 / 爬虫 & RPA / 增长与变现。 📮vx:257735(欢迎交流)

点赞
< 上一篇

文章评论

razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
取消回复

文章目录
  • 一、Plausible 是什么
  • 二、Plausible 搭建步骤(SaaS 版)
    • 步骤 1:注册 & 新建站点
    • 步骤 2:在网站里安装统计脚本(Next.js/Vercel)
    • 步骤 3:Vercel 部署
    • 步骤 4:在 Plausible 仪表盘查看数据
  • 三、按钮级事件埋点
分类
  • AI出海
  • AI工具
  • Github 精选项目
  • Python 第三方库
  • Python 资料领取
  • 个人IP
  • 工具推荐
  • 教程与指南
  • 编程工具
最近评论

COPYRIGHT © 2025 彭涛. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang

蜀ICP备14006373号