Web页面如何进行可视化埋点(三)

1,648 阅读3分钟

上一篇文章中,我们介绍了动态标签管理服务的普通埋点和按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分钟,如果想要立即下载最新版本,可以禁用浏览器缓存,并重新刷新测试网站。

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

  2. 在华为分析平台上查看数据。

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

欲了解HMS Core更多详情,请参阅:

>>华为开发者联盟官网

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

原文链接:developer.huawei.com/consumer/cn…

原作者:胡椒