前端監(jiān)控之?dāng)?shù)據(jù)監(jiān)控：數(shù)據(jù)監(jiān)控即通過(guò)數(shù)據(jù)分析用戶(hù)行為。
常見(jiàn)的監(jiān)控?cái)?shù)據(jù)包括：PV/UV、頁(yè)面停留時(shí)長(zhǎng)、通過(guò)什么入口進(jìn)入、在頁(yè)面觸發(fā)了什么行為等。統(tǒng)計(jì)這些數(shù)據(jù)就是為了清楚用戶(hù)來(lái)源，拓寬產(chǎn)品的推廣渠道；
了解用戶(hù)在頁(yè)面停留的時(shí)間情況，針對(duì)停留較短的頁(yè)面進(jìn)行分析改進(jìn)。也就是我們常說(shuō)的：who(uuid)、when(time)、from where(referrer)、where(x,y)、what (自定義拓展數(shù)據(jù))串成的用戶(hù)行為路徑。
通過(guò)代碼埋點(diǎn)來(lái)實(shí)現(xiàn)對(duì)應(yīng)用戶(hù)層面的行為分析。 代碼埋點(diǎn)的好處就是前后端都知道發(fā)送了什么數(shù)據(jù)，何時(shí)發(fā)送數(shù)據(jù)。常見(jiàn)的前端埋點(diǎn)數(shù)據(jù)采集軟件
可視化埋點(diǎn)又叫無(wú)痕埋點(diǎn)，通過(guò)可視化交互的方式，代替代碼埋點(diǎn)，減少了前端代碼的工作量。將業(yè)務(wù)代碼和埋點(diǎn)代碼分離，提供一個(gè)可視化交互的頁(yè)面，輸入為業(yè)務(wù)代碼，通過(guò)這個(gè)可視化系統(tǒng)，可以在業(yè)務(wù)代碼中自定義的增加埋點(diǎn)事件等，然后輸出了耦合了業(yè)務(wù)代碼和埋點(diǎn)代碼的代碼。
本質(zhì)上就是用系統(tǒng)去插入本來(lái)需要手動(dòng)插入的埋點(diǎn)。這種埋點(diǎn)方式需要花錢(qián)找服務(wù)商來(lái)做，比如：國(guó)外的Mixpanel、TalkingData、騰訊MTA等。
可視化埋點(diǎn)的優(yōu)點(diǎn)：減少前端代碼工作量?？梢暬顸c(diǎn)的缺點(diǎn)：可視化埋點(diǎn)可以埋點(diǎn)的控件有限，不能手動(dòng)定制。 常見(jiàn)的前端埋點(diǎn)數(shù)據(jù)采集軟件webfunny前端埋點(diǎn)系統(tǒng)支持單個(gè)數(shù)據(jù)的展示，有適用于體現(xiàn)數(shù)據(jù)的變化趨勢(shì)等。
當(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ā)的事件事件類(lèi)型有瀏覽、點(diǎn)擊、曝光、懸浮，下拉、滾動(dòng)、長(zhǎng)按、右鍵等等，常用的還是瀏覽和點(diǎn)擊。(4)觸發(fā)的事件事件觸發(fā)的時(shí)間一般取的是客戶(hù)端時(shí)間，也就是用戶(hù)的本地時(shí)間，如果用戶(hù)的設(shè)備是移動(dòng)端，取的就是手機(jī)時(shí)間，如果是電腦，取的就是電腦的時(shí)間。
但是客戶(hù)端的時(shí)間不太準(zhǔn)確，因?yàn)橛脩?hù)可以去更改設(shè)備時(shí)間。所以我們需要一個(gè)機(jī)制去校準(zhǔn)客戶(hù)端時(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)為客戶(hù)端時(shí)間不準(zhǔn)，要對(duì)客戶(hù)端時(shí)間進(jìn)行修正，修正后的客戶(hù)端時(shí)間是：t1+(t3-t2)為啥t3-t2>60s會(huì)認(rèn)為不準(zhǔn)，因?yàn)閿?shù)據(jù)發(fā)送到接收的時(shí)間，一般不會(huì)超過(guò)60s。
無(wú)埋點(diǎn)又叫全埋點(diǎn)，無(wú)埋點(diǎn)不是不需要埋點(diǎn)，而是全部埋點(diǎn)，前端的任何事件都被綁定上一個(gè)標(biāo)識(shí)，所有的事情都被記錄下來(lái)，只是不需要工程師在業(yè)務(wù)代碼里面插入侵入式的代碼。通過(guò)定期上傳記錄文件，配合文件解析，解析出我們需要的數(shù)據(jù)并生成可視化報(bào)告供專(zhuān)業(yè)人員分析。
無(wú)埋點(diǎn)技術(shù)的關(guān)鍵是：操作可視化配置工具，保存配置，SDK基礎(chǔ)代碼如何根據(jù)配置上報(bào)行為。
無(wú)埋點(diǎn)的優(yōu)點(diǎn)：由于采集的是全量數(shù)據(jù)，所以產(chǎn)品迭代過(guò)程中是不需要關(guān)注埋點(diǎn)邏輯的，也不會(huì)出現(xiàn)漏埋、誤埋等現(xiàn)象無(wú)埋點(diǎn)的缺點(diǎn)：無(wú)埋點(diǎn)采集全量數(shù)據(jù)，給數(shù)據(jù)傳輸和服務(wù)器增加壓力無(wú)法靈活的定制各個(gè)事件所需要上傳的數(shù)據(jù) 代碼埋點(diǎn)屬于侵入式埋點(diǎn)，由開(kāi)發(fā)手動(dòng)在代碼內(nèi)植入預(yù)埋點(diǎn)，完全由開(kāi)發(fā)控制埋點(diǎn)的位置時(shí)間和觸發(fā)機(jī)制。
前端埋點(diǎn)和前端監(jiān)控能做什么？從單個(gè)頁(yè)面的常規(guī)數(shù)據(jù)角度出發(fā)我們可以通過(guò)埋點(diǎn)獲?。涸L問(wèn)次數(shù)（UV/PV）、地域數(shù)據(jù)（IP）、在線時(shí)長(zhǎng)、區(qū)域點(diǎn)擊次數(shù)等數(shù)據(jù)。
當(dāng)我們將這些單點(diǎn)數(shù)據(jù)按照特定的緯度進(jìn)行數(shù)據(jù)聚合，就可以獲得全流程視角下的數(shù)據(jù)如：用戶(hù)留存率/流轉(zhuǎn)率、用戶(hù)轉(zhuǎn)化率、用戶(hù)訪問(wèn)深度等數(shù)據(jù)。
而在埋點(diǎn)數(shù)據(jù)進(jìn)行上報(bào)的同時(shí)，我們也可以同步收集頁(yè)面基礎(chǔ)數(shù)據(jù)/接口相關(guān)數(shù)據(jù)如：頁(yè)面加載/渲染時(shí)長(zhǎng)、頁(yè)面異常、請(qǐng)求接口等數(shù)據(jù)。同時(shí)對(duì)于前端監(jiān)控來(lái)說(shuō)，大致可以分成三個(gè)方向：數(shù)據(jù)監(jiān)控、性能監(jiān)控、異常監(jiān)控。 數(shù)據(jù)埋點(diǎn)是一種常用的數(shù)據(jù)采集的方法。常見(jiàn)的前端埋點(diǎn)數(shù)據(jù)采集軟件
什么是埋點(diǎn)？主要是針對(duì)特定用戶(hù)行為或業(yè)務(wù)過(guò)程進(jìn)行捕獲、處理和發(fā)送的相關(guān)技術(shù)及實(shí)施過(guò)程。常見(jiàn)的前端埋點(diǎn)數(shù)據(jù)采集軟件
為什么需要前端數(shù)據(jù)埋點(diǎn)？
對(duì)產(chǎn)品本身而言，產(chǎn)品和業(yè)務(wù)需要關(guān)注內(nèi)容包括如下幾個(gè)方面：用戶(hù)在產(chǎn)品里主要做什么操作、停留多久、訪問(wèn)幾次；用戶(hù)點(diǎn)擊率占比如何，會(huì)不會(huì)出現(xiàn)某些功能設(shè)計(jì)對(duì)于用戶(hù)而言是無(wú)效的；用戶(hù)在**使用流程上是否順暢，頁(yè)面反饋是否正常友好；可能有哪些潛在的用戶(hù)的功能需要更新。
總的來(lái)說(shuō)，數(shù)據(jù)埋點(diǎn)主要是為了收集數(shù)據(jù)，只有通過(guò)分析數(shù)據(jù)，才能更好的評(píng)估出整個(gè)項(xiàng)目的質(zhì)量和重要性，并且能夠?yàn)楫a(chǎn)品優(yōu)化指明方向（數(shù)據(jù)驅(qū)動(dòng)產(chǎn)品）。 常見(jiàn)的前端埋點(diǎn)數(shù)據(jù)采集軟件
上海觀縱科技有限公司成立于2022-11-14，位于上海市奉賢區(qū)望園南路1288弄80號(hào)1904、1909室，公司自成立以來(lái)通過(guò)規(guī)范化運(yùn)營(yíng)和高質(zhì)量服務(wù)，贏得了客戶(hù)及社會(huì)的一致認(rèn)可和好評(píng)。公司主要產(chǎn)品有webfunny前端監(jiān)控，webfunny前端埋點(diǎn)，全鏈路應(yīng)用性能監(jiān)控，Argus-IT運(yùn)維監(jiān)控等，公司工程技術(shù)人員、行政管理人員、產(chǎn)品制造及售后服務(wù)人員均有多年行業(yè)經(jīng)驗(yàn)。并與上下游企業(yè)保持密切的合作關(guān)系。依托成熟的產(chǎn)品資源和渠道資源，向全國(guó)生產(chǎn)、銷(xiāo)售webfunny前端監(jiān)控，webfunny前端埋點(diǎn)，全鏈路應(yīng)用性能監(jiān)控，Argus-IT運(yùn)維監(jiān)控產(chǎn)品，經(jīng)過(guò)多年的沉淀和發(fā)展已經(jīng)形成了科學(xué)的管理制度、豐富的產(chǎn)品類(lèi)型。上海觀縱科技有限公司通過(guò)多年的深耕細(xì)作，企業(yè)已通過(guò)傳媒、廣電質(zhì)量體系認(rèn)證，確保公司各類(lèi)產(chǎn)品以高技術(shù)、高性能、高精密度服務(wù)于廣大客戶(hù)。歡迎各界朋友蒞臨參觀、 指導(dǎo)和業(yè)務(wù)洽談。