專業(yè)的前端埋點(diǎn)框架工具

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

可視化埋點(diǎn)的優(yōu)點(diǎn)：減少前端代碼工作量?？梢暬顸c(diǎn)的缺點(diǎn)：可視化埋點(diǎn)可以埋點(diǎn)的控件有限，不能手動(dòng)定制。 專業(yè)的前端埋點(diǎn)框架工具

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