当队友向我展示这个小技巧时,我大吃一惊。我花了大量时间从文档对象模型 (DOM) 中抓取字符串,供供应商或分析人员使用自定义 JavaScript,但 GTM 有一个内置的简单解决方案。
变量类型 DOM Element 可以解决从 DOM 抓取数据时遇到的(大部分)问题。有时它可能有点棘手,但对于 DOM 抓取来说,什么不是呢?
这是一个很好的例子,说明当数据层中没有唯一 ID 时,我们如何从页面上抓取该 ID。
使用此方法时要注意的最重要的一点是,虽然可以将属性名称字段留空以捕获 DOM 元素的文本,但根据我的经验,最好将属性名称字段设置为“内容”,这通常是一个属性。
使用 DOM 元素的 Google 标签管理器的屏幕截图
使用自动事件变量
自动事件变量 (AEV) 是 GTM 中最酷的功能之 法国号码数据 一,但我没有听到足够多的人谈论它。
GTM 的一些常用内置变量本身就是自动事件变量。例如:
点击 ID
单击元素
点击课程
AEV 始终为您提供基于当前目标元素(例如被点击的元素)的值。这与 DOM 变量截然不同,DOM 变量将为您提供页面上特定元素的值,无论该元素是否被某些用户行为定位。
最棒的是,您可以定义自定义自动事件变量并从目标元素中获取自定义参数。GTM 为您提供了标准 HTML 属性,例如 ID 和类,但如果您的开发人员使用自定义 HTML 属性(例如 data-product-id 或 data-navigation)将数据添加到 DOM,该怎么办?
继续创建一个新变量,选择自动事件变量模板,将变量类型更改为元素属性,然后输入要获取的属性的名称:
我见过有人使用这种方法,当您需要获取被点击产品的产品 ID,而数据层中没有该数据时。显然,这是最后的手段。您应该尝试让开发人员将附带该数据的点击事件发送到数据层,但遗憾的是,生活往往不是那么简单,我们不得不做一些丑陋的事情。