Metry Angular SDK 是一个基于 Angular 的前端客户端库,用于向 Metry API 发送事件数据。该库支持在 Angular 中使用的所有功能,如指令,服务和组件。
安装
- 在您的 Angular 项目中安装 Metry Angular SDK:
npm install metry-angular-sdk --save
- 从 Metry Dashboard 中获取您的示例 API 令牌。
使用
- 在您的根模块中导入并配置 Metry SDK:
-- -------------------- ---- ------- ------ - --------------------- - ---- -------------------- ----------- -------- - ------------------------------- ------- ---------------- -- -- --- -- ------ ----- --------- --
- 在您的组件或服务中使用 Metry SDK:
- 假设您的组件具有以下属性:
-- -------------------- ---- ------- ------ - --------- - ---- ---------------- ------ - --------------- - ---- -------------------- ------------ --------- ------------- --------- -------- -------------------------- --------------- -- ------ ----- --------------- - ------------------- ---------------- ---------------- -- ------ ----------- - ----- --------- - - ------ ---------------- ----- - ----------- -------------- - -- ------------------------------------------------ -------- -- ------------------ ------- ---------- ----- -- -------------------- ------- --------- ------ -- - -
MetrySdkService
可用于使用 Metry API 上报事件(track()
),也可以获取有关您的 Metry 帐户(getAccount()
)和令牌(getToken()
)的有用信息。
示例
以下是一个基于 Angular / TypeScript 的示例,演示如何使用 Metry Angular SDK:
-- -------------------- ---- ------- ------ - --------- - ---- ---------------- ------ - --------------- - ---- -------------------- ------------ --------- ----------- --------- - ------- -------------------------- -------------- ----- ------- ------ - -- ------ ----- ------------ - ------ ------- - --- ------------------- ---------------- ---------------- -- ------ ----------- - ----- --------- - - ------ ---------------- ----- - ----------- -------------- - -- ------------------------------------------------ -------- -- ------------ - ------ ---- -------------- ----- -- ------------ - ------ ------- ------ --------- -- - -
总结
Metry Angular SDK 是一种强大的客户端库,可让您轻松地向 Metry API 发送事件数据。使用本文中的步骤,您可以轻松地在 Angular 项目中使用 Metry SDK。通过正确使用 Metry Angular SDK,您可以轻松地跟踪您的应用程序和网站上发生的所有事件,从而更好地了解您的用户和其行为。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066f461d8e776d08040f85