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

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

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

代碼埋點在終端嵌入SDK，定義事件并添加事件代碼，用戶所有操作行為會調(diào)用SDK的相應數(shù)據(jù)接口然后把數(shù)據(jù)發(fā)送服務端（數(shù)據(jù)庫）。按需采集，業(yè)務信息更完善，對數(shù)據(jù)的分析更聚焦，因此代碼埋點是一種以業(yè)務價值為出發(fā)的行為分析。

優(yōu)點：數(shù)據(jù)準確性高，自定義程度高，具有很強的靈活性，可以控制發(fā)送的時機和發(fā)送方式等。

埋點準確性順序：代碼埋點＞可視化埋點＞全埋點，SDK較小，對應用本身的使用體驗沒有影響，是可控的埋點方式。

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

舉例·應用場景：如果你不希望在采集數(shù)據(jù)的同時，降低用戶體驗，如果你不希望采集到海量無用數(shù)據(jù)，如果你希望采集的數(shù)據(jù)：顆粒度更細，維度更多，數(shù)據(jù)分析的準確性更高那么，從業(yè)務增長的長遠價值考慮，請選擇代碼埋點。常見的如：頁面停留時間，頁面瀏覽深度，視頻播放時長，用戶鼠標軌跡，表單項停留及終止等等。尤其是一些非點擊的、不可視的行為，是非要代碼埋點來實現(xiàn)不可了。 前端埋點平臺如何搭建可視化埋點方案優(yōu)點：對開發(fā)人員依賴低，可以按照業(yè)務需求上報數(shù)據(jù)，對上下文數(shù)據(jù)有一定收集能力。

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

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

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

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

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

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

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

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

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

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

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

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