數(shù)據(jù)埋點(diǎn):前端頁(yè)面PV/UV的觸發(fā)和交互

數(shù)據(jù)埋點(diǎn)是數(shù)據(jù)分析的基礎(chǔ)鹰霍,依據(jù)埋點(diǎn)數(shù)據(jù)中我們可以開展數(shù)據(jù)清洗蒙兰、數(shù)據(jù)歸因磷瘤、分析模型、AB測(cè)試等工作搜变。

如今數(shù)據(jù)分析可以說(shuō)是當(dāng)前最熱門的技能了采缚,不管是產(chǎn)品、運(yùn)營(yíng)還是設(shè)計(jì)都可以明顯感知到各大平臺(tái)挠他、公眾號(hào)都在使勁的推送扳抽。各種9.9秒殺課程、1元限時(shí)體驗(yàn)殖侵。

這說(shuō)明了數(shù)據(jù)分析確實(shí)是一個(gè)大家都需要掌握的趨勢(shì)贸呢,但是我們不能忽視數(shù)據(jù)的生命周期(數(shù)據(jù)的誕生和沉寂),這次聊下數(shù)據(jù)的誕生:前端埋點(diǎn)拢军。

一楞陷、什么是埋點(diǎn)?

埋點(diǎn)我們可以理解成一個(gè)收費(fèi)站茉唉,用戶的行為就像開著車在高速路上跑固蛾。在沒(méi)有做埋點(diǎn)的時(shí)候结执,我們只能知道有人在高速路上跑,但是用戶跑的那條高速路艾凯,經(jīng)過(guò)了哪些地方献幔,在高速路上遇見了什么問(wèn)題我們都不知道。

而做了埋點(diǎn)之后趾诗,就像我們?cè)诟咚俾飞闲藿ㄊ召M(fèi)站蜡感。用戶只要途徑收費(fèi)站,那么我們都會(huì)知曉沧竟,這就是埋點(diǎn)铸敏。而埋點(diǎn)數(shù)據(jù)則是用戶在經(jīng)過(guò)收費(fèi)站時(shí),我們要想知道的關(guān)于用戶的信息悟泵。

除此之外我們也常說(shuō)埋點(diǎn)我們要分代碼埋點(diǎn)杈笔、可視化埋點(diǎn)和全量埋點(diǎn),那么他們有什么區(qū)別糕非?

1. 代碼埋點(diǎn)

我們請(qǐng)了一個(gè)施工隊(duì)蒙具,這個(gè)施工隊(duì)聽你的指揮,并根據(jù)你在高速路上指定的位置建造收費(fèi)站朽肥,這種都是一磚一瓦的施工:

????????優(yōu)點(diǎn):可控性高禁筏,滿足所有的需求;

????????缺點(diǎn):研發(fā)成本衡招、設(shè)計(jì)成本高篱昔。

2. 可視化埋點(diǎn)

我們將需要建造的收費(fèi)站進(jìn)行模具化,只需要到指定位置放置模具始腾,對(duì)模具直接澆灌水泥州刽,收費(fèi)站就直接成型。

????????優(yōu)點(diǎn):操作方面浪箭,布置快捷穗椅;

????????缺點(diǎn):適應(yīng)性差,緯度匹配度因“路”而異奶栖。

3. 全量埋點(diǎn)

直接組裝衛(wèi)星發(fā)射到天上匹表,實(shí)時(shí)監(jiān)控高速路上的用戶行為。

????????優(yōu)點(diǎn):用戶的一舉一動(dòng)我們都知曉宣鄙;

????????缺點(diǎn):數(shù)據(jù)傳輸量大袍镀,數(shù)據(jù)需要二次清洗,占用大量實(shí)時(shí)資源進(jìn)行數(shù)據(jù)傳輸冻晤。


二苇羡、埋點(diǎn)類型

埋點(diǎn)我喜歡分為前端埋點(diǎn)和后端埋點(diǎn)。前端埋點(diǎn)指的是可視化頁(yè)面上的埋點(diǎn)明也,只要是有可視化操作頁(yè)面我們都可以看作是可以進(jìn)行前端埋點(diǎn)宣虾。

后端埋點(diǎn)惯裕,指的是在用戶看不見也摸不到的后端服務(wù)里進(jìn)行埋點(diǎn),比如訂單的生成绣硝、額的計(jì)算蜻势、條件的觸發(fā)等。

在前端埋點(diǎn)中鹉胖,我們主要關(guān)注用戶行為握玛。用戶在頁(yè)面上瀏覽了什么、點(diǎn)擊了什么甫菠。這樣我們可以很好的了解頁(yè)面內(nèi)容對(duì)于用戶感官的影響挠铲。

而后端埋點(diǎn)更加看重業(yè)務(wù)和邏輯,在用戶發(fā)起行為交互后寂诱,對(duì)交互數(shù)據(jù)進(jìn)行記錄拂苹。例如:搜索的內(nèi)容是什么,搜索到的結(jié)果怎么樣等,由此得到數(shù)據(jù)后痰洒,我們可以更好優(yōu)化“策略”瓢棒。

三、前端埋點(diǎn):自動(dòng)觸發(fā)式

1. PV

前端埋點(diǎn)我們常用的就是PV/UV(Page View / User View丘喻;頁(yè)面瀏覽量 / 用戶瀏覽量)脯宿。他們兩個(gè)區(qū)別在于,PV(頁(yè)面瀏覽量)關(guān)注的是頁(yè)面被瀏覽的次數(shù)泉粉,打開一次計(jì)算一次连霉。

UV(用戶瀏覽量)關(guān)注的是瀏覽用戶的數(shù)量,記錄打開瀏覽的用戶數(shù)量嗡靡。了解上面PV/UV的最基本認(rèn)知之后跺撼,我們來(lái)討論如何做好PV/UV的記錄?

我們常識(shí)中PV/UV就只是給技術(shù)提埋點(diǎn)數(shù)據(jù)需求(文檔叽躯、口頭)就完了财边,其實(shí)我們?cè)谔酨V埋點(diǎn)的時(shí)候有很多細(xì)節(jié)肌括。

一般頁(yè)面會(huì)存在生命周期点骑,這種生命周期常見有4個(gè)階段,以VUE(國(guó)內(nèi)用的比較多的前端研發(fā)框架)為例分別是:創(chuàng)建谍夭、加載黑滴、更新、銷毀紧索,這4個(gè)階段分別代表著用戶在點(diǎn)擊打開瀏覽網(wǎng)頁(yè)到點(diǎn)擊關(guān)閉退出網(wǎng)頁(yè)袁辈。

正常情況下用戶進(jìn)入頁(yè)面,先渲染一些簡(jiǎn)單的樣式(html和css)珠漂,隨后便進(jìn)行數(shù)據(jù)的加載更新晚缩,最后用戶點(diǎn)擊關(guān)閉退出頁(yè)面尾膊,如果我們?cè)偌?xì)分可以分為創(chuàng)建前、創(chuàng)建后荞彼、載入前冈敛、載入后、更新前鸣皂、更新后抓谴、銷毀前、銷毀后寞缝。

在我們進(jìn)行PV/UV埋點(diǎn)的時(shí)候癌压,就算相同的一個(gè)緯度(PV/UV)選擇不同的階段進(jìn)行埋點(diǎn),得到的結(jié)果也會(huì)不一樣荆陆。正常情況下滩届,技術(shù)喜歡把埋點(diǎn)做在加載,更新這2個(gè)階段被啼。這樣需要用戶基本完整的看見也看才進(jìn)行埋點(diǎn)數(shù)據(jù)的存儲(chǔ)(才會(huì)觸發(fā)埋點(diǎn))丐吓。

但是在特殊情況下,有些用戶網(wǎng)絡(luò)情況不佳趟据,半天都加載不出頁(yè)面券犁,遇見我們常說(shuō)的白屏,這樣PV的觸發(fā)將會(huì)有不可控性汹碱。

因?yàn)槲覀兒茈y知道因?yàn)榫W(wǎng)絡(luò)的問(wèn)題粘衬,他到底觸沒(méi)觸發(fā)我們的埋點(diǎn)。所以在這樣的情況下咳促,我們可以將PV的觸發(fā)放在“創(chuàng)建”這個(gè)位置稚新,當(dāng)頁(yè)面創(chuàng)建成功機(jī)會(huì)進(jìn)行埋點(diǎn)數(shù)據(jù)的觸發(fā)。

下面是pv埋在不同階段會(huì)有不同的特點(diǎn)跪腹,但是常態(tài)下我們都還是選擇放在更新這個(gè)階段:這只是依據(jù)頁(yè)面的生命周期的鉤子(頁(yè)面運(yùn)行時(shí)褂删,前端代碼加載的先后順序)進(jìn)行說(shuō)明〕迦祝可能存在誤差屯阀,有需要的可以自行去百度vue生命周期。

2. UV

UV和PV埋點(diǎn)的方式相同轴术,唯一不同的地方就是UV需要在PV的基礎(chǔ)上通過(guò)唯一標(biāo)示進(jìn)行篩選难衰。統(tǒng)計(jì)有多少個(gè)唯一標(biāo)示而得UV的數(shù)量,一般我們常見的唯一標(biāo)示如下:

手機(jī)號(hào):用戶登錄頁(yè)面后依據(jù)他綁定的手機(jī)號(hào)來(lái)進(jìn)行統(tǒng)計(jì)逗栽,但是如果用戶未登錄將無(wú)法統(tǒng)計(jì)盖袭;

cookie:通過(guò)用戶瀏覽器上的cookie作為唯一標(biāo)示,但因?yàn)閏ookie是存在用戶瀏覽器中容易被修改;

localStorage:通過(guò)在瀏覽器在本地存儲(chǔ)一個(gè)長(zhǎng)期唯一標(biāo)示鳄虱,但是可以手動(dòng)清理弟塞;

IP:通過(guò)訪問(wèn)頁(yè)面ip地址進(jìn)行區(qū)分,如果ip變更將另行計(jì)算拙已;

seesionStorae:通過(guò)存在服務(wù)器的信息進(jìn)行表示宣肚,有實(shí)效性。

這5個(gè)就是我們常用作為UV唯一標(biāo)示的悠栓,他們推薦使用的優(yōu)先級(jí)手機(jī)>ip>local>cookie>seesion霉涨。

推薦使用手機(jī)號(hào)是因?yàn)椋?dāng)我們擁有自己的賬戶體系的時(shí)候惭适,使用手機(jī)號(hào)作為標(biāo)示這樣可以更好的和我們自身數(shù)據(jù)進(jìn)行關(guān)聯(lián)笙瑟。但這樣面臨的問(wèn)題將是需要用戶進(jìn)行登錄,在一些宣傳h5頁(yè)面上癞志,使用登錄將顯得格外繁瑣往枷,因此衍生出使用ip作為唯一標(biāo)示。

ip我們大家都知道凄杯,會(huì)跟著你的網(wǎng)絡(luò)變化而變化错洁,那么按道理也是不準(zhǔn)的,為什么反而在local前面了(local:網(wǎng)站在瀏覽器本地存的一個(gè)信息戒突,具有唯一性屯碴,能手動(dòng)清理,清理后生成的將不再是原來(lái)的)膊存?

因?yàn)閘ocal雖好导而,但因?yàn)榇蟛糠质謾C(jī)瀏覽器不支持,或者是部分支持這樣數(shù)據(jù)采集又會(huì)不全隔崎,所以退而求次使用ip今艺。

四、擴(kuò)展

在大多數(shù)情況下爵卒,大部分公司都沒(méi)健全的數(shù)據(jù)埋點(diǎn)體系虚缎,有個(gè)pv和uv就不錯(cuò)了。面對(duì)這樣情況我們就去深挖他們的價(jià)值钓株,通過(guò)對(duì)他們的簡(jiǎn)單應(yīng)用实牡,實(shí)現(xiàn)對(duì)我們大膽猜測(cè)的依據(jù)。

1. 轉(zhuǎn)化率

通過(guò)代碼埋點(diǎn)或是全量埋點(diǎn)享幽,將關(guān)鍵業(yè)務(wù)涉及頁(yè)面進(jìn)行埋點(diǎn)覆蓋铲掐,使用下個(gè)頁(yè)面pv/uv量除上個(gè)頁(yè)面pv/uv量我們就可以得出頁(yè)面之間的轉(zhuǎn)化率拾弃。

比如:有ab兩個(gè)頁(yè)面值桩,點(diǎn)擊a頁(yè)面才會(huì)進(jìn)入b頁(yè)面。現(xiàn)有100個(gè)pv/uv被a頁(yè)面進(jìn)行統(tǒng)計(jì)豪椿,當(dāng)在b頁(yè)面時(shí)統(tǒng)計(jì)時(shí)候奔坟,出現(xiàn)了120個(gè)pv/uv携栋,將這120個(gè)pv/uv與a頁(yè)面的進(jìn)行對(duì)比,出現(xiàn)有90個(gè)pv/uv相互重復(fù)(交集)咳秉,最后用b頁(yè)面相互重復(fù)的90個(gè)pv/uv除以a頁(yè)面這100pv/uv婉支,得出他們之間的轉(zhuǎn)化率為90%(90/100=0.9)。

2. 停留時(shí)間

如果只是pv/uv其實(shí)應(yīng)用面會(huì)很少澜建,那么我們就需要在頁(yè)面的四個(gè)階段中做其他的類似pv/uv的埋點(diǎn)向挖,只不過(guò)是用戶記錄時(shí)間。

當(dāng)頁(yè)面創(chuàng)建(用戶訪問(wèn)網(wǎng)站或頁(yè)面)時(shí)炕舵,我們可以將出發(fā)pv/uv的時(shí)間進(jìn)行存儲(chǔ)何之。而當(dāng)用戶正常離開頁(yè)面時(shí),我們?cè)俅斡涗洉r(shí)間咽筋,后者減去前者我們就得到了停留時(shí)間溶推。

但是需要我們注意的是,用戶很少按照我們?cè)O(shè)計(jì)的流程執(zhí)行奸攻。在app中會(huì)出現(xiàn)用戶直接退出整個(gè)應(yīng)用蒜危,這樣會(huì)讓數(shù)據(jù)存在差異。也有用戶使用app將頁(yè)面常掛手機(jī)后臺(tái)睹耐,這樣數(shù)據(jù)也會(huì)出現(xiàn)差異辐赞。

同時(shí)在小程序(微信小程序)上使用停留時(shí)間的埋點(diǎn),會(huì)因?yàn)槲⑿判〕绦虻奶匦詿o(wú)法關(guān)閉硝训,后臺(tái)執(zhí)行出現(xiàn)差異占拍。所以我們要警惕那些差異性很大的數(shù)據(jù),將他們剔除捎迫,放置在其他數(shù)據(jù)中將是一個(gè)好方法晃酒。

五、前端埋點(diǎn):互動(dòng)式

除了依據(jù)用戶瀏覽行為進(jìn)行自動(dòng)式觸發(fā)的埋點(diǎn)(不絕對(duì))pv/uv外窄绒,我們還有一種埋點(diǎn)方式需要用戶參與互動(dòng)贝次。

常見的是用戶進(jìn)行按鈕的點(diǎn)擊和頁(yè)面的滑動(dòng)。我們通過(guò)對(duì)按鈕計(jì)數(shù)(pv)和去重(uv)彰导,這樣我們可以了解這個(gè)功能按鈕的使用情況蛔翅,這樣也就能夠支撐我們進(jìn)行一些小功能簡(jiǎn)單的ab測(cè)試。

又或者我們與用戶的滑動(dòng)行為結(jié)合起來(lái)埋點(diǎn)位谋。技術(shù)可以通過(guò)監(jiān)聽用戶滑動(dòng)位置山析,來(lái)決定是否觸發(fā)埋點(diǎn),這也是我們常說(shuō)的曝光埋點(diǎn)掏父。

曝光埋點(diǎn):這種埋點(diǎn)一般常用戶商品笋轨、內(nèi)容的推薦上。當(dāng)我們?cè)O(shè)置推薦的商品或內(nèi)容在首屏上時(shí),同時(shí)用戶首次進(jìn)入頁(yè)面爵政,那我們可以根據(jù)自身業(yè)務(wù)選擇使用pv或uv做作他們的曝光量仅讽,但是這僅限固定商品和內(nèi)容。

這樣對(duì)于多個(gè)商品進(jìn)行輪播曝光時(shí)钾挟,會(huì)因?yàn)樯唐返妮啿C(jī)制難以確認(rèn)單個(gè)商品的曝光量洁灵,所以一般我們?cè)趯?duì)于多個(gè)商品進(jìn)行輪播曝光時(shí),暫時(shí)都只統(tǒng)計(jì)這個(gè)輪播模塊的曝光量掺出。

而對(duì)于模塊中的商品我們常用曝光轉(zhuǎn)化率來(lái)看徽千。計(jì)算方式有點(diǎn)像輪播圖的計(jì)算方式,單個(gè)商品點(diǎn)擊量(按鈕pv/uv)/整體模塊曝光量(pv/uv)= 單個(gè)商品的轉(zhuǎn)化率汤锨。

這種使用頁(yè)面的pv/uv來(lái)作為計(jì)算模塊和商品曝光量的方式罐栈,僅限在首屏上固定曝光的模塊。如果計(jì)算曝光量的模塊或商品不在首屏上泥畅,那么我們使用這樣但方式是不科學(xué)荠诬、不可取的。

我們就需要結(jié)合用戶的滑動(dòng)屏幕來(lái)觸發(fā)曝光埋點(diǎn)位仁,當(dāng)用戶滑動(dòng)到什么位置柑贞,就可以看見這個(gè)模塊時(shí),我們才在看見模塊的同時(shí)觸發(fā)埋點(diǎn)聂抢。

這個(gè)時(shí)候钧嘶,我們可以考慮是使用觸發(fā)次數(shù)(pv)還是觸發(fā)人次(uv)來(lái)進(jìn)行計(jì)算。

六琳疏、前端埋點(diǎn):自動(dòng)觸發(fā)式+互動(dòng)式

埋點(diǎn)的觸發(fā)和互動(dòng)有决,數(shù)據(jù)的次數(shù)和人次(pv/uv)基本上算前端埋點(diǎn)的兩個(gè)核心,將他們兩個(gè)結(jié)合起來(lái)空盼,我們可以擴(kuò)展很多的分析維度书幕,比如我們常用的購(gòu)買路徑分析、跳出率等揽趾。

這里我只是簡(jiǎn)單的講了我們單純埋個(gè)點(diǎn)台汇,每次觸發(fā)只是記錄用戶信息和次數(shù)。其實(shí)我們還可以記錄商品信息篱瞎,這樣我們可以觀察什么商品更受喜歡苟呐。記錄金額,可以了解什么價(jià)位更符合用戶預(yù)期等俐筋。

文章到這里就暫時(shí)結(jié)束牵素,后面有機(jī)會(huì)我在和大家談一談后端埋點(diǎn)。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末澄者,一起剝皮案震驚了整個(gè)濱河市笆呆,隨后出現(xiàn)的幾起案子请琳,更是在濱河造成了極大的恐慌,老刑警劉巖腰奋,帶你破解...
    沈念sama閱讀 222,378評(píng)論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件单起,死亡現(xiàn)場(chǎng)離奇詭異抱怔,居然都是意外死亡劣坊,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,970評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門屈留,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)局冰,“玉大人,你說(shuō)我怎么就攤上這事灌危】刀” “怎么了?”我有些...
    開封第一講書人閱讀 168,983評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵勇蝙,是天一觀的道長(zhǎng)沫勿。 經(jīng)常有香客問(wèn)我,道長(zhǎng)味混,這世上最難降的妖魔是什么产雹? 我笑而不...
    開封第一講書人閱讀 59,938評(píng)論 1 299
  • 正文 為了忘掉前任,我火速辦了婚禮翁锡,結(jié)果婚禮上蔓挖,老公的妹妹穿的比我還像新娘。我一直安慰自己馆衔,他們只是感情好瘟判,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,955評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著角溃,像睡著了一般拷获。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上减细,一...
    開封第一講書人閱讀 52,549評(píng)論 1 312
  • 那天刀诬,我揣著相機(jī)與錄音,去河邊找鬼邪财。 笑死陕壹,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的树埠。 我是一名探鬼主播糠馆,決...
    沈念sama閱讀 41,063評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼怎憋!你這毒婦竟也來(lái)了又碌?” 一聲冷哼從身側(cè)響起九昧,我...
    開封第一講書人閱讀 39,991評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎毕匀,沒(méi)想到半個(gè)月后铸鹰,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,522評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡皂岔,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,604評(píng)論 3 342
  • 正文 我和宋清朗相戀三年蹋笼,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片躁垛。...
    茶點(diǎn)故事閱讀 40,742評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡剖毯,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出教馆,到底是詐尸還是另有隱情逊谋,我是刑警寧澤,帶...
    沈念sama閱讀 36,413評(píng)論 5 351
  • 正文 年R本政府宣布土铺,位于F島的核電站胶滋,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏悲敷。R本人自食惡果不足惜究恤,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,094評(píng)論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望镀迂。 院中可真熱鬧丁溅,春花似錦、人聲如沸探遵。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,572評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)箱季。三九已至涯穷,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間藏雏,已是汗流浹背拷况。 一陣腳步聲響...
    開封第一講書人閱讀 33,671評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留掘殴,地道東北人赚瘦。 一個(gè)月前我還...
    沈念sama閱讀 49,159評(píng)論 3 378
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像奏寨,于是被迫代替她去往敵國(guó)和親起意。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,747評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容