Menu

Rybbit 集成

Rybbit 是一款开源、功能丰富的的网站统计工具，不仅有基础的数据统计，还有用户使用录屏，对于需要分析用户行为的开发者来说会是一个很不错的产品。

不过，如果你开启了用户行为录屏功能，你需要确保服务器的存储空间足够。

提示

  • NEXTY.DEV 已开启开发环境禁用统计脚本以避免污染数据
  • 如需本地验证，请打开 app/[locale]/layout.tsx，删除 process.env.NODE_ENV === "development" 判断。
  • 如果不需要本地验证，只需完成生产环境变量填写，对应脚本即自动启用。

第一步：在 Rybbit 创建站点并获取参数

  1. 登录 Rybbit 后台
  2. 创建站点（Website / Project）
  3. 复制 src 和 data-site-id
rybbit create

第二步：填写环境变量

先将 src 和 data-site-id 填入环境变量

.env
NEXT_PUBLIC_RYBBIT_SRC=
NEXT_PUBLIC_RYBBIT_SITE_ID=

如果你想开启用户行为记录，还需增加一个环境变量:

.env
NEXT_PUBLIC_RYBBIT_SESSION_REPLAY="true"

开启用户行为记录还需设置隐藏的信息，至少需要把用户邮箱、用户名等敏感信息隐藏，添加环境变量：

.env
NEXT_PUBLIC_RYBBIT_REPLAY_MASK_SELECTORS='[".user-name", "#email"]'
rybbit replay