如何使用Google跟踪代码管理器跟踪CSS类更改？

Question

我需要跟踪GTM（GA后面）的CSS类更改。

当然，我可以触发一个javascript事件并将其作为触发器。但是，我将不得不部署新的代码。

那么有什么方法可以跟踪某些CSS类，当它们出现在“DOM ready”事件之后？

Answer 1

您总是需要一个GTM事件（例如，通过键“事件”和一个事件作为值推送到dataLayer）来触发GTM中的标签（GTM中的变量也只会作为对GTM事件的响应而更新） 。

如果你不想通过传统的方式部署新代码，你可以设置一个自定义的html标签，它使用一个包裹在setInterval调用中的函数（或者可能使用mutation observers,，我认为它可以跟踪对属性的更改）以检查是否该类已更改，然后将事件推送到可响应的数据层。

所以是的，有一种方法，但它肯定是更优雅（性能更好）将datalayer.push添加到更改CSS类的函数。

Answer 2

如果问题做一个码推，你可以ADDA像“DOM变化监听”在本教程 https://www.simoahava.com/analytics/google-tag-manager-dom-listener/

您可能要更改，检查从“显示的变化部分公开的标签“无论你需要做出什么样的反应。