npm 包 Digitreck 使用教程

Digitreck 是一个基于数字的追踪器库，它可以用于前端和后端的应用程序。它通过轻松地跟踪事件和用户活动来帮助开发人员分析自己的应用程序如何被使用。Digitreck 提供了一组 API，可用于快速添加事件，自定义事件属性和向第三方分析工具发送信息。在本文中，我们将展示如何在前端中使用 Digitreck 包。

安装

要使用 Digitreck 包，您需要使用 npm 来安装它。运行以下命令：

npm install digitreck --save

使用

使用 Digitreck 包很简单。您只需在应用程序中添加 Digitreck 初始化代码。您还需要首先将 Digitreck 导入应用程序中：

import Digitreck from "digitreck";

初始化

您可以通过指定您的 Digitreck 标识符和其他选项来初始化 Digitreck 包。以下是一个示例：

const digitreck = new Digitreck({
  id: "YOUR_DIGITRECK_ID_HERE",
  customData: {},
  trackInitialPageView: true,
  enabled: true,
  debug: false,
})

跟踪事件

使用 Digitreck 包，您可以通过以下示例代码轻松添加事件：

digitreck.track({
  eventName: "Video - Played",
  articleTitle: "Getting Started with Digitreck",
  videoLength: "2:30",
});

此代码将触发 Video - Played 事件，并将自定义事件属性 articleTitle 和 videoLength 与此事件一起发送。

跟踪页面浏览

若您需要在每次浏览不同页面时创建页面浏览事件，您可以使用 digitreck.trackPageview() 添加页面浏览事件。以下是一个示例：

digitreck.trackPageview({ pageTitle: "Getting Started with Digitreck" });

自定义事件属性

Digitreck 还可以帮助您自定义事件属性并将其与事件一起发送。以下是一个示例：

digitreck.track({
  eventName: "Video - Played",
  customData: { articleTitle: "Getting Started with Digitreck", videoLength: "2:30" },
});

此代码将触发 Video - Played 事件，并将自定义事件属性 articleTitle 和 videoLength 与此事件一起发送。

扩展 Digitreck

您可以通过使用 Digitreck 的插件 API 扩展 Digitreck。以下是一个示例：

Digitreck.plugins.push({
  initialize: function() {
    // 在该插件初始化时执行操作
  },
  track: function(data) {
    // 在该插件跟踪时执行操作
  }
})

这将添加一个包含两个方法（initialize 和 track）的新插件，并将其推送到 Digitreck 的插件数组中。

结论

Digitreck 是一个功能强大的追踪器库，它提供了一组 API，可帮助开发人员轻松地跟踪事件和用户活动。本文介绍了如何在前端中使用 Digitreck 包。我们希望这篇文章可以帮助您更好地了解 Digitreck 并开始使用它。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057c4081e8991b448ebc5a