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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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