webfunny前端埋點(diǎn)系統(tǒng)，是一個(gè)輕量級(jí),、易使用，埋點(diǎn)分析一體化的產(chǎn)品,，用戶可以根據(jù)自己的需求，創(chuàng)建不同的埋點(diǎn),，選擇不同的圖形在數(shù)據(jù)看板中來(lái)展示分析數(shù)據(jù),，我們支持單個(gè)數(shù)據(jù)的展示，有適用于體現(xiàn)數(shù)據(jù)的變化趨勢(shì),，也有適用于體現(xiàn)總量和比率,，還支持多個(gè)數(shù)據(jù)進(jìn)行重疊展示等等。

埋點(diǎn)系統(tǒng)就是為了幫助產(chǎn)品經(jīng)理,、分析師統(tǒng)計(jì)業(yè)務(wù)數(shù)據(jù)而生的,。原則上，無(wú)論監(jiān)控系統(tǒng)做的多么強(qiáng)大,，都無(wú)法覆蓋場(chǎng)景復(fù)雜的業(yè)務(wù)數(shù)據(jù)統(tǒng)計(jì),。

比如：商品頁(yè)面，用戶從登錄->瀏覽商品->加入購(gòu)物車->點(diǎn)擊購(gòu)買按鈕->付款確認(rèn),，這個(gè)過(guò)程中,，每一個(gè)步驟的流失率，留存率是多少,，如何優(yōu)化,。這些跟業(yè)務(wù)強(qiáng)相關(guān)的數(shù)據(jù)，監(jiān)控是很難做到的,，這就需要埋點(diǎn)來(lái)完成了,。 可視化埋點(diǎn)方案優(yōu)點(diǎn)：對(duì)開發(fā)人員依賴低，可以按照業(yè)務(wù)需求上報(bào)數(shù)據(jù),，對(duì)上下文數(shù)據(jù)有一定收集能力,。穩(wěn)定的前端埋點(diǎn)曝光事件系統(tǒng)

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

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

根據(jù)上述的優(yōu)缺點(diǎn)可以知道：代碼埋點(diǎn)使用較為靈活，但是成本較高,。因此,，比較好在全埋點(diǎn)、可視化全埋點(diǎn)等埋點(diǎn)方案無(wú)法解決問題時(shí),，或者更強(qiáng)調(diào)自定義的場(chǎng)景時(shí)來(lái)使用,。 前端埋點(diǎn)數(shù)據(jù)采集工具怎么做常見埋點(diǎn)事件：頁(yè)面停留上報(bào)時(shí)機(jī)在當(dāng)前頁(yè)面切換或者頁(yè)面卸載時(shí)。

在進(jìn)行可視化埋點(diǎn)和無(wú)埋點(diǎn)是可以借助三方平臺(tái)方案進(jìn)行實(shí)現(xiàn),，如webfunny,、觀縱科技等。如果對(duì)數(shù)據(jù)安全比較重視,，業(yè)務(wù)又相對(duì)復(fù)雜,，公司則通常是使用代碼埋點(diǎn)方式采集數(shù)據(jù)，并搭建相應(yīng)的數(shù)據(jù)產(chǎn)品實(shí)現(xiàn)其數(shù)據(jù)應(yīng)用或是分析的訴求,。

在埋點(diǎn)的技術(shù)方案中,，首先要重視的，是用戶主要標(biāo)識(shí)的建設(shè),。如果做不到對(duì)用戶的主要識(shí)別,，那么基礎(chǔ)的UV統(tǒng)計(jì)，都將是錯(cuò)誤的,。因此,，在數(shù)據(jù)埋點(diǎn)方案中，有兩個(gè)信息是一定要記錄的,，即設(shè)備ID+用戶ID,。

設(shè)備ID作為用戶使用哪個(gè)設(shè)備，如安卓的ANDROID_ID/IMEI,，IOS中的IDFA/UDID,，瀏覽器的Cookie，小程序的OpenID等,。

用戶ID,，作為用戶在產(chǎn)品中所注冊(cè)的賬號(hào),，通常是手機(jī)號(hào)，也可以是郵箱等其他格式,。當(dāng)這兩個(gè)信息能夠獲得時(shí),，不論是用戶更換設(shè)備，或者是同一臺(tái)設(shè)備不同賬號(hào)登錄,，我們都能夠根據(jù)這兩個(gè)ID,，來(lái)識(shí)別出誰(shuí)在對(duì)設(shè)備做操作。

前端埋點(diǎn)是前端監(jiān)控的實(shí)現(xiàn)方式,，前端埋點(diǎn)和上報(bào)即是數(shù)據(jù)的收集階段,。目前常見的前端埋點(diǎn)方法主要分為：代碼埋點(diǎn)、可視化埋點(diǎn)和無(wú)痕埋點(diǎn),。代碼埋點(diǎn)：代碼埋點(diǎn)也叫手動(dòng)埋點(diǎn),，是以嵌入代碼的形式進(jìn)行埋點(diǎn)的，比如需要監(jiān)控用戶的點(diǎn)擊事件,，會(huì)選擇在用戶點(diǎn)擊事情上插入埋點(diǎn)代碼,，從而在觸發(fā)時(shí)直接傳遞給服務(wù)端；當(dāng)需要統(tǒng)計(jì)一個(gè)toC網(wǎng)站的PV和UV時(shí),，需要在網(wǎng)頁(yè)初始化時(shí),，發(fā)送用戶的訪問信息等。本質(zhì)就是用js代碼拿到一些信息,，然后在一些特定的位置返回給服務(wù)端,，還可以拿到Performance的信息什么是埋點(diǎn)？主要是針對(duì)特定用戶行為或業(yè)務(wù)過(guò)程進(jìn)行捕獲,、處理和發(fā)送的相關(guān)技術(shù)及實(shí)施過(guò)程,。

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

準(zhǔn)確的說(shuō),，一個(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ì)超過(guò)60s,。 前端埋點(diǎn)大致分為：代碼埋點(diǎn)、可視化埋點(diǎn),、無(wú)痕埋點(diǎn)三種,，webfunny前端埋點(diǎn)主要是代碼埋點(diǎn)方案。從零開始搭建前端埋點(diǎn)平臺(tái)

可視化埋點(diǎn)即以業(yè)務(wù)代碼為輸入,，通過(guò)可視化系統(tǒng)配置埋點(diǎn),，以耦合的形式輸出業(yè)務(wù)代碼和埋點(diǎn)代碼。穩(wěn)定的前端埋點(diǎn)曝光事件系統(tǒng)

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

一,、梳理當(dāng)前業(yè)務(wù),，未來(lái)業(yè)務(wù)發(fā)展問題，目的是給埋點(diǎn)預(yù)留空間①業(yè)務(wù)兼容的問題前期規(guī)范執(zhí)行之后,，后續(xù)隨著業(yè)務(wù)的拓展,，已有數(shù)據(jù)字段滿足不了業(yè)務(wù)的分析需求,；②產(chǎn)品兼容的問題埋點(diǎn)從應(yīng)用端來(lái)區(qū)分，web/ios/android,，小程序,，公眾號(hào)，然后還要區(qū)分一下是否是原生,，還是H5,，新老版本之間肯定會(huì)帶來(lái)一些模塊化的差異； 穩(wěn)定的前端埋點(diǎn)曝光事件系統(tǒng)

觀縱科技,，2022-11-14正式啟動(dòng),，成立了webfunny前端監(jiān)控，webfunny前端埋點(diǎn),，全鏈路應(yīng)用性能監(jiān)控,，Argus-IT運(yùn)維監(jiān)控等幾大市場(chǎng)布局，應(yīng)對(duì)行業(yè)變化,，順應(yīng)市場(chǎng)趨勢(shì)發(fā)展,，在創(chuàng)新中尋求突破，進(jìn)而提升webfunny,walkingfunny,argus的市場(chǎng)競(jìng)爭(zhēng)力,，把握市場(chǎng)機(jī)遇,，推動(dòng)傳媒、廣電產(chǎn)業(yè)的進(jìn)步,。旗下webfunny,walkingfunny,argus在傳媒,、廣電行業(yè)擁有一定的地位，品牌價(jià)值持續(xù)增長(zhǎng),，有望成為行業(yè)中的佼佼者,。隨著我們的業(yè)務(wù)不斷擴(kuò)展，從webfunny前端監(jiān)控,，webfunny前端埋點(diǎn),，全鏈路應(yīng)用性能監(jiān)控，Argus-IT運(yùn)維監(jiān)控等到眾多其他領(lǐng)域,，已經(jīng)逐步成長(zhǎng)為一個(gè)獨(dú)特,，且具有活力與創(chuàng)新的企業(yè)。上海觀縱科技有限公司業(yè)務(wù)范圍涉及一般項(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ù);市場(chǎng)調(diào)查(不含涉外調(diào)查);廣告制作;廣告發(fā)布;廣告設(shè)計(jì)、代理;會(huì)議及展覽服務(wù);貨物進(jìn)出口。(除依法須經(jīng)批準(zhǔn)的項(xiàng)目外,，憑營(yíng)業(yè)執(zhí)照依法自主開展經(jīng)營(yíng)活動(dòng)) 許可項(xiàng)目:建筑智能化系統(tǒng)設(shè)計(jì);建設(shè)工程施工;網(wǎng)絡(luò)文化經(jīng)營(yíng);互聯(lián)網(wǎng)信息服務(wù),。(依法須經(jīng)批準(zhǔn)的項(xiàng)目，經(jīng)相關(guān)部門批準(zhǔn)后方可開展經(jīng)營(yíng)活動(dòng),，具體經(jīng)營(yíng)項(xiàng)目以相關(guān)部門批準(zhǔn)文件或許可證件為準(zhǔn))等多個(gè)環(huán)節(jié),，在國(guó)內(nèi)傳媒,、廣電行業(yè)擁有綜合優(yōu)勢(shì),。在webfunny前端監(jiān)控，webfunny前端埋點(diǎn),，全鏈路應(yīng)用性能監(jiān)控,，Argus-IT運(yùn)維監(jiān)控等領(lǐng)域完成了眾多可靠項(xiàng)目。