前端數(shù)據(jù)埋點(diǎn)之頁面性能：頁面性能其實(shí)也是前端性能優(yōu)化中一個(gè)需要考慮和優(yōu)化的點(diǎn)，畢竟如果一個(gè)網(wǎng)站老是發(fā)生白屏、交互卡頓、頁面資源加載時(shí)間長等問題，肯定是沒辦法留住用戶的，特別是用戶的真實(shí)環(huán)境各不相同，如Windowsx、MACOS、Android、iOS等，更加需要統(tǒng)計(jì)和收集相關(guān)數(shù)據(jù)，便于進(jìn)行集中優(yōu)化處理，提升用戶體驗(yàn)。

與頁面性能指標(biāo)相關(guān)的內(nèi)容，這里大致總結(jié)下：初次繪制（FirstPaint，F(xiàn)P）在渲染進(jìn)程確認(rèn)要渲染當(dāng)前響應(yīng)資源后，渲染進(jìn)程會(huì)先創(chuàng)建一個(gè)空白頁面，通常把創(chuàng)建空白頁面的這個(gè)時(shí)間點(diǎn)稱為FirstPaint，簡稱FP。

所謂的白屏?xí)r間其實(shí)指的就是創(chuàng)建這個(gè)空白頁面到瀏覽器開始渲染非空白內(nèi)容的時(shí)間，比如頁面背景發(fā)生變化等。 可視化埋點(diǎn)即以業(yè)務(wù)代碼為輸入，通過可視化系統(tǒng)配置埋點(diǎn)，以耦合的形式輸出業(yè)務(wù)代碼和埋點(diǎn)代碼。國內(nèi)前端埋點(diǎn)頁面埋點(diǎn)平臺(tái)

代碼埋點(diǎn)在終端嵌入SDK，定義事件并添加事件代碼，用戶所有操作行為會(huì)調(diào)用SDK的相應(yīng)數(shù)據(jù)接口然后把數(shù)據(jù)發(fā)送服務(wù)端（數(shù)據(jù)庫）。按需采集，業(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)用場景：如果你不希望在采集數(shù)據(jù)的同時(shí)，降低用戶體驗(yàn)，如果你不希望采集到海量無用數(shù)據(jù)，如果你希望采集的數(shù)據(jù)：顆粒度更細(xì)，維度更多，數(shù)據(jù)分析的準(zhǔn)確性更高那么，從業(yè)務(wù)增長的長遠(yuǎn)價(jià)值考慮，請選擇代碼埋點(diǎn)。常見的如：頁面停留時(shí)間，頁面瀏覽深度，視頻播放時(shí)長，用戶鼠標(biāo)軌跡，表單項(xiàng)停留及終止等等。尤其是一些非點(diǎn)擊的、不可視的行為，是非要代碼埋點(diǎn)來實(shí)現(xiàn)不可了。 前端埋點(diǎn)平臺(tái)如何搭建可視化埋點(diǎn)方案優(yōu)點(diǎn)：對(duì)開發(fā)人員依賴低，可以按照業(yè)務(wù)需求上報(bào)數(shù)據(jù)，對(duì)上下文數(shù)據(jù)有一定收集能力。

埋點(diǎn)行為數(shù)據(jù)的意義：

1）從數(shù)據(jù)構(gòu)成角度:一個(gè)完善的數(shù)據(jù)源主要分為三部分：部分是用戶行為數(shù)據(jù)、第二部分是用戶信息和CRM數(shù)據(jù)、第三部分是交易數(shù)據(jù)和服務(wù)端日志數(shù)據(jù)。除了交易數(shù)據(jù)會(huì)經(jīng)常被存儲(chǔ)加載保存通過ETL來獲取分析外，行為數(shù)據(jù)和日志數(shù)據(jù)常常被忽略浪費(fèi)。埋點(diǎn)技術(shù)就是對(duì)用戶行為數(shù)據(jù)和日志數(shù)據(jù)做針對(duì)性的數(shù)據(jù)采集，精確采集獲取用戶行為數(shù)據(jù)，豐富用戶數(shù)據(jù)維度信息，服務(wù)于更加精細(xì)化的用戶畫像。

2）從產(chǎn)品功能角度：隨著移動(dòng)互聯(lián)網(wǎng)的普及和發(fā)展，大量行為數(shù)據(jù)在移動(dòng)端產(chǎn)生，這些用戶和應(yīng)用之間交互行為的數(shù)據(jù)信息都是通過埋點(diǎn)技術(shù)實(shí)現(xiàn)采集的，對(duì)于后續(xù)提升用戶體驗(yàn)以及用戶“千人千面”的營銷都是非常寶貴的資源。3）從企業(yè)管理發(fā)展角度：基于用戶交互數(shù)據(jù)，結(jié)合洞察分析的手段反推建設(shè)用戶的行為數(shù)據(jù)畫像，優(yōu)化形成更符合客戶需求的增值產(chǎn)品和服務(wù)，并重新投入到用戶的使用過程中，形成完整的業(yè)務(wù)閉環(huán)，驅(qū)動(dòng)業(yè)務(wù)增長。

埋點(diǎn)有哪些方式？代碼埋點(diǎn)出現(xiàn)的時(shí)間很早了，在GoogleAnalytics年代，就已經(jīng)出現(xiàn)了類似的方案了。目前，國內(nèi)的服務(wù)商，如觀縱科技、webfunny、友盟等都提供了這一方案。

代碼埋點(diǎn)的技術(shù)原理也很簡單，在APP或者界面初始化的時(shí)候，初始化第三方數(shù)據(jù)分析服務(wù)商的SDK，然后在某個(gè)事件發(fā)生時(shí)就調(diào)用SDK里面相應(yīng)的數(shù)據(jù)發(fā)送接口發(fā)送數(shù)據(jù)。例如，我們想統(tǒng)計(jì)APP里面某個(gè)按鈕的點(diǎn)擊次數(shù)，則在APP的某個(gè)按鈕被點(diǎn)擊時(shí)，可以在這個(gè)按鈕對(duì)應(yīng)的OnClick函數(shù)里面調(diào)用SDK提供的數(shù)據(jù)發(fā)送接口來發(fā)送數(shù)據(jù)。 前端埋點(diǎn)活躍用戶分析。

眾所周知產(chǎn)品通過埋點(diǎn)可以進(jìn)行用戶行為分析，隨著互聯(lián)網(wǎng)發(fā)展，企業(yè)對(duì)于網(wǎng)站的PV、UV、用戶的轉(zhuǎn)化、新增和留存也越來越關(guān)注。而完整的數(shù)據(jù)采集是一切的前提。

埋點(diǎn)即監(jiān)控用戶在應(yīng)用表現(xiàn)層的行為，于產(chǎn)品迭代而言至關(guān)重要，運(yùn)營，產(chǎn)品，數(shù)據(jù)分析基于此來對(duì)用戶行為進(jìn)行分析統(tǒng)計(jì)，同時(shí)埋點(diǎn)也可作為一種前端監(jiān)控的手段，檢驗(yàn)功能是否達(dá)預(yù)期的佐證。

基于埋點(diǎn)數(shù)據(jù)進(jìn)行用戶行為分析，可以得到包含頁面點(diǎn)擊量、用戶訪問量、用戶訪問路徑、用戶轉(zhuǎn)化率、導(dǎo)流轉(zhuǎn)化率、用戶訪問時(shí)長和用戶訪問內(nèi)容分析等重要數(shù)據(jù)。 數(shù)據(jù)分析:埋點(diǎn)作為原料放在數(shù)據(jù)倉庫中。提供渠道轉(zhuǎn)化、個(gè)性推薦等。常見的前端埋點(diǎn)sdk工具

埋點(diǎn)事件較多，或者網(wǎng)頁內(nèi)部交互頻繁，可以通過本地存儲(chǔ)的方式先緩存上報(bào)信息，然后定期上報(bào)。國內(nèi)前端埋點(diǎn)頁面埋點(diǎn)平臺(tái)

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

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

上海觀縱科技有限公司依托可靠的品質(zhì)，旗下品牌webfunny,walkingfunny,argus以高質(zhì)量的服務(wù)獲得廣大受眾的青睞。旗下webfunny,walkingfunny,argus在傳媒、廣電行業(yè)擁有一定的地位，品牌價(jià)值持續(xù)增長，有望成為行業(yè)中的佼佼者。我們強(qiáng)化內(nèi)部資源整合與業(yè)務(wù)協(xié)同，致力于webfunny前端監(jiān)控，webfunny前端埋點(diǎn)，全鏈路應(yīng)用性能監(jiān)控，Argus-IT運(yùn)維監(jiān)控等實(shí)現(xiàn)一體化，建立了成熟的webfunny前端監(jiān)控，webfunny前端埋點(diǎn)，全鏈路應(yīng)用性能監(jiān)控，Argus-IT運(yùn)維監(jiān)控運(yùn)營及風(fēng)險(xiǎn)管理體系，累積了豐富的傳媒、廣電行業(yè)管理經(jīng)驗(yàn)，擁有一大批專業(yè)人才。值得一提的是，觀縱科技致力于為用戶帶去更為定向、專業(yè)的傳媒、廣電一體化解決方案，在有效降低用戶成本的同時(shí)，更能憑借科學(xué)的技術(shù)讓用戶極大限度地挖掘webfunny,walkingfunny,argus的應(yīng)用潛能。