乐趣区

关于hms-core:DTMHUAWEI-Ads与DTM网页转化追踪二

jiezi

上一篇介绍了 DTM 网页转化跟踪前的筹备工作，本文将介绍如何配置落地页转化跟踪。

什么是落地页跟踪？

当用户点击广告，跳转到网站的指定页面，须要可能跟踪以后页面产生的事件。

以华为商城为例，用户点击广告跳转到华为商城的某个商品详情页，须要在商品详情页跟踪点击退出购物车或者购买事件。

接下来，具体介绍落地页跟踪的配置过程，跟踪落地页中的退出购物车事件，并且可能查看转化胜利的数据。

例如，有一个商品详情页（广告的落地页）：

https://dtm-beta.hwcloudtest….

  1. 在 HUAWEI Ads 平台创立网页跟踪

1.1 登录 HUAWEI Ads 平台

https://ads.huawei.com/ppsdsp…

1.2 创立落地页跟踪

点击 工具 > 转化跟踪

点击 新建转化指标 > 跟踪线索，点击持续。

填写 转化名称、落地页链接、转化类别，点击归因窗口和展现归因窗口能够应用默认值。

落地页链接 填写商品详情页的地址：

https://dtm-beta.hwcloudtest….

点击下一步，会提醒提交胜利。复制生成的转化 ID，用于后续配置。

1.3 创立胜利后的联调状态是“未激活”。
至此，落地页跟踪创立实现。

2. 批改 DTM 配置

接下来，对落地页中的退出购物车按钮配置跟踪代码。DTM 有 3 种配置形式：

a. 一般代码埋点

b. 可视化埋点（一般）

c. 可视化埋点（按 Tag 模板）：举荐应用此形式进行配置

2.1 一般代码埋点

  1. 获取网页中退出购物车按钮的 CSS

关上网页，在退出购物车按钮上右击，点击 查看，找到退出购物车元素。

选中退出购物车按钮元素，右键抉择 Copy > Copy selector , 将获取的值保留，后续配置 DTM 时须要应用。

示例值：#container > div.pro_detail > div.pro_meg > div.pro_meg_console > div > button:nth-child(1)

  1. 配置变量

点击变量治理 > 配置，抉择页面元素下的 Element，保留配置。

  1. 创立条件

点击条件治理 > 新建，设置条件名称，条件类型抉择“所有元素”，触发条件抉择“局部点击”，变量抉择“Element”，操作符抉择“CSS 选择器相符”，值设置为:

container > div.pro_detail > div.pro_meg > div.pro_meg_console > div > button:nth-child(1),#container > div.pro_detail > div.pro_meg > div.pro_meg_console > div > button:nth-child(1) *

阐明：CSS 选择器的值为什么与通过 Copy selector 获取的值不一样？

参考上图，退出购物车按钮外面其实还嵌入了一个 span 元素，用户点击 button 或 span 都能够触发退出购物车。为了保障用户点击 button 或 button 中的子元素时都能够匹配胜利，须要将 button 中的子元素也进行匹配。

如果 button 的 CSS 为 X，那么 button 中的子元素能够形容为 X ，button 及 button 的子元素形容为 X,X (两头用逗号宰割)。

  1. 创立代码

点击代码治理 > 新建，填写代码名称，扩大抉择为“HUAWEI Ads”，跟踪 ID 设置为在 HUAWEI Ads 平台获取的转化 ID，触发条件抉择为上一步创立的条件，保留配置。

至此，一般代码埋点的配置已实现。

2.2 可视化埋点（一般）

  1. 进入可视化埋点页面

点击可视化埋点，输出要埋点的网站地址，点击开始埋点后进入可视化埋点模式。


  1. 增加埋点

点击增加埋点，点击退出购物车按钮，会提醒是否须要抉择同类元素（如果须要进行同类元素埋点则点击确定，否则点击勾销），本示例中抉择勾销。

设置埋点信息：

填写埋点名称，触发事件抉择“指定页面”，配置两个 URL 匹配规定：

URL 蕴含“https://dtm-beta.hwcloudtest….”。

URL 蕴含“goods”

阐明：为什么 URL 匹配要应用蕴含，而不能应用等于？

因为 URL 地址的参数是不固定的，特地是当退出广告的参数后，URL 是会扭转的，所以配置 URL 匹配规定的时候最好应用蕴含，而不是等于。

  1. 创立代码

点击代码治理 > 新建，填写代码名称，扩大抉择为“HUAWEI Ads”，跟踪 ID 设置为在 HUAWEI Ads 平台获取的转化 ID，触发条件抉择为上一步创立的可视化埋点。保留配置。

至此，可视化埋点（一般）的配置已实现。

2.3 可视化埋点（按 Tag 模板）

  1. 创立代码模板

点击 可视化埋点 > 按 Tag 模板 埋点，进入按 Tag 模板埋点页面。点击 新建，填写代码名称，扩大抉择“HUAWEI Ads”，保留配置。

  1. 进入可视化埋点页面

抉择上一步创立的 HUAWEI Ads 模板，输出要埋点的网站地址，点击 开始埋点 后进入可视化埋点模式。

  1. 增加埋点

点击 增加埋点 ，点击退出购物车按钮，会提醒是否须要抉择同类元素（如果须要进行同类元素埋点则点击 确定 ，否则点击 勾销 ），本示例中抉择 勾销。


设置埋点信息：

填写埋点名称，跟踪 ID 设置为在 HUAWEI Ads 平台获取的跟踪 ID，触发事件抉择“指定页面”，配置两个 URL 匹配规定：

URL 蕴含“https://dtm-beta.hwcloudtest….”。

URL 蕴含“goods”

阐明：为什么 URL 匹配要应用蕴含，而不能应用等于？

因为 URL 地址的参数是不固定的，特地是当退出广告的参数后，URL 是会扭转的，所以配置 URL 匹配规定的时候最好应用蕴含，而不是等于。

至此，可视化埋点（按 Tag 模板）的配置已实现。

3. 创立并公布 DTM 版本

点击 版本治理 > 新建 ，填写版本名称，抉择“ 创立并公布此版本”，点击确定。

4. 落地页转化跟踪联调

4.1 关上 HUAWEI Ads 联调页面

点击转化 ID 对应的联调按钮，进入联调页面。



4.2 复制并关上测试连贯

4.3 点击退出购物车按钮，触发转化跟踪，联调状态变成“已激活”，阐明转化跟踪胜利。

阐明：如果没有监测到转化行为，能够先禁用浏览器的缓存，而后刷新页面，再点击退出购物车按钮。

至此，落地页转化跟踪配置已实现。

欲了解更多详情，请参阅：
华为开发者联盟官网
获取开发领导文档
参加开发者探讨请到 CSDN 社区或者 Reddit 社区
下载 demo 和示例代码请到 Github 或者 Gitee

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

退出移动版