Google 跟踪代码管理器：如果 DOM 包含某个 css 类，则触发事件答案

【问题标题】：Google Tag Manager: Triggering an event if the DOM contains a certain css classGoogle 跟踪代码管理器：如果 DOM 包含某个 css 类，则触发事件
【发布时间】：2016-10-17 09:07:04
【问题描述】：

我有一个产品库，每个产品都属于特定品牌。为了追踪品牌产生的印象数/覆盖率，我正在考虑使用 GTM，在 DOM 加载或网页浏览上触发，并让它读取该元素内文本的特定类“brandlink”。这样，如果页面从 Amazon、eBay 和 Walmart 加载产品，每个页面浏览都会触发多个事件，每个品牌一个事件，标签 = their_brand_name。

与广告如何跟踪它们产生的展示次数非常相似。

我可以清楚地看到“点击类”变量，但看不到读取类中文本的东西，而无需点击。

指针？不同的做法？谢谢！

【问题讨论】：

我能想到的最稳定的方法是创建一个自定义 javascript 标签。在 javascript 中，您可以使用 document.getElementsByClassName 来获取您需要的对象数组。现在迭代所有结果并将它们按有意义的顺序排列，例如增强的电子商务视图数据。借助增强型电子商务，您只需要一个帮助请求，而不是每个已识别对象的 n 个请求。在您的对象全部被识别并作为正确的增强型电子商务对象可用后，将它们与辅助事件一起发送到 GA。

标签： google-analytics google-tag-manager

【解决方案1】：

一种方法是创建一个使用DOM Element 变量类型的触发器。

您可以看到变量配置如何使用元素 ID（或者，您可以使用 CSS 选择器方法）。然后在 Trigger 配置中，如果该特定 DOM 元素存在并且具有特定值（如果您有多个值，则可以使用正则表达式匹配模式），您可以在 DOM 就绪时触发它。

【讨论】：

带有 CSS 选择器的 DOM 元素非常适合单个值。我不确定如何处理多个，因为我想为它抓取的每个元素触发一个事件。有什么提示吗？

【解决方案2】：

如果你想通过特殊的 css-selector 选择 click 元素，使用 DOM 变量很好，只需在 css-match 输入字段中写 {{variable}} 代替这个选择器

【讨论】：