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

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

在通過clickClasses給相同class的多個元素塊綁定click事件埋點的時候，發現無法實現，通過gtm管理器調試發現，點擊的時候，顯示的是裡層被點擊的元素，而我們想要綁定整個外層的大塊元素，所以這時候我們只能自己寫js實現了。

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

2、綁定事件代碼，這裡發現，正常addEventListener預設是冒泡事件，給父元素綁定click事件，點擊子元素的某個元素會冒泡的頂級元素，但是這裡並不能冒泡上去，所以暫時相容辦法，採取DOM0級事件綁定，onclick方式，但是這樣有一個弊端，就是如果該元素本身原來如果有click事件，會被覆蓋，所以如果是使用這種方法，一定要避開已經有綁定click事件的元素。