Web页面如何进行可视化埋点（三）

在上一篇文章中，我们介绍了动态标签管理服务的普通埋点和按Tag埋点，接下来将给大家介绍结合华为分析跳转埋点的方式及具体操作教程。

什么是结合华为分析跳转埋点？

该埋点方式针对上报华为分析场景，华为分析根据行业常用场景创建埋点模板，适用于在华为分析上查看分析报表的场景。

1.1建立可视化连接

1) 选择“分析 > 智能数据接入 > 埋点开发”页面，点击待埋点分析报告后的“可视化埋点”。

2) 在弹框中选择要埋点的应用，点击“去埋点”，系统跳转至DTM可视化埋点界面。

3) 在左侧的“选择代码模板”页面，系统自动生成代码模板，在右侧的“添加埋点”页面，确认要埋点的网址，点击“开始埋点”。

1.2添加埋点

1） 系统跳转至“添加埋点”页面，点击右侧的“添加埋点”按钮。

2） 选择您要埋点的元素，并在左侧页面圈选元素

3） 点击圈选元素后，若该圈选元素为同类元素，则系统弹出如下提示框。

若点击“确定”，则该元素被作为同类元素埋点；若点击“取消”，则该元素被作为非同类元素埋点。

4） 在“添加埋点”页面，通过“埋点名称”下拉框设置埋点名称。

“埋点名称”由华为分析报告模板配置而来，不可自定义添加或修改。

5） 在“参数”页签，为每个“键”设置对应的“值”，单击“确定”。

参数中的“键”由华为分析报告模板配置而来，对于其中的必填项，不可删除或修改。

6） （可选）对于已添加的埋点，您可以根据需要，通过埋点名称后面的按钮，进行暂停、编辑、删除及查看详情等相关操作。

1.3创建及发布版本

1) 进入“版本管理”页面，点击“新建”按钮。

2) 在“创建版本”页面输入版本名称和描述。

3) 选择“创建并发布此版本”选项。

4) 点击“确定”。

1.4触发可视化事件

1) 下载新版本：在浏览器中刷新测试网站下载最新的DTM配置

注：默认情况下，DTM JSSDK下载最新版本的缓存时间间隔是15分钟，如果想要立即下载最新版本，可以禁用浏览器缓存，并重新刷新测试网站。

2) 点击HUAWEI Mate系列模块中任一“查看详情”按钮。

3) 在华为分析平台上查看数据。

欲了解更多关于动态标签管理服务请点击>>

欲了解HMS Core更多详情，请参阅：

华为开发者联盟官网
获取开发指导文档
参与开发者讨论请到CSDN社区或者Reddit社区
下载demo和示例代码请到Github或者Gitee
解决集成问题请到Stack Overflow

原文链接：https://developer.huawei.com/...
原作者：胡椒