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

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

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

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

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

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

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

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

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

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

前端埋點(diǎn)的3種主流方案：

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

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

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

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

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

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

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

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

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

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

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

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