前端埋點(diǎn)是前端監(jiān)控的實(shí)現(xiàn)方式，前端埋點(diǎn)和上報(bào)即是數(shù)據(jù)的收集階段。目前常見(jiàn)的前端埋點(diǎn)方法主要分為：代碼埋點(diǎn)、可視化埋點(diǎn)和無(wú)痕埋點(diǎn)。代碼埋點(diǎn)：代碼埋點(diǎn)也叫手動(dòng)埋點(diǎn)，是以嵌入代碼的形式進(jìn)行埋點(diǎn)的，比如需要監(jiān)控用戶(hù)的點(diǎn)擊事件，會(huì)選擇在用戶(hù)點(diǎn)擊事情上插入埋點(diǎn)代碼，從而在觸發(fā)時(shí)直接傳遞給服務(wù)端；當(dāng)需要統(tǒng)計(jì)一個(gè)toC網(wǎng)站的PV和UV時(shí)，需要在網(wǎng)頁(yè)初始化時(shí)，發(fā)送用戶(hù)的訪問(wèn)信息等。本質(zhì)就是用js代碼拿到一些信息，然后在一些特定的位置返回給服務(wù)端，還可以拿到Performance的信息常見(jiàn)埋點(diǎn)事件：頁(yè)面停留上報(bào)時(shí)機(jī)在當(dāng)前頁(yè)面切換或者頁(yè)面卸載時(shí)。前端埋點(diǎn)頁(yè)面埋點(diǎn)產(chǎn)品推薦

埋點(diǎn)的功能作用：分析運(yùn)營(yíng)策略的合理性，優(yōu)化用戶(hù)體驗(yàn)，提高使用效率。（精細(xì)營(yíng)銷(xiāo)、場(chǎng)景化提示/私人助理）比如用戶(hù)去餐廳購(gòu)買(mǎi)產(chǎn)品，每次都需要在APP中選擇是否使用優(yōu)惠券，但是通過(guò)埋點(diǎn)發(fā)現(xiàn)，全部的用戶(hù)對(duì)于該商家都是選擇的否，那么說(shuō)明該商家是從來(lái)沒(méi)有進(jìn)行優(yōu)惠券的發(fā)放，那么就可以考慮在商家版中增加一個(gè)是否讓用戶(hù)選擇優(yōu)惠券的選項(xiàng)，若商家沒(méi)有優(yōu)惠券，那么用戶(hù)就可以直接跳過(guò)選擇是否使用優(yōu)惠券，從而提升用戶(hù)體驗(yàn)及使用效率，分析用戶(hù)消費(fèi)行為，分析不同渠道用戶(hù)行為差異。常見(jiàn)的前端埋點(diǎn)數(shù)據(jù)采集平臺(tái)前端埋點(diǎn)曝光事件點(diǎn)擊事件如何埋？

前端埋點(diǎn)的3種主流方案：

一、無(wú)痕埋點(diǎn)（全埋點(diǎn)）方案，利用瀏覽器或APP自帶的監(jiān)控方式，對(duì)用戶(hù)的瀏覽頁(yè)面、點(diǎn)擊等行為進(jìn)行收集，一般用于粗顆粒度的數(shù)據(jù)分析，例如公司的slardar：數(shù)據(jù)噪聲大不管有用沒(méi)有；數(shù)據(jù)都會(huì)被收集，無(wú)法定制化埋點(diǎn)；無(wú)法采集到指定事件和業(yè)務(wù)屬性；可供DA使用的信息較少；接入簡(jiǎn)單，幾乎無(wú)侵入，不需要額外的開(kāi)發(fā)成本；用戶(hù)操作行為收集非常完整，幾乎不會(huì)遺漏。

二、代碼埋點(diǎn)方案，前端開(kāi)發(fā)人員在代碼中自定義監(jiān)控和收集：工作量大，而且對(duì)代碼侵入性很大，后期維護(hù)也不是很方便；可以精確埋點(diǎn)，具備明確的事件標(biāo)識(shí)；業(yè)務(wù)屬性非常豐富；埋點(diǎn)觸發(fā)方式可以靈活定義；DA使用更方便和精確。

三、埋點(diǎn)sdk方案，sdk向外暴露上報(bào)埋點(diǎn)的接口，監(jiān)控和收集過(guò)程前端開(kāi)發(fā)人員無(wú)感知。業(yè)務(wù)開(kāi)發(fā)只需關(guān)注事件標(biāo)識(shí)、業(yè)務(wù)屬性等；兼顧無(wú)痕埋點(diǎn)優(yōu)點(diǎn)和代碼埋點(diǎn)的優(yōu)勢(shì)。

代碼埋點(diǎn)的實(shí)現(xiàn)原理比較簡(jiǎn)單，主要是初始化 SDK 之后，在某個(gè)事件發(fā)生時(shí)調(diào)用 - track: 或 - track:withProperties: 等相關(guān)接口，將觸發(fā)的事件和屬性保存到數(shù)據(jù)模型中（SDK 中使用的是 NSDictionary 類(lèi)型的數(shù)據(jù)模型）。

并將數(shù)據(jù)模型轉(zhuǎn)化為 JSON 串，存儲(chǔ)到本地?cái)?shù)據(jù)庫(kù)中。然后，按照發(fā)送策略將數(shù)據(jù)發(fā)送到指定的服務(wù)端。例如：我們想統(tǒng)計(jì) App 里面某個(gè)按鈕的點(diǎn)擊次數(shù)，可以在這個(gè)按鈕對(duì)應(yīng)的點(diǎn)擊方法里面調(diào)用 SDK 提供的接口來(lái)采集事件。

webfunny前端埋點(diǎn)系統(tǒng)采用了代碼埋點(diǎn)方案、集數(shù)據(jù)集采+分析一體化輕量級(jí)系統(tǒng)。 代碼埋點(diǎn)優(yōu)點(diǎn)控制精細(xì)，可以非常精確地選擇什么時(shí)候發(fā)送數(shù)據(jù)。

在進(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ù)方案中，首先要重視的，是用戶(hù)主要標(biāo)識(shí)的建設(shè)。如果做不到對(duì)用戶(hù)的主要識(shí)別，那么基礎(chǔ)的UV統(tǒng)計(jì)，都將是錯(cuò)誤的。因此，在數(shù)據(jù)埋點(diǎn)方案中，有兩個(gè)信息是一定要記錄的，即設(shè)備ID+用戶(hù)ID。

設(shè)備ID作為用戶(hù)使用哪個(gè)設(shè)備，如安卓的ANDROID_ID/IMEI，IOS中的IDFA/UDID，瀏覽器的Cookie，小程序的OpenID等。

用戶(hù)ID，作為用戶(hù)在產(chǎn)品中所注冊(cè)的賬號(hào)，通常是手機(jī)號(hào)，也可以是郵箱等其他格式。當(dāng)這兩個(gè)信息能夠獲得時(shí)，不論是用戶(hù)更換設(shè)備，或者是同一臺(tái)設(shè)備不同賬號(hào)登錄，我們都能夠根據(jù)這兩個(gè)ID，來(lái)識(shí)別出誰(shuí)在對(duì)設(shè)備做操作。 前端監(jiān)控的目的：獲取用戶(hù)行為以及跟蹤產(chǎn)品在用戶(hù)端的使用情況，并以監(jiān)控?cái)?shù)據(jù)為基礎(chǔ)，指明產(chǎn)品優(yōu)化的方向。有效的前端埋點(diǎn)自定義埋點(diǎn)軟件

可視化埋點(diǎn)方案優(yōu)點(diǎn)：對(duì)開(kāi)發(fā)人員依賴(lài)低，可以按照業(yè)務(wù)需求上報(bào)數(shù)據(jù)，對(duì)上下文數(shù)據(jù)有一定收集能力。前端埋點(diǎn)頁(yè)面埋點(diǎn)產(chǎn)品推薦

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

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

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

上海觀縱科技有限公司主要經(jīng)營(yíng)范圍是傳媒、廣電，擁有一支專(zhuān)業(yè)技術(shù)團(tuán)隊(duì)和良好的市場(chǎng)口碑。觀縱科技致力于為客戶(hù)提供良好的webfunny前端監(jiān)控，webfunny前端埋點(diǎn)，全鏈路應(yīng)用性能監(jiān)控，Argus-IT運(yùn)維監(jiān)控，一切以用戶(hù)需求為中心，深受廣大客戶(hù)的歡迎。公司秉持誠(chéng)信為本的經(jīng)營(yíng)理念，在傳媒、廣電深耕多年，以技術(shù)為先導(dǎo)，以自主產(chǎn)品為重點(diǎn)，發(fā)揮人才優(yōu)勢(shì)，打造傳媒、廣電良好品牌。觀縱科技立足于全國(guó)市場(chǎng)，依托強(qiáng)大的研發(fā)實(shí)力，融合前沿的技術(shù)理念，及時(shí)響應(yīng)客戶(hù)的需求。