埋點本身現在已經有太多的集成解決方案，如webfunny、神策、GIO等平臺，但是在實踐的過程中仍然還是會碰都很多問題，給前端埋點同學分享下：埋點實踐過程中碰到的坑點。
一、梳理當前業(yè)務，未來業(yè)務發(fā)展問題，目的是給埋點預留空間①業(yè)務兼容的問題前期規(guī)范執(zhí)行之后，后續(xù)隨著業(yè)務的拓展，已有數據字段滿足不了業(yè)務的分析需求；②產品兼容的問題埋點從應用端來區(qū)分，web/ios/android，小程序，公眾號，然后還要區(qū)分一下是否是原生，還是H5，新老版本之間肯定會帶來一些模塊化的差異； 埋點是數據領域的一個專業(yè)術語，也是互聯網領域的一個俗稱。好用的前端埋點框架平臺
為什么需要埋點和前端監(jiān)控？當我們在分析復盤一個產品是否成功的時候，產品、技術、業(yè)務運營方都會有自己對應的分析層面，那不同的角色考慮的方向是不同的。
站在產品的視角，經常會問如下幾個問題：1.產品有沒有用戶使用；2.用戶用得怎么樣；3.系統(tǒng)會不會經常出現異常；4.如何更好地滿足用戶需求服務用戶；
當站在技術視角時，經常會問如下幾個問題：1.系統(tǒng)出現異常的頻率如何；2.異常出現后如何快速進行定位追蹤；3.如何分析解決問題；
而當站在老板的視角時，問題可能又會變?yōu)椋?.我的存量用戶多少，未來還有多少潛力；2.多少用戶在系統(tǒng)內進行了消費。
當在回答了上述問題之后，埋點和監(jiān)控兩者的作用便躍然紙上。因為要回答以上問題，只有通過對系統(tǒng)進行數據分析的方式才能弄清楚。其實無論是前端埋點還是前端監(jiān)控，二者并不是分開存在，而是相互依存的關系。 有效的前端埋點頁面埋點系統(tǒng)數據埋點是一種常用的數據采集的方法。
數據埋點主要模型：事件和用戶是數據上報的2大主要內容。
當我們點擊一個控件時，要上報哪些內容才能全的分析這個點擊行為呢？準確的說，一個事件的觸發(fā)，有4個因素：觸發(fā)者、觸發(fā)位置、觸發(fā)的事件、觸發(fā)的時間。
(1)觸發(fā)者觸發(fā)者即觸發(fā)事件的用戶。需要一個主要標識，來識別不同的用戶。下面的用戶模型將會講到。(2)觸發(fā)位置如何識別一個網頁里面，事件觸發(fā)的位置？需要一個頁面的主要標識和控件的主要標識。頁面的主要標識一般通過url標記，但要處理好url后面的參數?？丶闹饕獦俗R一般通過元素在整個文檔中的xpath路徑來標記。xpath是能主要標記控件在網頁的主要位置的一種標記方法。
前端埋點的3種主流方案：
一、無痕埋點（全埋點）方案，利用瀏覽器或APP自帶的監(jiān)控方式，對用戶的瀏覽頁面、點擊等行為進行收集，一般用于粗顆粒度的數據分析，例如公司的slardar：數據噪聲大不管有用沒有；數據都會被收集，無法定制化埋點；無法采集到指定事件和業(yè)務屬性；可供DA使用的信息較少；接入簡單，幾乎無侵入，不需要額外的開發(fā)成本；用戶操作行為收集非常完整，幾乎不會遺漏。
二、代碼埋點方案，前端開發(fā)人員在代碼中自定義監(jiān)控和收集：工作量大，而且對代碼侵入性很大，后期維護也不是很方便；可以精確埋點，具備明確的事件標識；業(yè)務屬性非常豐富；埋點觸發(fā)方式可以靈活定義；DA使用更方便和精確。
三、埋點sdk方案，sdk向外暴露上報埋點的接口，監(jiān)控和收集過程前端開發(fā)人員無感知。業(yè)務開發(fā)只需關注事件標識、業(yè)務屬性等；兼顧無痕埋點優(yōu)點和代碼埋點的優(yōu)勢。 前端埋點和前端監(jiān)控搭建方案。
前端埋點方案大致分為：代碼埋點、可視化埋點、無痕埋點三種。每種方案各有優(yōu)劣，并不存在某種普遍完美的可以適應一切場景的埋點方案，而是應該根據不同的產品，不同的分析需求，不同的系統(tǒng)架構，不同的使用場景，選擇合適的一種接入方案。
下面是一些典型的例子：是分析UV、PV、點擊量等基本指標，可以選擇代碼埋點或者可視化埋點等前端埋點方案；
精細化分析轉化流程，則可能需要利用后端SDK或者LogAgent接入后端日志；
活動/新功能快速上線迭代時的效果評估，則可以利用可視化埋點快速完成；對客服服務質量的考核，或者不同快遞在不同省份運送不同品類產品的速度的比較，則需要使用后端SDK來對接第三方系統(tǒng)以便導入數據 前端埋點大致分為：代碼埋點、可視化埋點、無痕埋點三種，webfunny前端埋點主要是代碼埋點方案。常見的前端埋點曝光事件軟件
可視化埋點即以業(yè)務代碼為輸入，通過可視化系統(tǒng)配置埋點，以耦合的形式輸出業(yè)務代碼和埋點代碼。好用的前端埋點框架平臺
代碼埋點的使用場景，先來看下代碼埋點的優(yōu)缺點，盡量揚長避短。
優(yōu)點：原理簡單，學習成本較低；使用較為靈活，能夠根據業(yè)務特性自定義時機、屬性、事件，定制化獲取數據。缺點：埋點成本高，每一個控件的埋點都需要添加相應的代碼，不僅工作量大，而且限定了必須是技術人員才能完成；版本更新前后，容易發(fā)生數據紊亂；需要企業(yè)長期且穩(wěn)定地完善埋點，并不斷根據業(yè)務來更新。
根據上述的優(yōu)缺點可以知道：代碼埋點使用較為靈活，但是成本較高。因此，比較好在全埋點、可視化全埋點等埋點方案無法解決問題時，或者更強調自定義的場景時來使用。 好用的前端埋點框架平臺
上海觀縱科技有限公司總部位于上海市奉賢區(qū)望園南路1288弄80號1904、1909室，是一家一般項目:技術服務、技術開發(fā)、技術咨詢、技術交流、技術轉讓、技術推廣;軟件開發(fā);人工智能基礎軟件開發(fā);人工智能應用軟件開發(fā);數據處理服務;信息技術咨詢服務;信息系統(tǒng)集成服務:信息系統(tǒng)運行維護服務;計算機系統(tǒng)服務;軟件銷售;計算機軟硬件及輔助設備批發(fā);計算機軟硬件及輔助設備零售;電子產品銷售;通信設備銷售;通訊設備銷售;咨詢策劃服務;市場調查(不含涉外調查);廣告制作;廣告發(fā)布;廣告設計、代理;會議及展覽服務;貨物進出口。(除依法須經批準的項目外，憑營業(yè)執(zhí)照依法自主開展經營活動) 許可項目:建筑智能化系統(tǒng)設計;建設工程施工;網絡文化經營;互聯網信息服務。(依法須經批準的項目，經相關部門批準后方可開展經營活動，具體經營項目以相關部門批準文件或許可證件為準)的公司。觀縱科技擁有一支經驗豐富、技術創(chuàng)新的專業(yè)研發(fā)團隊，以高度的專注和執(zhí)著為客戶提供webfunny前端監(jiān)控，webfunny前端埋點，全鏈路應用性能監(jiān)控，Argus-IT運維監(jiān)控。觀縱科技致力于把技術上的創(chuàng)新展現成對用戶產品上的貼心，為用戶帶來良好體驗。觀縱科技創(chuàng)始人姜應偉，始終關注客戶，創(chuàng)新科技，竭誠為客戶提供良好的服務。