ITPub博客

首页 > 移动开发 > ANDROID > Web页面如何进行可视化埋点(二)

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

原创 ANDROID 作者:华为开发者论坛 时间:2021-05-27 09:30:27 0 删除 编辑

上一篇文章 我们介绍了 DTM 多种埋点方案之普通埋点。接下来将给大家介绍第二种按Tag埋点的方式及具体操作教程。


>>什么是按 Tag 埋点?

按Tag埋点即 按照模板进行埋点,模板根据三方平台预设,适用于固定上报三方平台,更加方便快捷创建上报三方平台的埋点信息。

1.1 建立可视化连接

以上报Google Analytics为例

1)         选择“可视化埋点”页签,进入可视化埋点。

2)         点击右上角“按Tag模板埋点”跳转至Tag模板页。

3)         在“选择代码模板”页面,点击“新建”按钮创建代码模板,配置如下信息后点击“保存”:

a)        输入“代码名称”。

b)       选择“Google Analytics(分析):Universal Analytics”扩展类型。

c)        填写跟踪ID(该ID从谷歌分析平台获取,如:UA-xxxxxxxxx-x)。

d)        其他字段可保持默认值不做更改。

4)         选中已创建的代码模板,在右侧的 “添加埋点” 页面,点击“开始埋点”。


1.2 添加埋点

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

2)         元素类型默认“按钮或链接”。

3)         选择左侧页面HUAWEI Mate系列模块的“查看详情”按钮。

您是否要选择同类元素? - 确定

4)         配置埋点相关信息

a)         输入“代码名称”。

b)        上报类型:事件上报。

c)        事件类别:{{Event}}(引用内置变量Event)

d)       事件操作:查看详情(使用事件类别字段右侧小手选择页面上HUAWEI Mate系列模块中的查看详情作为同类参数)。

e)        事件标签:HUAWEI Mate Xs(使用事件标签字段右侧小手选择页面上HUAWEI Mate系列模块中的商品名称作为同类参数)。

f)          其他字段选项保持默认不做修改。

5)         点击“确定”保存埋点。

6)         查看埋点:点击埋点右侧的“∨”图标展开埋点。

7)         退出连接:点击页面左上角“‹”退出可视化连接。


1.3 创建及发布版本

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

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

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

4)         点击“确定”。


1.4 触发可视化事件

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

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

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

3)           在 Google Analytic 上查看数据。

 

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


欲了解 HMS Core 更多详情,请参阅:
>> 华为开发者联盟官网

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


原文链接: https://developer.huawei.com/consumer/cn/forum/topic/0201547481659900298?fid=18

原作者:胡椒

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69970551/viewspace-2774168/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2020-04-21

  • 博文量
    402
  • 访问量
    726987