共计 2569 个字符，预计需要花费 7 分钟才能阅读完成。
上一篇介绍了 DTM 网页转化跟踪前的筹备工作，本文将介绍如何配置落地页转化跟踪。
什么是落地页跟踪？
当用户点击广告，跳转到网站的指定页面，须要可能跟踪以后页面产生的事件。
以华为商城为例，用户点击广告跳转到华为商城的某个商品详情页，须要在商品详情页跟踪点击退出购物车或者购买事件。
接下来，具体介绍落地页跟踪的配置过程，跟踪落地页中的退出购物车事件，并且可能查看转化胜利的数据。
例如，有一个商品详情页（广告的落地页）：
https://dtm-beta.hwcloudtest….
- 在 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 一般代码埋点
- 获取网页中退出购物车按钮的 CSS
关上网页，在退出购物车按钮上右击，点击 查看，找到退出购物车元素。
选中退出购物车按钮元素，右键抉择 Copy > Copy selector , 将获取的值保留，后续配置 DTM 时须要应用。
示例值：#container > div.pro_detail > div.pro_meg > div.pro_meg_console > div > button:nth-child(1)
- 配置变量
点击变量治理 > 配置，抉择页面元素下的 Element，保留配置。
- 创立条件
点击条件治理 > 新建，设置条件名称，条件类型抉择“所有元素”，触发条件抉择“局部点击”，变量抉择“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 (两头用逗号宰割)。
- 创立代码
点击代码治理 > 新建，填写代码名称，扩大抉择为“HUAWEI Ads”，跟踪 ID 设置为在 HUAWEI Ads 平台获取的转化 ID，触发条件抉择为上一步创立的条件，保留配置。
至此，一般代码埋点的配置已实现。
2.2 可视化埋点（一般）
- 进入可视化埋点页面
点击可视化埋点，输出要埋点的网站地址，点击开始埋点后进入可视化埋点模式。
- 增加埋点
点击增加埋点，点击退出购物车按钮，会提醒是否须要抉择同类元素（如果须要进行同类元素埋点则点击确定，否则点击勾销），本示例中抉择勾销。
设置埋点信息：
填写埋点名称，触发事件抉择“指定页面”，配置两个 URL 匹配规定：
URL 蕴含“https://dtm-beta.hwcloudtest….”。
URL 蕴含“goods”
阐明：为什么 URL 匹配要应用蕴含，而不能应用等于？
因为 URL 地址的参数是不固定的，特地是当退出广告的参数后，URL 是会扭转的，所以配置 URL 匹配规定的时候最好应用蕴含，而不是等于。
- 创立代码
点击代码治理 > 新建，填写代码名称，扩大抉择为“HUAWEI Ads”，跟踪 ID 设置为在 HUAWEI Ads 平台获取的转化 ID，触发条件抉择为上一步创立的可视化埋点。保留配置。
至此，可视化埋点（一般）的配置已实现。
2.3 可视化埋点（按 Tag 模板）
- 创立代码模板
点击 可视化埋点 > 按 Tag 模板 埋点，进入按 Tag 模板埋点页面。点击 新建，填写代码名称，扩大抉择“HUAWEI Ads”，保留配置。
- 进入可视化埋点页面
抉择上一步创立的 HUAWEI Ads 模板，输出要埋点的网站地址，点击 开始埋点 后进入可视化埋点模式。
- 增加埋点
点击 增加埋点 ，点击退出购物车按钮，会提醒是否须要抉择同类元素（如果须要进行同类元素埋点则点击 确定 ，否则点击 勾销 ），本示例中抉择 勾销。
设置埋点信息：
填写埋点名称，跟踪 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/…
原作者：胡椒