google跟蹤代碼管理器gtm沒法給相同class元素綁定click事件埋點解決

Google 跟蹤代碼管理器是一個跟蹤代碼管理系統 (TMS)，能夠幫助您快速輕鬆地更新網站或移動應用上的跟蹤代碼及相關代碼段（統稱爲「代碼」）。將一小段跟蹤代碼管理器代碼添加到項目後，您能夠經過網頁界面安全輕鬆地部署 Google Analytics（分析）和衡量代碼配置。

在經過clickClasses給相同class的多個元素塊綁定click事件埋點的時候，發現沒法實現，經過gtm管理器調試發現，點擊的時候，顯示的是裏層被點擊的元素，而咱們想要綁定整個外層的大塊元素，因此這時候咱們只能本身寫js實現了。

一、新建觸發器，綁定頁面加載事件，到某個頁面

 

 

二、綁定事件代碼，這裏發現，正常addEventListener默認是冒泡事件，給父元素綁定click事件，點擊子元素的某個元素會冒泡的頂級元素，可是這裏並不能冒泡上去，因此暫時兼容辦法，採起DOM0級事件綁定，onclick方式，可是這樣有一個弊端，就是若是該元素自己原來若是有click事件，會被覆蓋，因此若是是使用這種方法，必定要避開已經有綁定click事件的元素。