小蝌蚪傳記：200行代碼實現前端無痕埋點
https://segmentfault.com/a/1190000020829743
無痕埋點簡單來說，就是當引入無痕埋點的庫以後，用戶在流覽器裡所有行為和操作都會被自動記錄下來，並將資訊發送到後端進行統計和分析。傳統的埋點形式，都是手動埋點，在指定的元素上綁定事件，將使用者行為資訊發送到服務端進行統計。
自動無痕埋點原理很簡單，這裡只講click的無痕埋點原理，當使用者點擊了頁面上某一個元素，把當前元素到body之間整個dom的路徑記錄下來，作為這個元素的唯一標識，我們稱之為domPath。這個domPath不僅是這個元素唯一標識，還可以通過document.querySelector(domPath)去唯一選擇和定位到這個元素，當使用者點擊一次這個元素，就會將埋點數據上傳到伺服器。
#Javascript, dom, path, 前端, 無痕, 埋點
https://segmentfault.com/a/1190000020829743
無痕埋點簡單來說，就是當引入無痕埋點的庫以後，用戶在流覽器裡所有行為和操作都會被自動記錄下來，並將資訊發送到後端進行統計和分析。傳統的埋點形式，都是手動埋點，在指定的元素上綁定事件，將使用者行為資訊發送到服務端進行統計。
自動無痕埋點原理很簡單，這裡只講click的無痕埋點原理，當使用者點擊了頁面上某一個元素，把當前元素到body之間整個dom的路徑記錄下來，作為這個元素的唯一標識，我們稱之為domPath。這個domPath不僅是這個元素唯一標識，還可以通過document.querySelector(domPath)去唯一選擇和定位到這個元素，當使用者點擊一次這個元素，就會將埋點數據上傳到伺服器。
#Javascript, dom, path, 前端, 無痕, 埋點
留言
張貼留言