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ì)開(kāi)發(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ú)法解決問(wèn)題時(shí)，或者更強(qiáng)調(diào)自定義的場(chǎng)景時(shí)來(lái)使用。 前端埋點(diǎn)數(shù)據(jù)采集工具怎么做常見(jiàn)埋點(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ù)的收集階段。目前常見(jiàn)的前端埋點(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ā)送用戶的訪問(wèn)信息等。本質(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)方案。從零開(kāi)始搭建前端埋點(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ì)碰都很多問(wèn)題，給前端埋點(diǎn)同學(xué)分享下：埋點(diǎn)實(shí)踐過(guò)程中碰到的坑點(diǎn)。
一、梳理當(dāng)前業(yè)務(wù)，未來(lái)業(yè)務(wù)發(fā)展問(wèn)題，目的是給埋點(diǎn)預(yù)留空間①業(yè)務(wù)兼容的問(wèn)題前期規(guī)范執(zhí)行之后，后續(xù)隨著業(yè)務(wù)的拓展，已有數(shù)據(jù)字段滿足不了業(yè)務(wù)的分析需求；②產(chǎn)品兼容的問(wè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ù)開(kāi)發(fā)、技術(shù)咨詢、技術(shù)交流、技術(shù)轉(zhuǎn)讓、技術(shù)推廣;軟件開(kāi)發(fā);人工智能基礎(chǔ)軟件開(kāi)發(fā);人工智能應(yīng)用軟件開(kāi)發(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í)照依法自主開(kāi)展經(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)后方可開(kāi)展經(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)目。