简介
Ember Metrics 是一个专门为 Ember.js 应用设计的跟踪库。Adobe DTM 则是 Adobe 的一个市场领先的交互式营销管理工具。ember-metrics-adobe-dtm 是一个帮助用户在 Ember 应用中接入 Adobe DTM 的 ember-metrics 插件。
安装
使用 npm 进行安装：
npm install --save-dev ember-metrics-adobe-dtm
配置
在使用 ember-metrics-adobe-dtm 前，需要在 Adobe DTM 中设置正确的数据层名称。如果不确定数据层名称，请与 Adobe DTM 管理员联系。
在 Ember 应用的配置文件 config/environment.js 中添加以下代码（假设数据层名称为 dataLayerName）：
-- -------------------- ---- -------
-------------- - --------------------- -
--- --- - -
-- ---
--------------- -
-- ---
--------- -
-------------- ---------------
-
-
--
-- ---
------ ----
--使用
在 Ember 应用中，ember-metrics-adobe-dtm 的使用方式与 ember-metrics 基本相同。首先要在你的 app/metrics.js 中添加 Adobe DTM 模块：
import AdobeDtm from 'ember-metrics-adobe-dtm/metrics-adaptors/adobe-dtm';
然后在 app/metrics.js 中，添加一个 adobeDtm 实例：
policies: {
// ...
},
adobeDtm: {
config: {
// ...
}
}其中，config 定义了 Adobe DTM 的配置。具体配置方式请参考 Adobe DTM 的文档。
最后，在你需要发送追踪数据的地方调用 trackEvent：
metrics.trackEvent({
category: 'video',
action: 'play',
label: 'funny_cats.mp4',
value: 3
});ember-metrics-adobe-dtm 将负责将数据发送到 Adobe DTM 的数据层中。
示例代码
-- -------------------- ---- -------
-- --------------
------ - ------ - ---- ---------------
------ -------- ---- -----------------------------------------------------
----- -------- - --- -----------
------ ------- -
--------- -
------- -
--------- ----------- ---- ------
------- -------------
-
--
---------- -
------------- --- -------- -- ------- ------ ----- -- --- ---- --- ------------------
--
------------------- -
-- ----- ---- -------------- ---- -----
-----------------------------
-
--总结
使用 ember-metrics-adobe-dtm 插件可以轻松地接入 Adobe DTM，并将您的应用程序的追踪数据发送到 Adobe DTM 的数据层中。请注意，您需要确保在 Adobe DTM 中正确设置数据层名称，并在您的应用程序的配置文件中正确配置。如有需要，请参考 Adobe DTM 的文档或联系 Adobe DTM 管理员。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e1ea563576b7b1ecd25