方案前端埋點(diǎn)

無(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)擊事件如何埋？方案前端埋點(diǎn)

可視化埋點(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)定制。 方案前端埋點(diǎn)埋點(diǎn)是為了滿足快捷、高效、豐富的數(shù)據(jù)應(yīng)用而做的用戶行為過(guò)程及結(jié)果記錄。

代碼埋點(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)沒(méi)有影響，是可控的埋點(diǎn)方式。

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

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

在進(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)分析，是網(wǎng)站分析和APP分析常用的數(shù)據(jù)采集方法。埋點(diǎn)采集方法一般分為兩種，可視化埋點(diǎn)和代碼埋點(diǎn)。

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

①埋點(diǎn)開(kāi)發(fā)技術(shù)執(zhí)行不到位的問(wèn)題絕大多數(shù)情況下我們說(shuō)埋點(diǎn)，一般都是說(shuō)前端埋點(diǎn)，前端開(kāi)發(fā)工程師在做埋點(diǎn)的時(shí)候又多是人為埋點(diǎn)，在開(kāi)發(fā)過(guò)程中，會(huì)造成部分信息冗余、重復(fù)、記錄不完整的情況存在；

②多產(chǎn)品之間的模塊差異化問(wèn)題埋點(diǎn)不能夠只有一套標(biāo)準(zhǔn)規(guī)范，多生態(tài)應(yīng)用下，業(yè)務(wù)繁瑣，在產(chǎn)品、技術(shù)的架構(gòu)上有明顯的差異，不同的產(chǎn)品、模塊、坑位、點(diǎn)擊事件的定義也可能有一定的區(qū)別，這時(shí)候可能需要根據(jù)場(chǎng)景劃分不同的埋點(diǎn)標(biāo)準(zhǔn)；

③自定義埋點(diǎn)信息的鍵對(duì)設(shè)計(jì)問(wèn)題往往會(huì)在埋點(diǎn)里面增加一個(gè)json的字段（bdata），在埋點(diǎn)的時(shí)候?qū)懭胱远x的業(yè)務(wù)信息進(jìn)行場(chǎng)景識(shí)別，譬如活動(dòng)id、業(yè)務(wù)信息、用戶快照的基本信息等，不同開(kāi)發(fā)寫(xiě)入的自定義字段格式可能會(huì)有差異； 前端監(jiān)控的目的：獲取用戶行為以及跟蹤產(chǎn)品在用戶端的使用情況，并以監(jiān)控?cái)?shù)據(jù)為基礎(chǔ)，指明產(chǎn)品優(yōu)化的方向。方案前端埋點(diǎn)

埋點(diǎn)無(wú)論是項(xiàng)目后期的復(fù)盤(pán)，還是明確業(yè)務(wù)價(jià)值，還是產(chǎn)品價(jià)值的挖掘，都具備很重要的意義。方案前端埋點(diǎn)

如果要問(wèn)前端埋點(diǎn)基本要實(shí)現(xiàn)的功能是什么？

那必然是數(shù)據(jù)發(fā)送的能力，否則即便有應(yīng)用、有用戶、有數(shù)據(jù)也只能保存在本地沒(méi)法發(fā)送給相應(yīng)的監(jiān)控系統(tǒng)，意味就沒(méi)法進(jìn)行收集和統(tǒng)計(jì)，數(shù)據(jù)就等于白給。

那么數(shù)據(jù)發(fā)送都有什么方式呢？針對(duì)這個(gè)問(wèn)題把數(shù)據(jù)發(fā)送翻譯成請(qǐng)求發(fā)送就容易多了，轉(zhuǎn)而問(wèn)題就變成了請(qǐng)求發(fā)送方式都有哪些？一般會(huì)包括如下幾種（包括但不限于）：XMLHttpRequest、fetch、form表單的action、基于元素src屬性的請(qǐng)求、img標(biāo)簽的src、script標(biāo)簽的src、N 方案前端埋點(diǎn)

上海觀縱科技有限公司發(fā)展規(guī)模團(tuán)隊(duì)不斷壯大，現(xiàn)有一支專(zhuān)業(yè)技術(shù)團(tuán)隊(duì)，各種專(zhuān)業(yè)設(shè)備齊全。在觀縱科技近多年發(fā)展歷史，公司旗下現(xiàn)有品牌webfunny,walkingfunny,argus等。公司不僅*提供專(zhuān)業(yè)的一般項(xiàng)目:技術(shù)服務(wù)、技術(shù)開(kāi)發(fā)、技術(shù)咨詢(xún)、技術(shù)交流、技術(shù)轉(zhuǎn)讓、技術(shù)推廣;軟件開(kāi)發(fā);人工智能基礎(chǔ)軟件開(kāi)發(fā);人工智能應(yīng)用軟件開(kāi)發(fā);數(shù)據(jù)處理服務(wù);信息技術(shù)咨詢(xún)服務(wù);信息系統(tǒng)集成服務(wù):信息系統(tǒng)運(yùn)行維護(hù)服務(wù);計(jì)算機(jī)系統(tǒng)服務(wù);軟件銷(xiāo)售;計(jì)算機(jī)軟硬件及輔助設(shè)備批發(fā);計(jì)算機(jī)軟硬件及輔助設(shè)備零售;電子產(chǎn)品銷(xiāo)售;通信設(shè)備銷(xiāo)售;通訊設(shè)備銷(xiāo)售;咨詢(xún)策劃服務(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)部門(mén)批準(zhǔn)后方可開(kāi)展經(jīng)營(yíng)活動(dòng)，具體經(jīng)營(yíng)項(xiàng)目以相關(guān)部門(mén)批準(zhǔn)文件或許可證件為準(zhǔn))，同時(shí)還建立了完善的售后服務(wù)體系，為客戶提供良好的產(chǎn)品和服務(wù)。觀縱科技始終以質(zhì)量為發(fā)展，把顧客的滿意作為公司發(fā)展的動(dòng)力，致力于為顧客帶來(lái)***的webfunny前端監(jiān)控，webfunny前端埋點(diǎn)，全鏈路應(yīng)用性能監(jiān)控，Argus-IT運(yùn)維監(jiān)控。