什么是前端埋點(diǎn)？埋點(diǎn)，它的學(xué)名是事件追蹤（EventTracking），主要是針對(duì)特定用戶行為或業(yè)務(wù)過程進(jìn)行捕獲、處理和發(fā)送的相關(guān)技術(shù)及實(shí)施過程。埋點(diǎn)是數(shù)據(jù)領(lǐng)域的一個(gè)專業(yè)術(shù)語，也是互聯(lián)網(wǎng)領(lǐng)域的一個(gè)俗稱。

埋點(diǎn)是產(chǎn)品數(shù)據(jù)分析的基礎(chǔ)，一般用于推薦系統(tǒng)的反饋、用戶行為的監(jiān)控和分析、新功能或者運(yùn)營(yíng)活動(dòng)效果的統(tǒng)計(jì)分析等。

埋點(diǎn)包含兩個(gè)重要概念：事件（event），屬性（param）。

事件（event）：應(yīng)用中發(fā)生了什么，例如用戶操作、系統(tǒng)事件或系統(tǒng)錯(cuò)誤。以某產(chǎn)品為例，包含以下事件：enter_page（進(jìn)入頁面）、leave_page（離開頁面）。

屬性（param）：為了描述用戶群細(xì)分而定義的屬性，例如語言偏好或地理位置。以“進(jìn)入課后練習(xí)”事件為例，它包含如下事件屬性：enter_from（從哪個(gè)頁面來），class_id（課程id）等。屬性值（value）：屬性的維度，即行為觸發(fā)時(shí)的具體維度。例如：enter_from：home（主頁）、system（系統(tǒng)）等。 頁面停留埋點(diǎn)事件主要是記錄前一頁瀏覽時(shí)間。前端埋點(diǎn)sdk系統(tǒng)怎么做

可視化埋點(diǎn)又叫無痕埋點(diǎn)，通過可視化交互的方式，代替代碼埋點(diǎn)，減少了前端代碼的工作量。將業(yè)務(wù)代碼和埋點(diǎn)代碼分離，提供一個(gè)可視化交互的頁面，輸入為業(yè)務(wù)代碼，通過這個(gè)可視化系統(tǒng)，可以在業(yè)務(wù)代碼中自定義的增加埋點(diǎn)事件等，然后輸出了耦合了業(yè)務(wù)代碼和埋點(diǎn)代碼的代碼。

本質(zhì)上就是用系統(tǒng)去插入本來需要手動(dòng)插入的埋點(diǎn)。這種埋點(diǎn)方式需要花錢找服務(wù)商來做，比如：國(guó)外的Mixpanel、TalkingData、騰訊MTA等。

可視化埋點(diǎn)的優(yōu)點(diǎn)：減少前端代碼工作量。可視化埋點(diǎn)的缺點(diǎn)：可視化埋點(diǎn)可以埋點(diǎn)的控件有限，不能手動(dòng)定制。 從零開始搭建前端埋點(diǎn)頁面埋點(diǎn)產(chǎn)品可視化埋點(diǎn)方案優(yōu)點(diǎn)：對(duì)開發(fā)人員依賴低，可以按照業(yè)務(wù)需求上報(bào)數(shù)據(jù)，對(duì)上下文數(shù)據(jù)有一定收集能力。

webfunny前端埋點(diǎn)系統(tǒng)，是一個(gè)輕量級(jí)、易使用，埋點(diǎn)分析一體化的產(chǎn)品，用戶可以根據(jù)自己的需求，創(chuàng)建不同的埋點(diǎn)，選擇不同的圖形在數(shù)據(jù)看板中來展示分析數(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ù)而生的。原則上，無論監(jiān)控系統(tǒng)做的多么強(qiáng)大，都無法覆蓋場(chǎng)景復(fù)雜的業(yè)務(wù)數(shù)據(jù)統(tǒng)計(jì)。

比如：商品頁面，用戶從登錄->瀏覽商品->加入購(gòu)物車->點(diǎn)擊購(gòu)買按鈕->付款確認(rèn)，這個(gè)過程中，每一個(gè)步驟的流失率，留存率是多少，如何優(yōu)化。這些跟業(yè)務(wù)強(qiáng)相關(guān)的數(shù)據(jù)，監(jiān)控是很難做到的，這就需要埋點(diǎn)來完成了。

埋點(diǎn)流程規(guī)范，流程規(guī)范會(huì)有五個(gè)步驟，步驟一規(guī)劃評(píng)審：數(shù)據(jù)埋點(diǎn)的方案一旦確定，返工和排查問題的成本都很高，但數(shù)據(jù)埋點(diǎn)之后的分析工作，又涉及到了PD（productdesigner）、BI（BusinessIntelligence）、算法、數(shù)據(jù)等多個(gè)角色。

因此非常有必要，將需求內(nèi)容和數(shù)據(jù)口徑統(tǒng)一，所有人在一套標(biāo)準(zhǔn)下，將需求定義出來，明確我們的分析的場(chǎng)景和目標(biāo)，隨后業(yè)務(wù)側(cè)再介入，進(jìn)行埋點(diǎn)方案的設(shè)計(jì)和開發(fā)。

通常情況下，我們需要記錄用戶在使用產(chǎn)品過程中的操作行為，通過4W1H模型可以比較好的保障信息是完備的。4W1H包括：Who（誰）設(shè)備ID、用戶ID、手機(jī)號(hào)、微信識(shí)別碼等；

When（在什么時(shí)間）記錄日志的時(shí)間戳、日志上報(bào)的時(shí)間戳；Where（在什么位置）IP地址，GPS地址在哪；How（以什么方式）操作系統(tǒng)、設(shè)備型號(hào)、網(wǎng)絡(luò)環(huán)境、APP版本、當(dāng)前頁面等信息；What（做了什么事情）如果是搜索行為，則記錄關(guān)聯(lián)詞；如果是內(nèi)容點(diǎn)擊，則記錄內(nèi)容ID、內(nèi)容類型、列表位置；如果是交易動(dòng)作，記錄交易的商品ID、類型、數(shù)量；如果是支付過程，記錄付款的方式與付款金額。 webfunny前端埋點(diǎn)系統(tǒng)支持單個(gè)數(shù)據(jù)的展示，有適用于體現(xiàn)數(shù)據(jù)的變化趨勢(shì)等。

數(shù)據(jù)埋點(diǎn)主要模型：事件和用戶是數(shù)據(jù)上報(bào)的2大主要內(nèi)容。

當(dāng)我們點(diǎn)擊一個(gè)控件時(shí)，要上報(bào)哪些內(nèi)容才能全的分析這個(gè)點(diǎn)擊行為呢？準(zhǔn)確的說，一個(gè)事件的觸發(fā)，有4個(gè)因素：觸發(fā)者、觸發(fā)位置、觸發(fā)的事件、觸發(fā)的時(shí)間。

(1)觸發(fā)者觸發(fā)者即觸發(fā)事件的用戶。需要一個(gè)主要標(biāo)識(shí)，來識(shí)別不同的用戶。下面的用戶模型將會(huì)講到。(2)觸發(fā)位置如何識(shí)別一個(gè)網(wǎng)頁里面，事件觸發(fā)的位置？需要一個(gè)頁面的主要標(biāo)識(shí)和控件的主要標(biāo)識(shí)。頁面的主要標(biāo)識(shí)一般通過url標(biāo)記，但要處理好url后面的參數(shù)。控件的主要標(biāo)識(shí)一般通過元素在整個(gè)文檔中的xpath路徑來標(biāo)記。xpath是能主要標(biāo)記控件在網(wǎng)頁的主要位置的一種標(biāo)記方法。 對(duì)于產(chǎn)品來說，用戶在你的產(chǎn)品里做了什么、停留了多久、有什么異樣，都是可以通過數(shù)據(jù)埋點(diǎn)來實(shí)現(xiàn)監(jiān)控的。從零開始搭建前端埋點(diǎn)頁面埋點(diǎn)產(chǎn)品

代碼埋點(diǎn)屬于侵入式埋點(diǎn)，由開發(fā)手動(dòng)在代碼內(nèi)植入預(yù)埋點(diǎn)，完全由開發(fā)控制埋點(diǎn)的位置時(shí)間和觸發(fā)機(jī)制。前端埋點(diǎn)sdk系統(tǒng)怎么做

埋點(diǎn)是目的導(dǎo)向，不是說頁面上隨便寫一個(gè)埋點(diǎn)代碼就搞定了，一般情況下，在產(chǎn)品的規(guī)劃階段就要思考埋點(diǎn)問題，每一個(gè)埋點(diǎn)都要思考后續(xù)的數(shù)據(jù)分析，要帶來怎樣的結(jié)果。

同時(shí)埋點(diǎn)也不是一勞永逸的，需要不斷的根據(jù)產(chǎn)品的規(guī)劃，運(yùn)營(yíng)的方向和前置埋點(diǎn)的數(shù)據(jù)分析結(jié)果來合理的調(diào)整埋點(diǎn)，終的目的即是幫助產(chǎn)品收益比較大化。

比如活動(dòng)頁，關(guān)心的即是活動(dòng)參與的人數(shù)，活動(dòng)分享的熱度，活動(dòng)裂變的程度等等，根據(jù)這些目的就可以在頁面上的關(guān)鍵點(diǎn)擊按鈕處，比如“我要參加”，“分享給好友”等地方添加埋點(diǎn)，后續(xù)產(chǎn)品在后臺(tái)可一目了然的知道此次活動(dòng)的實(shí)際效果。 前端埋點(diǎn)sdk系統(tǒng)怎么做

上海觀縱科技有限公司依托可靠的品質(zhì)，旗下品牌webfunny,walkingfunny,argus以高質(zhì)量的服務(wù)獲得廣大受眾的青睞。旗下webfunny,walkingfunny,argus在傳媒、廣電行業(yè)擁有一定的地位，品牌價(jià)值持續(xù)增長(zhǎng)，有望成為行業(yè)中的佼佼者。我們?cè)诎l(fā)展業(yè)務(wù)的同時(shí)，進(jìn)一步推動(dòng)了品牌價(jià)值完善。隨著業(yè)務(wù)能力的增長(zhǎng)，以及品牌價(jià)值的提升，也逐漸形成傳媒、廣電綜合一體化能力。觀縱科技始終保持在傳媒、廣電領(lǐng)域優(yōu)先的前提下，不斷優(yōu)化業(yè)務(wù)結(jié)構(gòu)。在webfunny前端監(jiān)控，webfunny前端埋點(diǎn)，全鏈路應(yīng)用性能監(jiān)控，Argus-IT運(yùn)維監(jiān)控等領(lǐng)域承攬了一大批高精尖項(xiàng)目，積極為更多傳媒、廣電企業(yè)提供服務(wù)。