共计 1174 个字符，预计需要花费 3 分钟才能阅读完成。
可视化埋点是指您能够将 App 界面同步至 Web 端，并在 Web 端通过可视化点击的形式增加埋点事件，相比于手动埋点，可视化埋点有以下劣势：
研发人员仅须要实现 SDK 集成，免去手动增加埋点的开发成本。
技术门槛低，能够间接在 Web 界面上点击增加埋点事件，适宜经营人员间接应用。
在利用公布后依然能够灵便的增加埋点事件，解决后期埋点不充沛的问题。
接下来介绍如何在通过 DTM 进行可视化埋点，并将可视化埋点事件上报到 Google Analytics：
前提条件：
- 创立 AGC 账号并登录：
https://developer.huawei.com/…
- 创立 Android 利用以及 DTM 配置；
- 利用已集成 DTM SDK。
操作步骤：
- 建设可视化埋点连贯
a. 点击“可视化埋点”页签，进入可视化埋点页面
b. 点击右上角“按 Tag 模板埋点”跳转至 Tag 模板页
c. 新建代码模板，点击“新建”按钮，跳转至新建代码页面，填写代码信息后保留；
代码名称：可自定义
扩大：抉择 Google Analytics（剖析）：Universal Analytics
跟踪 ID：填写 Google Analytics 的惟一跟踪 ID，格局为 UA-XXXXXXXX-X
d. 应用挪动浏览器扫描二维码，依据提醒关上手机 App
e. 连贯胜利后，手机 App 左下角会呈现“蓝色浮动框”，同时手机 App 以后的页面会主动同步至 Web 端。关上“显示可圈选组件”开关后会以红色框展现出可增加埋点的组件。
- 增加元素埋点
上面将介绍对“退出购物车”按钮进行可视化埋点。
a. 点击“退出购物车”对应的红色框
b. 在弹出的“增加埋点”提示框中抉择”以后地位”，点击确定；
c. 在页面右侧增加埋点的信息
埋点名称：填写“Add2Cart”
上报类型：抉择“事件上报”
事件类别：填写“Click”
事件操作：填写“Add2Cart”
事件标签：通过左边的小手将产品描述对应的文本作为参数值
d. 点击确定按钮，保留埋点。
- 预览草稿版本
a. 点击可视化埋点页面右上角的“预览”按钮，进入版本预览页面，能够预览当前工作区的配置（不须要创立 DTM 版本）；
b. 扫描二维码开始预览。
- 查看可视化埋点事件
在 App 中点击退出购物车按钮，触发上报可视化埋点事件，而后到 Google Analytics 上查看数据。
在导航栏中的“实时”->“事件”外面，查看最近上报的数据：
能够看到上报的事件中，事件类别为“Click”，事件操作为“Add2Cart”，阐明可视化埋点已失效。
详情请参考 DTM 可视化埋点操作流程。
欲了解 HMS Core 更多详情，请参阅：
华为开发者联盟官网
获取开发领导文档
参加开发者探讨请到 CSDN 社区或者 Reddit 社区
下载 demo 和示例代码请到 Github 或者 Gitee
解决集成问题请到 Stack Overflow
原文链接：https://developer.huawei.com/…
原作者：胡椒