npm 包 ng-at-internet 使用教程

引言

在前端开发中，经常需要将数据发送给第三方数据统计平台，如 Google Analytics、百度统计 等。而 ng-at-internet 就是一个将数据发送给 AT Internet 数据统计平台的 npm 包。本文将详细介绍如何使用该 npm 包。

安装

使用 npm 安装 ng-at-internet:

npm install ng-at-internet --save

此时，在项目的 package.json 文件中，你应该可以看到 ng-at-internet 这个依赖项。

使用

引入

在你的 angular 的组件中引入 ng-at-internet：

import atInternet from 'ng-at-internet';

初始化

在你的 ngOnInit() 函数中初始化 ng-at-internet：

ngOnInit() {
    atInternet.init({
        log: 'logp59785edc5f727',
        domain: 'xiuyou.sogoucdn.com'
    });
}

这里，我们传入了两个参数：

• log：AT Internet 上创建的应用程序的日志文件名。
• domain：插件/配置使用的应用程序域。

你可以在AT Internet 的官方网站上创建应用程序并获取 log。

页面测量

现在我们已经初始化了 ng-at-internet，可以在每个页面中发送信息了。以下是示例代码：

atInternet.page({
    name: 'home',
    chapter1: 'landing',
    chapter2: 'feature',
    chapter3: 'test',
    level2: 3,
    customObject: {
        dimension2: 'value2',
        dimension3: 'value3'
    }
});

注意，这里我们称之为页面测量，但是你不必仅仅在页面中使用它，你可以在任何地方使用这个函数来发送统计数据。

事件测量

如果你有一些需要跟踪的动作，可以使用以下代码来发送事件：

atInternet.trackEvent({
    category: 'common',
    action: 'click',
    name: 'button',
    type: 'action',
    level2: 10,
    customObject: {
        dimension1: 'value1',
        dimension2: 'value2'
    }
});

以上代码中的参数含义为：

• category：事件的分类名称。
• action：事件的动作名称。
• name：事件名称。
• type：事件类型，例如行动、导航、下载等。
• level2：第二层名称，非常适合实现层级导航或可扩展导航条。
• customObject：自定义对象，键值对形式。

结论

ng-at-internet 是一个方便的 npm 包，可以快速地将数据发送给 AT Internet。本文介绍了如何安装、初始化、页面测量和事件测量。希望能够对读者在前端开发中进行数据统计有所帮助。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/600673dffb81d47349e53c67