🧄 蒜子

极简网页计数器 · 两行代码搞定

🚀 快速开始

只需在你的网站中添加以下两行代码,即可显示访问量统计:

<script async src="//suanzi.cakepanit.com/js/suanzi.min.js"></script> <span id="suanzi_container_site_pv">本站总访问量<span id="suanzi_value_site_pv"></span></span>

📊 实时统计效果

本站总访问量
-
本站总访客数
-
本文阅读量
-

🌍 全站统计

已服务站点数
-
累计总 PV
-
累计总 UV
-

✨ 功能特性

📈

site_pv

站点总访问量统计

👥

site_uv

站点独立访客数

📄

page_pv

单页面阅读量统计

📝 更多用法

显示站点总访客数

<span id="suanzi_container_site_uv">本站总访客数<span id="suanzi_value_site_uv"></span>人次</span>

显示单页面阅读量

<span id="suanzi_container_page_pv">本文阅读量<span id="suanzi_value_page_pv"></span></span>

💡 提示: 文字内容可以随意修改,只要保留 id 正确即可。

🎯 为什么选择蒜子?

🔧 技术实现

后端

Go + Gin 框架

💾

数据库

SQLite 轻量存储

🌐

前端

原生 JavaScript

🔐

UV 识别

UUID + Cookie

工作流程

  1. 页面加载时,JS 脚本自动生成/读取用户 UUID(存 Cookie,有效期 1 年)
  2. 调用 POST /api/count 接口,上报 PV/UV 数据
  3. 后端查询数据库,返回计数值
  4. 前端将计数值回填到对应的 span 标签

API 接口

# 计数接口(POST) POST /api/count Body: { "domain": "example.com", "type": "site_pv", "uuid": "xxx" } # 查询接口(GET) GET /api/count?domain=example.com&type=site_pv Response: { "count": 1234 }