引言
在前端开发中，经常需要将数据发送给第三方数据统计平台，如 Google Analytics、百度统计 等。而 ng-at-internet 就是一个将数据发送给 AT Internet 数据统计平台的 npm 包。本文将详细介绍如何使用该 npm 包。
安装
使用 npm 安装 ng-at-internet:
--- ------- -------------- ------
此时，在项目的 package.json 文件中，你应该可以看到 ng-at-internet 这个依赖项。
使用
引入
在你的 angular 的组件中引入 ng-at-internet：
------ ---------- ---- -----------------
初始化
在你的 ngOnInit() 函数中初始化 ng-at-internet：
---------- -
-----------------
---- --------------------
------- ---------------------
---
-这里，我们传入了两个参数：
log：AT Internet 上创建的应用程序的日志文件名。domain：插件/配置使用的应用程序域。
你可以在AT Internet 的官方网站上创建应用程序并获取 log。
页面测量
现在我们已经初始化了 ng-at-internet，可以在每个页面中发送信息了。以下是示例代码：
-----------------
----- -------
--------- ----------
--------- ----------
--------- -------
------- --
------------- -
----------- ---------
----------- --------
-
---注意，这里我们称之为页面测量，但是你不必仅仅在页面中使用它，你可以在任何地方使用这个函数来发送统计数据。
事件测量
如果你有一些需要跟踪的动作，可以使用以下代码来发送事件：
-----------------------
--------- ---------
------- --------
----- ---------
----- ---------
------- ---
------------- -
----------- ---------
----------- --------
-
---以上代码中的参数含义为：
category：事件的分类名称。action：事件的动作名称。name：事件名称。type：事件类型，例如行动、导航、下载等。level2：第二层名称，非常适合实现层级导航或可扩展导航条。customObject：自定义对象，键值对形式。
结论
ng-at-internet 是一个方便的 npm 包，可以快速地将数据发送给 AT Internet。本文介绍了如何安装、初始化、页面测量和事件测量。希望能够对读者在前端开发中进行数据统计有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600673dffb81d47349e53c67