如何使用 Google 跟踪代码管理器跟踪 CSS class 变化?
How to track CSS class change with Google Tag Manager?
我需要跟踪 CSS class GTM 的变化(GA 落后)。
当然我可以触发一个 javascript 事件并将其作为触发器。但之后我将不得不部署新代码。
那么有没有办法跟踪某些 CSS class 出现在 "DOM ready" 事件之后的事件?
你总是需要一个 GTM 事件(即使用键 "event" 和一个事件作为值推送到数据层)来触发 GTM 中的标签(GTM 中的变量也只会更新为响应GTM 事件)。
如果您不想通过传统方式部署新代码,您可以设置自定义 html 标记,该标记使用包装在 setInterval 调用中的函数(或者可能使用我认为的 mutation observers,可以跟踪属性的更改)以检查 class 是否已更改,然后将事件推送到您可以响应的数据层。
所以是的,有一种方法,但是将 datalayer.push 添加到更改 CSS class 的函数中肯定更优雅(并且性能更好)。
如果问题出在代码推送上,您可以像本教程中描述的 "Dom Change Listener" 添加标签
https://www.simoahava.com/analytics/google-tag-manager-dom-listener/
您可能希望将检查更改的部分从 "display" 更改为您需要响应的任何更改。
我需要跟踪 CSS class GTM 的变化(GA 落后)。
当然我可以触发一个 javascript 事件并将其作为触发器。但之后我将不得不部署新代码。
那么有没有办法跟踪某些 CSS class 出现在 "DOM ready" 事件之后的事件?
你总是需要一个 GTM 事件(即使用键 "event" 和一个事件作为值推送到数据层)来触发 GTM 中的标签(GTM 中的变量也只会更新为响应GTM 事件)。
如果您不想通过传统方式部署新代码,您可以设置自定义 html 标记,该标记使用包装在 setInterval 调用中的函数(或者可能使用我认为的 mutation observers,可以跟踪属性的更改)以检查 class 是否已更改,然后将事件推送到您可以响应的数据层。
所以是的,有一种方法,但是将 datalayer.push 添加到更改 CSS class 的函数中肯定更优雅(并且性能更好)。
如果问题出在代码推送上,您可以像本教程中描述的 "Dom Change Listener" 添加标签 https://www.simoahava.com/analytics/google-tag-manager-dom-listener/
您可能希望将检查更改的部分从 "display" 更改为您需要响应的任何更改。