代碼埋點在終端嵌入SDK，定義事件并添加事件代碼，用戶所有操作行為會調(diào)用SDK的相應(yīng)數(shù)據(jù)接口然后把數(shù)據(jù)發(fā)送服務(wù)端（數(shù)據(jù)庫）。按需采集，業(yè)務(wù)信息更完善，對數(shù)據(jù)的分析更聚焦，因此代碼埋點是一種以業(yè)務(wù)價值為出發(fā)的行為分析。

優(yōu)點：數(shù)據(jù)準(zhǔn)確性高，自定義程度高，具有很強的靈活性，可以控制發(fā)送的時機和發(fā)送方式等。

埋點準(zhǔn)確性順序：代碼埋點＞可視化埋點＞全埋點，SDK較小，對應(yīng)用本身的使用體驗沒有影響，是可控的埋點方式。

缺點：需要開發(fā)工程師手工開發(fā)，工作量大，人力成本較高；有時候還要依賴App發(fā)版來生效。市面上前端埋點產(chǎn)品有：webfunny、觀縱科技。

舉例·應(yīng)用場景：如果你不希望在采集數(shù)據(jù)的同時，降低用戶體驗，如果你不希望采集到海量無用數(shù)據(jù)，如果你希望采集的數(shù)據(jù)：顆粒度更細，維度更多，數(shù)據(jù)分析的準(zhǔn)確性更高那么，從業(yè)務(wù)增長的長遠價值考慮，請選擇代碼埋點。常見的如：頁面停留時間，頁面瀏覽深度，視頻播放時長，用戶鼠標(biāo)軌跡，表單項停留及終止等等。尤其是一些非點擊的、不可視的行為，是非要代碼埋點來實現(xiàn)不可了。 埋點是為了滿足快捷、高效、豐富的數(shù)據(jù)應(yīng)用而做的用戶行為過程及結(jié)果記錄。專業(yè)的前端埋點框架工具

前端埋點在實踐過程中避開的雷點，在埋點應(yīng)用場景中，要對應(yīng)初期埋點預(yù)留，要基于以下點來考慮：①基于業(yè)務(wù)分析框架，梳理常規(guī)分析案例中需要用到的埋點數(shù)據(jù)集，主要指標(biāo)必須要有埋點；②基于算法模型框架，梳理算法所需要構(gòu)建的數(shù)據(jù)特征需要用到的字段信息；③基于業(yè)務(wù)訴求，梳理非常規(guī)，當(dāng)前沒需求未來有應(yīng)用場景的字段信息；

舉個例子，譬如供需求匹配、資源調(diào)度、智能選址，所對應(yīng)的幾個信息主體分別是：用戶需求方、用戶供給方、商品信息、時間信息、空間信息、行為信息、業(yè)務(wù)信息。 前端埋點曝光事件軟件開源webfunny前端埋點數(shù)據(jù)“采集+管理+分析”智能一體化，數(shù)據(jù)驅(qū)動業(yè)務(wù)，讓埋點不再困難。

前端埋點的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)勢。

代碼埋點的實現(xiàn)原理比較簡單，主要是初始化 SDK 之后，在某個事件發(fā)生時調(diào)用 - track: 或 - track:withProperties: 等相關(guān)接口，將觸發(fā)的事件和屬性保存到數(shù)據(jù)模型中（SDK 中使用的是 NSDictionary 類型的數(shù)據(jù)模型）。

并將數(shù)據(jù)模型轉(zhuǎn)化為 JSON 串，存儲到本地數(shù)據(jù)庫中。然后，按照發(fā)送策略將數(shù)據(jù)發(fā)送到指定的服務(wù)端。例如：我們想統(tǒng)計 App 里面某個按鈕的點擊次數(shù)，可以在這個按鈕對應(yīng)的點擊方法里面調(diào)用 SDK 提供的接口來采集事件。

webfunny前端埋點系統(tǒng)采用了代碼埋點方案、集數(shù)據(jù)集采+分析一體化輕量級系統(tǒng)。 埋點的作用可以提高渠道轉(zhuǎn)化:通過用戶的操作序列，找到用戶流失的節(jié)點。

當(dāng)我們點擊一個控件時，要上報哪些內(nèi)容才能全的分析這個點擊行為呢？

準(zhǔn)確的說，一個事件的觸發(fā)，有4個因素：觸發(fā)者、觸發(fā)位置、觸發(fā)的事件、觸發(fā)的時間。(3)觸發(fā)的事件事件類型有瀏覽、點擊、曝光、懸浮，下拉、滾動、長按、右鍵等等，常用的還是瀏覽和點擊。(4)觸發(fā)的事件事件觸發(fā)的時間一般取的是客戶端時間，也就是用戶的本地時間，如果用戶的設(shè)備是移動端，取的就是手機時間，如果是電腦，取的就是電腦的時間。

但是客戶端的時間不太準(zhǔn)確，因為用戶可以去更改設(shè)備時間。所以我們需要一個機制去校準(zhǔn)客戶端時間。一般的做法是，在上報事件時，我們會上報事件觸發(fā)時間t1和數(shù)據(jù)發(fā)送時間t2，服務(wù)端也會拿到一個接收數(shù)據(jù)的時間t3，如果t3-t2>60s，則認為客戶端時間不準(zhǔn)，要對客戶端時間進行修正，修正后的客戶端時間是：t1+(t3-t2)為啥t3-t2>60s會認為不準(zhǔn)，因為數(shù)據(jù)發(fā)送到接收的時間，一般不會超過60s。 代碼埋點優(yōu)點傳遞多樣化自定義屬性、自定義事件，傳遞比較豐富的數(shù)據(jù)到服務(wù)端。常見的前端埋點頁面埋點軟件

webfunny前端埋點一體化埋點系統(tǒng)。專業(yè)的前端埋點框架工具

可視化埋點又叫無痕埋點，通過可視化交互的方式，代替代碼埋點，減少了前端代碼的工作量。將業(yè)務(wù)代碼和埋點代碼分離，提供一個可視化交互的頁面，輸入為業(yè)務(wù)代碼，通過這個可視化系統(tǒng)，可以在業(yè)務(wù)代碼中自定義的增加埋點事件等，然后輸出了耦合了業(yè)務(wù)代碼和埋點代碼的代碼。

本質(zhì)上就是用系統(tǒng)去插入本來需要手動插入的埋點。這種埋點方式需要花錢找服務(wù)商來做，比如：國外的Mixpanel、TalkingData、騰訊MTA等。

可視化埋點的優(yōu)點：減少前端代碼工作量。可視化埋點的缺點：可視化埋點可以埋點的控件有限，不能手動定制。 專業(yè)的前端埋點框架工具

上海觀縱科技有限公司成立于2022-11-14，位于上海市奉賢區(qū)望園南路1288弄80號1904、1909室，公司自成立以來通過規(guī)范化運營和高質(zhì)量服務(wù)，贏得了客戶及社會的一致認可和好評。本公司主要從事webfunny前端監(jiān)控，webfunny前端埋點，全鏈路應(yīng)用性能監(jiān)控，Argus-IT運維監(jiān)控領(lǐng)域內(nèi)的webfunny前端監(jiān)控，webfunny前端埋點，全鏈路應(yīng)用性能監(jiān)控，Argus-IT運維監(jiān)控等產(chǎn)品的研究開發(fā)。擁有一支研發(fā)能力強、成果豐碩的技術(shù)隊伍。公司先后與行業(yè)上游與下游企業(yè)建立了長期合作的關(guān)系。webfunny,walkingfunny,argus致力于開拓國內(nèi)市場，與傳媒、廣電行業(yè)內(nèi)企業(yè)建立長期穩(wěn)定的伙伴關(guān)系，公司以產(chǎn)品質(zhì)量及良好的售后服務(wù)，獲得客戶及業(yè)內(nèi)的一致好評。上海觀縱科技有限公司通過多年的深耕細作，企業(yè)已通過傳媒、廣電質(zhì)量體系認證，確保公司各類產(chǎn)品以高技術(shù)、高性能、高精密度服務(wù)于廣大客戶。歡迎各界朋友蒞臨參觀、 指導(dǎo)和業(yè)務(wù)洽談。