Google 跟踪代码管理器中的自定义标记元素答案

【问题标题】：Custom tag elements in Google Tag ManagerGoogle 跟踪代码管理器中的自定义标记元素
【发布时间】：2016-10-22 23:17:48
【问题描述】：

我想为我网站上的所有元素添加一个自定义标签元素，但如何设置它以便 Google 标签管理器看到它们？

data-tag="example"

例如

<a href="example.html" data-tag="menuItem">Example</a>

这将用于创建一个标准的 Universal Analytics 代码，该代码将记录所有包含 data-tag="example" 的元素

【问题讨论】：

【解决方案1】：

如果您要抓取的元素与您正在交互的元素没有直接关系，那么您可以创建一个DOM 变量并使用 CSS Selector 选择方法。例如，如果您的 HTML 类似于：

<body .....>
   <header data-my-attribute="spaghetti" ...>

使用 CSS 选择器精确定位您要定位的元素，然后提取属性值。

如果您尝试获取单击元素的属性，则可以使用自动事件变量，当与之交互时，将自动获取指定属性的值。

【讨论】：