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

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

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

站在產(chǎn)品的視角,，經(jīng)常會問如下幾個問題：1.產(chǎn)品有沒有用戶使用,；2.用戶用得怎么樣；3.系統(tǒng)會不會經(jīng)常出現(xiàn)異常,；4.如何更好地滿足用戶需求服務用戶,；

當站在技術(shù)視角時，經(jīng)常會問如下幾個問題：1.系統(tǒng)出現(xiàn)異常的頻率如何,；2.異常出現(xiàn)后如何快速進行定位追蹤,；3.如何分析解決問題；

而當站在老板的視角時,，問題可能又會變?yōu)椋?.我的存量用戶多少,，未來還有多少潛力；2.多少用戶在系統(tǒng)內(nèi)進行了消費,。

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

數(shù)據(jù)埋點主要模型：事件和用戶是數(shù)據(jù)上報的2大主要內(nèi)容,。

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

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

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

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

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

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

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

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

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

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

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

代碼埋點的使用場景，先來看下代碼埋點的優(yōu)缺點,，盡量揚長避短,。

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

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

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