什么是 Ember-UserEngage
Ember-UserEngage 是一个可以在 Ember.js 项目中使用的 UserEngage 客户端库。它提供了一些 UserEngage 服务的功能，比如发送事件和用户数据。
Ember-UserEngage 的安装和配置
安装 Ember-UserEngage 只需要在命令行中输入以下指令：
$ npm install ember-userengage --save-dev
安装完成后，我们需要在我们的 Ember 应用程序中配置它。我们可以在 app.js 文件中添加以下代码：
import UserEngage from 'ember-userengage';
UserEngage.initialize({
appId: 'YOUR_APP_ID',
});在这个例子中，我们通过 initialize 方法来初始化 UserEngage。在初始化时，我们需要提供这个应用程序的 appId。
如何发送事件
使用 Ember-UserEngage 发送事件非常简单。我们可以使用下面这个例子中 trackEvent 方法来发送一个事件：
-- -------------------- ---- -------
------ ------- ------------------------
------- -
-----------------------
----- -------- --------
----- -
---------- ------ ---
---------- ------ ---
--
---
--
---在这个例子中，我们创建了一个名为 Clicked Button 的事件，并且添加了一些额外的数据。
如何更新用户数据
要更新用户数据，我们可以使用下面的代码：
UserEngage.updateUser({
id: 'USER_ID',
data: {
firstName: 'John',
lastName: 'Doe',
},
});在这个例子中，我们指定了一个用户 ID 并且更新了他的名字和姓氏。
如何用 Ember-UserEngage 创建新用户
为了创建一个新的 UserEngage 用户，我们需要使用下面的代码：
UserEngage.createUser({
id: 'USER_ID',
data: {
firstName: 'John',
lastName: 'Doe',
email: 'john.doe@example.com',
},
});在这个例子中，我们创建了一个名为 John Doe 的新用户，并且指定了他的电子邮件地址。
Ember-UserEngage 的复杂用法示例
使用 Ember-UserEngage 进行更复杂的操作也非常容易。请看下面这个例子，它演示了如何跟踪用户浏览行为：
-- -------------------- ---- -------
------ ------- --------------------
-------------- ------------------------- ---------- -
----- ---- - -----------------------
----- ----- - ---------------------------------
-----------------------
----- ----- --------
----- -
-----
------
--
---
---
---在这个例子中，我们在 Ember 路由中使用 didTransition 钩子来捕获页面转换事件。我们在事件中记录了页面路径和标题，以便在 UserEngage 中进行分析。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e1ba563576b7b1ecc2d