如何使用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/

您可能要更改，檢查從「顯示的變化部分公開的標籤「無論你需要做出什麼樣的反應。