电商的根本利用场景有：页面浏览，商品列表浏览，商品列表点击，退出收藏夹，退出购物车，结算付款。为促成商品的成交，产品经营人员须要通过数据洞察用户在每一个环节行为，巴不得在每一个营销流动或业务性能的全流程都加上事件追踪埋点，且每一次随着业务的倒退一直进行优化，经营还须要一直地给产品和开发提交每一个版本的埋点变动需要。
这样带来的问题就是，对数据的需要越来越简单、营销策略变动更快，如果依赖传统的硬编码方式，效率和敏捷性会大打折扣，导致错过最佳营销工夫点。
用 DTM 配置的埋点形式无疑是很好的解决办法，它的无代码灵便动态数据标签能力能够让非技术人员直接参与到部码工作中，省去部门之间的沟通老本，不需技术开发人员即可实现营销数据随需跟踪，助力精细化经营。
1 接下来展现 DTM 在 WEB 端如何实现页面浏览监控。
首先针对不同浏览深度，设定页面浏览 25%，50%，75%，90%，100% 为上报事件。
1.1 条件配置如下：
1.2 代码编辑如下：
1.3 咱们在配置中抉择的对接剖析平台是 GA，当事件产生后，事件截图主动发送给 GA。
如果没有应用 DTM 埋点监控洞察用户行为，就只能从 GA 上简略的看到网页浏览截图（如下），无奈得悉更多更具体的用户行为。
2 同理，APP 端也可轻松实现页面浏览监控
2.1 代码编辑如下：
2.2 最初发送到 GA 的事件截图：
3 DTM 在 WEB 端实现商品列表浏览
首先设置浏览深度达到等于或者大于 37% 且停留 2 秒作为商品列表事件触发条件。
3.1 条件配置如下（此处依据设定，应有 2 个条件）：
3.2 代码编辑如下：
3.2 代码编辑如下：
4 DTM 在 APP 端实现商品列表浏览
首先设置商品列表页面滑动作为商品列表事件触发条件。
4.1 条件配置如下：
4.2 代码编辑如下：
4.3 最初发送到 GA 的事件截图：
5 DTM 在 WEB 端实现商品列表点击
5.1 首先，咱们先针对 Mate 系列商品点击，设置三个条件。
5.2 接下来设置代码并援用此三个条件：
5.3 最初，只有满足任意一个条件，都会发送到 GA 事件截图：
6 DTM 在 APP 端实现商品列表点击
首先，设置点击商品列表上每一项商品作为触发商品点击事件。
6.1 条件配置如下：
6.2 代码编辑如下：
6.3 最初发送到 GA 的事件截图：
7 DTM 在 WEB 端实现商品退出收藏夹
7.1 首先，设置一个“自定义事件”，退出收藏夹并命名为“collectGood”，如下图所示：
7.2 设置 collectGood 事件时，让开发人员 push 相干商品数据到数据记录层
7.3 配置代码并援用记录层数据：
7.4 最初发送到 GA 的事件截图：
8 DTM 在 APP 端实现商品退出收藏夹
首先，设定在商品详情界面点击珍藏按钮时，产生一个珍藏事件
8.1 条件配置如下：
8.2 代码编辑如下：
8.3 最初发送到 GA 的事件截图：
9 DTM 在 WEB 端实现商品退出购物车
9.1 首先，设置一个“自定义事件”，退出购物车并命名为 addToCart，如下图所示：
9.2 设置 addToCart 事件时，需让开发人员 push 相干商品数据到数据记录层：
9.3 配置代码并援用记录层数据：
9.4 最初发送到 GA 的事件截图：：
10 DTM 在 APP 端实现商品退出购物车
首先，设定在商品详情界面点击购物车按钮时，产生一个退出购物车事件。
10.1 条件配置如下：
10.2 代码编辑如下：
10.3 最初发送到 GA 的事件截图：
11 DTM 在 WEB 端实现结算付款
11.1 首先，设定一个“自定义事件”，结算付款并命名为“settlement”，如下图所示：
11.2 设置 settlement 事件时，会让开发人员 push 相干交易整体数据到数据记录层：
11.3 配置代码并援用记录层数据，商品数据通过“myprod”发送：
11.4 设置 settlement 事件时，同时会让开发人员 push 相干商品数据 myprod 到数据记录层
11.5 在销售业绩中能够看到交易状况：
能够查看具体产品业绩（相当于订单和订单行曾经联合）：
12 DTM 在 APP 端实现结算付款
首先，设定在领取界面付款实现后，产生一个结算付款事件，
12.1 条件配置如下：
12.2 代码编辑如下：
12.3 最初发送到 GA 的事件截图：
以上，便是 DTM 实现电商所有根本利用场景的实际操作过程，咱们能够看到，上述这种不简单的埋点需要，仅通过 DTM 配置即可实现，这种部署形式的劣势在于，非技术人员通过简略的培训后，也能够参加到代码的保护工作中。可见 DTM 提供了非常灵活、能够适配多种不同场景和要求的部署计划，应用 DTM 一系列的预置标签，能够在几分钟之内实现几天甚至几周的工作。如此弱小的多场景笼罩能力和人性化的设定，将使得 DTM 成为了一款备受青眼的优良工具。
如何接入华为动静标签治理（DTM）？
理解更多华为动静标签治理（DTM）信息，可拜访华为开发者联盟官网。
理解集成 SDK 相干信息，请查阅集成领导：
挪动 Android
示例代码: https://github.com/HMS-Core/h…
Web 网页 JavaScript
示例代码: https://github.com/HMS-Core/h…
如您在集成过程中遇到问题，可通过在线提单分割咱们。
欲了解更多详情，请参阅：
华为开发者联盟官网：[https://developer.huawei.com/consumer/cn/hms?ha_source=hms1](https://developer.huawei.com/consumer/cn/hms?ha_source=hms1)
获取开发领导文档：[https://developer.huawei.com/consumer/cn/doc/development?ha_source=hms1](https://developer.huawei.com/consumer/cn/doc/development?ha_source=hms1)
参加开发者探讨请到 Reddit 社区：[https://www.reddit.com/r/HuaweiDevelopers/](https://www.reddit.com/r/HuaweiDevelopers/)
下载 demo 和示例代码请到 Github：[https://github.com/HMS-Core](https://github.com/HMS-Core)
解决集成问题请到 Stack Overflow：[https://stackoverflow.com/questions/tagged/huawei-mobile-services?tab=Newest](https://stackoverflow.com/questions/tagged/huawei-mobile-services?tab=Newest)
原文链接：
https://developer.huawei.com/consumer/cn/forum/topic/0204391049754110077?fid=18&pid=0304391049754110413
作者：胡椒