/pio

Pio 是专为 前端埋点 开发的 全量数据采集工具。它采用自动化采集前端应用的所有数据，并以相应的规则保证 埋点 以一种统一的方式进行调用。

Primary LanguageTypeScript

Pio 是什么？

Pio 是一个专为 前端埋点 开发的 全量数据采集工具。它采用自动化采集前端应用的所有数据，并以相应的规则保证 埋点 以一种统一的方式进行调用。

什么是“全量数据采集工具”？

让我们从一个简单的 前端埋点 开始：

// 工程入口文件
// url改变时将触发工具自动埋点
import Pio from "pio";
new Pio.Track("projectName", { router });

// 业务逻辑
// 使用函数调用
import { trackEvent } from "pio";
trackEvent("buy", { price: "123" });

// 业务逻辑
// 使用装饰器调用
import { trackEvent } from "pio";
@Component
export default class HelloWorld extends Vue {
  price = "123";
  @trackEvent("btnClick", vm => {
    price: vm.price;
  })
  onClick() {
    // 业务逻辑
  }
}

埋点模式包含以下两个部分：

  • SPA 模式，默认监听 hash；
  • 非 SPA 模式，默认监听 history。

埋点类型包含以下两个部分：

  • SYSTEM_EVENTS，工具自动埋点；
  • BUSSINESS_EVENTS，业务手动埋点。

在实例化 Pio.Track 后，Pio 将自动采集分析以下数据：

  • 当前页面信息
  • 页面来源
  • 浏览器信息
  • 客户端信息
  • userAgent

什么情况下我应该使用 Pio？

虽然 Pio 可以帮助我们自动化埋点，也附带了许多手动埋点方式。但仍需开发者对效益进行权衡。

如果您不打算开发非内部系统，使用 Pio 可能是没有效益的。确实是如此——如果应用的用户非常少，您最好不要使用 Pio。但是，如果您需要构建一个面向大量用户的系统，您很可能会考虑如何更好地采集用户数据，Pio 将会成为自然而然的选择。