使用GTM元素可见性触发器和数据层推送动态内容

Question

Google跟踪代码管理器的“元素可见性触发器”似乎是一种使用类或ID跟踪元素是否已出现在视口中的绝佳方法。

标准报告似乎会拉回类似这样的数据

不过，我想做的是能够使用触发器来检测和报告动态创建的列表中的项目。例如，该元素将基于列表中所有其他元素共享的类而触发，每个元素可以填充有要从数据库中提取的特定数据，例如：名称，产品ID，价格等。

当前，这是使用“自定义事件触发器”完成的，但是会报告页面上的所有元素是否已加载。

我想知道的是元素可见性触发器是否适合此操作，如果是，我如何操纵它以完成所需的工作？

Answer 1

可能是。

您将使用CSS选择器，并通过类名称为动态创建的项目进行选择。

在“何时触发此触发器”选项中，选择“每次元素出现”。

最后，您将设置“侦听DOM更改”选项。这会在每次操作DOM（例如通过插入list元素）时检查触发器中的其他条件是否现在匹配。

请注意，GTM警告说，使用该选项可能会降低性能（因为此操作在每种DOM操作上均会运行）。因此，您可能不想做很多事情。