埋點本身現在已經有太多的集成解決方案，如webfunny、神策、GIO等平臺，但是在實踐的過程中仍然還是會碰都很多問題，給前端埋點同學分享下：埋點實踐過程中碰到的坑點。

一、梳理當前業務，未來業務發展問題，目的是給埋點預留空間①業務兼容的問題前期規范執行之后，后續隨著業務的拓展，已有數據字段滿足不了業務的分析需求；②產品兼容的問題埋點從應用端來區分，web/ios/android，小程序，公眾號，然后還要區分一下是否是原生，還是H5，新老版本之間肯定會帶來一些模塊化的差異； 埋點是數據領域的一個專業術語，也是互聯網領域的一個俗稱。好用的前端埋點框架平臺

為什么需要埋點和前端監控？當我們在分析復盤一個產品是否成功的時候，產品、技術、業務運營方都會有自己對應的分析層面，那不同的角色考慮的方向是不同的。

站在產品的視角，經常會問如下幾個問題：1.產品有沒有用戶使用；2.用戶用得怎么樣；3.系統會不會經常出現異常；4.如何更好地滿足用戶需求服務用戶；

當站在技術視角時，經常會問如下幾個問題：1.系統出現異常的頻率如何；2.異常出現后如何快速進行定位追蹤；3.如何分析解決問題；

而當站在老板的視角時，問題可能又會變為：1.我的存量用戶多少，未來還有多少潛力；2.多少用戶在系統內進行了消費。

當在回答了上述問題之后，埋點和監控兩者的作用便躍然紙上。因為要回答以上問題，只有通過對系統進行數據分析的方式才能弄清楚。其實無論是前端埋點還是前端監控，二者并不是分開存在，而是相互依存的關系。 有效的前端埋點頁面埋點系統數據埋點是一種常用的數據采集的方法。

數據埋點主要模型：事件和用戶是數據上報的2大主要內容。

當我們點擊一個控件時，要上報哪些內容才能全的分析這個點擊行為呢？準確的說，一個事件的觸發，有4個因素：觸發者、觸發位置、觸發的事件、觸發的時間。

(1)觸發者觸發者即觸發事件的用戶。需要一個主要標識，來識別不同的用戶。下面的用戶模型將會講到。(2)觸發位置如何識別一個網頁里面，事件觸發的位置？需要一個頁面的主要標識和控件的主要標識。頁面的主要標識一般通過url標記，但要處理好url后面的參數。控件的主要標識一般通過元素在整個文檔中的xpath路徑來標記。xpath是能主要標記控件在網頁的主要位置的一種標記方法。

前端埋點的3種主流方案：

一、無痕埋點（全埋點）方案，利用瀏覽器或APP自帶的監控方式，對用戶的瀏覽頁面、點擊等行為進行收集，一般用于粗顆粒度的數據分析，例如公司的slardar：數據噪聲大不管有用沒有；數據都會被收集，無法定制化埋點；無法采集到指定事件和業務屬性；可供DA使用的信息較少；接入簡單，幾乎無侵入，不需要額外的開發成本；用戶操作行為收集非常完整，幾乎不會遺漏。

二、代碼埋點方案，前端開發人員在代碼中自定義監控和收集：工作量大，而且對代碼侵入性很大，后期維護也不是很方便；可以精確埋點，具備明確的事件標識；業務屬性非常豐富；埋點觸發方式可以靈活定義；DA使用更方便和精確。

三、埋點sdk方案，sdk向外暴露上報埋點的接口，監控和收集過程前端開發人員無感知。業務開發只需關注事件標識、業務屬性等；兼顧無痕埋點優點和代碼埋點的優勢。 前端埋點和前端監控搭建方案。

前端埋點方案大致分為：代碼埋點、可視化埋點、無痕埋點三種。每種方案各有優劣，并不存在某種普遍完美的可以適應一切場景的埋點方案，而是應該根據不同的產品，不同的分析需求，不同的系統架構，不同的使用場景，選擇合適的一種接入方案。

下面是一些典型的例子：是分析UV、PV、點擊量等基本指標，可以選擇代碼埋點或者可視化埋點等前端埋點方案；

精細化分析轉化流程，則可能需要利用后端SDK或者LogAgent接入后端日志；

活動/新功能快速上線迭代時的效果評估，則可以利用可視化埋點快速完成；對客服服務質量的考核，或者不同快遞在不同省份運送不同品類產品的速度的比較，則需要使用后端SDK來對接第三方系統以便導入數據 前端埋點大致分為：代碼埋點、可視化埋點、無痕埋點三種，webfunny前端埋點主要是代碼埋點方案。常見的前端埋點曝光事件軟件

可視化埋點即以業務代碼為輸入，通過可視化系統配置埋點，以耦合的形式輸出業務代碼和埋點代碼。好用的前端埋點框架平臺

代碼埋點的使用場景，先來看下代碼埋點的優缺點，盡量揚長避短。

優點：原理簡單，學習成本較低；使用較為靈活，能夠根據業務特性自定義時機、屬性、事件，定制化獲取數據。缺點：埋點成本高，每一個控件的埋點都需要添加相應的代碼，不僅工作量大，而且限定了必須是技術人員才能完成；版本更新前后，容易發生數據紊亂；需要企業長期且穩定地完善埋點，并不斷根據業務來更新。

根據上述的優缺點可以知道：代碼埋點使用較為靈活，但是成本較高。因此，比較好在全埋點、可視化全埋點等埋點方案無法解決問題時，或者更強調自定義的場景時來使用。 好用的前端埋點框架平臺

上海觀縱科技有限公司總部位于上海市奉賢區望園南路1288弄80號1904、1909室，是一家一般項目:技術服務、技術開發、技術咨詢、技術交流、技術轉讓、技術推廣;軟件開發;人工智能基礎軟件開發;人工智能應用軟件開發;數據處理服務;信息技術咨詢服務;信息系統集成服務:信息系統運行維護服務;計算機系統服務;軟件銷售;計算機軟硬件及輔助設備批發;計算機軟硬件及輔助設備零售;電子產品銷售;通信設備銷售;通訊設備銷售;咨詢策劃服務;市場調查(不含涉外調查);廣告制作;廣告發布;廣告設計、代理;會議及展覽服務;貨物進出口。(除依法須經批準的項目外，憑營業執照依法自主開展經營活動) 許可項目:建筑智能化系統設計;建設工程施工;網絡文化經營;互聯網信息服務。(依法須經批準的項目，經相關部門批準后方可開展經營活動，具體經營項目以相關部門批準文件或許可證件為準)的公司。觀縱科技擁有一支經驗豐富、技術創新的專業研發團隊，以高度的專注和執著為客戶提供webfunny前端監控，webfunny前端埋點，全鏈路應用性能監控，Argus-IT運維監控。觀縱科技致力于把技術上的創新展現成對用戶產品上的貼心，為用戶帶來良好體驗。觀縱科技創始人姜應偉，始終關注客戶，創新科技，竭誠為客戶提供良好的服務。