這篇文章拋開數(shù)據(jù)增長方法和埋點(diǎn)技術(shù)原理的大道理，手把手帶著大家做一遍從0-1的數(shù)據(jù)埋點(diǎn)，花10分鐘時(shí)間，學(xué)會(huì)如何走出第一步。

一年前，我寫了一篇 《7個(gè)步驟，學(xué)會(huì)APP客戶端數(shù)據(jù)埋點(diǎn)》的文章在網(wǎng)絡(luò)上獲得了10w+的閱讀量，幫助了很多新人快速完成埋點(diǎn)需求。后來一直有同學(xué)反饋和咨詢，大家在工作中除了接觸和負(fù)責(zé)APP客戶端的產(chǎn)品外，還有大量同學(xué)在負(fù)責(zé)PC網(wǎng)站和H5站的產(chǎn)品。

那么PC網(wǎng)站和H5站的產(chǎn)品埋點(diǎn)又怎么能快速搞定呢？

如果你遇到了下面這些問題的話，我們繼續(xù)往下看，跟我做。

1. 領(lǐng)導(dǎo)說，咱們的pc和H5網(wǎng)站需要加一下統(tǒng)計(jì)，你負(fù)責(zé)搞定；
2. 研發(fā)說，咱們的pc網(wǎng)站的數(shù)據(jù)統(tǒng)計(jì)系統(tǒng)用哪家的？你選好了注冊(cè)一下；
3. 研發(fā)說，咱們的H5網(wǎng)站的統(tǒng)計(jì)代碼你發(fā)我一下，發(fā)一個(gè)統(tǒng)計(jì)需求的郵件給我；
4. 運(yùn)營說，咱們的pc網(wǎng)站都能看哪些數(shù)據(jù)？平臺(tái)在哪？怎么查首頁的UV PV？
5. 運(yùn)營說，咱們網(wǎng)站想做SEO搜索引擎優(yōu)化，想看看每天的來源和關(guān)鍵詞，發(fā)我一下。

這篇文章拋開數(shù)據(jù)增長方法和埋點(diǎn)技術(shù)原理，手把手帶著大家做一遍從0-1的數(shù)據(jù)埋點(diǎn)，我們花10分鐘時(shí)間，學(xué)會(huì)如何走出第一步。

我們分五個(gè)部分來談：

一、什么是數(shù)據(jù)埋點(diǎn)

二、網(wǎng)頁埋點(diǎn)和APP埋點(diǎn)的區(qū)別

三、IP PV UV Cookie是什么

四、PC站和H5站從0-1完成埋點(diǎn)

五、埋點(diǎn)后在哪看數(shù)，能看到什么數(shù)據(jù)

一、什么是數(shù)據(jù)埋點(diǎn)？

埋點(diǎn)是網(wǎng)站和APP等產(chǎn)品進(jìn)行日常改進(jìn)及數(shù)據(jù)分析的數(shù)據(jù)采集基礎(chǔ)，我們主要用來采集用戶行為數(shù)據(jù)（例如：頁面訪問路徑，點(diǎn)擊了哪一個(gè)按鈕）進(jìn)行數(shù)據(jù)分析，從而讓運(yùn)營同學(xué)更加合理的安排運(yùn)營計(jì)劃讓產(chǎn)品經(jīng)理更好的優(yōu)化產(chǎn)品路徑。現(xiàn)在市面上有很多第三方埋點(diǎn)服務(wù)商，百度統(tǒng)計(jì)、友盟、growingIO 等。

一個(gè)網(wǎng)站上線,開發(fā)者除了保證網(wǎng)站功能正常，體驗(yàn)優(yōu)好之外，還有一項(xiàng)重要的工作是數(shù)據(jù)收集——通過收集用戶的行為數(shù)據(jù)可以幫助了解網(wǎng)站的功能是否滿足用戶的需求，導(dǎo)流方式是否有效，新功能上線后是否效果是否達(dá)到設(shè)計(jì)初衷。根據(jù)數(shù)據(jù)指引有效優(yōu)化產(chǎn)品體驗(yàn)，以及發(fā)現(xiàn)新的產(chǎn)品方向是產(chǎn)品經(jīng)理的必備技能，而如何采集準(zhǔn)確并且足夠的網(wǎng)站數(shù)據(jù)則應(yīng)該是開發(fā)者的責(zé)任。

目前常見的數(shù)據(jù)埋點(diǎn)手段：

（1）手動(dòng)埋點(diǎn)

手動(dòng)代碼埋點(diǎn)比較常見，需要調(diào)用埋點(diǎn)的業(yè)務(wù)方在需要采集數(shù)據(jù)的地方調(diào)用埋點(diǎn)的方法。

• 優(yōu)點(diǎn)是流量可控，業(yè)務(wù)方可以根據(jù)需要在任意地點(diǎn)任意場(chǎng)景進(jìn)行數(shù)據(jù)采集，采集信息也完全由業(yè)務(wù)方來控制。
• 這樣的有點(diǎn)也帶來了一些弊端，需要業(yè)務(wù)方來寫死方法，如果采集方案變了，業(yè)務(wù)方也需要重新修改代碼，重新發(fā)布。

（2）可視化埋點(diǎn)

可是化埋點(diǎn)是近今年的埋點(diǎn)趨勢(shì)，很多大廠自己的數(shù)據(jù)埋點(diǎn)部門也都開始做這塊。優(yōu)點(diǎn)是業(yè)務(wù)方工作量少，缺點(diǎn)則是技術(shù)上推廣和實(shí)現(xiàn)起來有點(diǎn)難（業(yè)務(wù)方前端代碼規(guī)范是個(gè)大前提）。

阿里的活動(dòng)頁很多都是運(yùn)營通過可視化的界面拖拽配置實(shí)現(xiàn)，這些活動(dòng)控件元素都帶有唯一標(biāo)識(shí)。通過埋點(diǎn)配置后臺(tái)，將元素與要采集事件關(guān)聯(lián)起來，可以自動(dòng)生成埋點(diǎn)代碼嵌入到頁面中。

（3）無埋點(diǎn)

無埋點(diǎn)則是前端自動(dòng)采集全部事件，上報(bào)埋點(diǎn)數(shù)據(jù)，由后端來過濾和計(jì)算出有用的數(shù)據(jù)。優(yōu)點(diǎn)是前端只要加載埋點(diǎn)腳本，缺點(diǎn)是流量和采集的數(shù)據(jù)過于龐大，服務(wù)器性能壓力山大，主流的 GrowingIO 就是這種實(shí)現(xiàn)方案。

我們目前自己的網(wǎng)站用的還是第一種。后面兩種是近年出現(xiàn)的，數(shù)據(jù)準(zhǔn)確性和普及型還需要驗(yàn)證，所以我們今天就聊最通用的埋點(diǎn)形式。

二、網(wǎng)頁埋點(diǎn)和APP埋點(diǎn)的區(qū)別

如今大家都更多的關(guān)注APP的產(chǎn)品設(shè)計(jì)，所以對(duì)APP的數(shù)據(jù)分析也提的比較多，但是網(wǎng)站也是需要進(jìn)行數(shù)據(jù)分析和埋點(diǎn)的。而且目前H5大行其道，很多公司都是采取H5網(wǎng)頁的形式進(jìn)行產(chǎn)品承載，H5網(wǎng)站從技術(shù)原理來看，他還是HTML代碼形式編寫的，所以埋點(diǎn)的話也和APP的實(shí)現(xiàn)方式是不一樣。

簡(jiǎn)單說，想看數(shù)，先埋點(diǎn)。先通過數(shù)據(jù)統(tǒng)計(jì)系統(tǒng)把統(tǒng)計(jì)代碼或代碼包拿到，然后加在你的頁面代碼或者集成到APP代碼包里，然后就可以看到相應(yīng)的用戶行為數(shù)據(jù)。

從埋點(diǎn)這件事來看，簡(jiǎn)單理解，最大的的區(qū)別就是統(tǒng)計(jì)的平臺(tái)不一樣。

目前第三方的數(shù)據(jù)采集和分析產(chǎn)品有很多，如：google Analytics、百度統(tǒng)計(jì)、友盟+、GrowingIO、百度移動(dòng)統(tǒng)計(jì)等。

目前這幾家都覆蓋了多類平臺(tái)的統(tǒng)計(jì)服務(wù)，所以，如果你是給APP埋點(diǎn)，就選移動(dòng)統(tǒng)計(jì)；如果是給網(wǎng)站統(tǒng)計(jì)，就選網(wǎng)站統(tǒng)計(jì)。網(wǎng)站一般用的是統(tǒng)計(jì)平臺(tái)的JS代碼，APP是用的統(tǒng)計(jì)平臺(tái)的統(tǒng)計(jì)SDK，就這么簡(jiǎn)單。

因?yàn)?類產(chǎn)品的技術(shù)原理是不一樣的，不要混淆就可以了。例如：在百度統(tǒng)計(jì)和友盟的官方網(wǎng)站首頁里面， 想找到網(wǎng)站統(tǒng)計(jì)系統(tǒng)就選紅框這里的產(chǎn)品即可。

三、IP PV UV Cookie是什么？

埋點(diǎn)是為了看數(shù)，那么有些數(shù)，對(duì)于新人來說，是必須要懂的。

這里從網(wǎng)絡(luò)和百科里面搜索了一下基本的定義，方便大家閱讀。

（1）ip、uv、pv的定義

• IP（獨(dú)立IP）：即Internet Protocol，指獨(dú)立IP數(shù)。00:00-24:00內(nèi)相同IP地址只被計(jì)算一次。
• PV（訪問量）：即Page View，即頁面瀏覽量或點(diǎn)擊量，用戶每次刷新即被計(jì)算一次。
• UV（獨(dú)立訪客）：即Unique Visitor，訪問您網(wǎng)站的一臺(tái)電腦客戶端為一個(gè)訪客，00:00-24:00內(nèi)相同的客戶端只被計(jì)算一次。

（2）ip、pv、uv的區(qū)別

• IP（獨(dú)立IP）：某IP地址的計(jì)算機(jī)訪問網(wǎng)站的次數(shù)，這種統(tǒng)計(jì)方式很容易實(shí)現(xiàn)，具有真實(shí)性，所以是衡量網(wǎng)站流量的重要指標(biāo)。
• PV（訪問量）：PV反映的是瀏覽某網(wǎng)站的頁面數(shù)，所以每刷新一次也算一次。就是說PV與來訪者的數(shù)量成正比，但PV并不是頁面的來訪者數(shù)量，而是網(wǎng)站被訪問的頁面數(shù)量。
• UV（獨(dú)立訪客）：可以理解成訪問某網(wǎng)站的電腦的數(shù)量，網(wǎng)站判斷來訪電腦的身份是通過來訪電腦的cookies實(shí)現(xiàn)的。如果更換了IP后但不清除cookies，再訪問相同網(wǎng)站，該網(wǎng)站的統(tǒng)計(jì)中UV數(shù)是不變的。

舉例說明：

甲乙丙三人某臺(tái)通過ADSL的電腦，訪問了“pmwangshi”這個(gè)網(wǎng)站，并且每人各瀏覽了2個(gè)頁面，那么網(wǎng)站的流量統(tǒng)計(jì)是：

• IP（獨(dú)立IP）：1
• PV（訪問量）：6（3人乘以2個(gè)頁面）
• UV（獨(dú)立訪客）：1

若三人都是更換了IP（ADSL重新?lián)芴?hào)）后各瀏覽了2個(gè)頁面，則：

• IP（獨(dú)立IP）：3
• PV（訪問量）：6
• UV（獨(dú)立訪客）：1

所以，IP(獨(dú)立IP)反映的是網(wǎng)絡(luò)地址對(duì)象的數(shù)量，UV(獨(dú)立訪客)反映的是實(shí)際使用者的數(shù)量，每個(gè)UV相對(duì)于每個(gè)ip更準(zhǔn)確地對(duì)應(yīng)一個(gè)實(shí)際的瀏覽者。

（3）Cookie

當(dāng)客戶端第一次訪問某個(gè)網(wǎng)站服務(wù)器時(shí)，網(wǎng)站服務(wù)器會(huì)給該客戶端電腦發(fā)出一個(gè)Cookie，通常放在C盤中。在這個(gè)Cookie中會(huì)分配一個(gè)獨(dú)一無二的編號(hào)，并記錄訪問服務(wù)器的信息，如訪問時(shí)間、訪問了哪些頁面等等。

當(dāng)你下次再訪問這個(gè)服務(wù)器時(shí)，服務(wù)器就可以直接從你的電腦中找到上一次放進(jìn)去的Cookie文件，并且對(duì)其進(jìn)行更新，但那個(gè)獨(dú)一無二的編號(hào)是不會(huì)變的。如果在一定時(shí)間內(nèi)，服務(wù)器發(fā)現(xiàn)2個(gè)Visit所對(duì)應(yīng)的是一個(gè)編號(hào)，那么我們自然可以認(rèn)為這個(gè)來源于同一個(gè)Visitor了，自然也就是1個(gè)UV。

使用Cookie的方法要比網(wǎng)站服務(wù)器更精確些。但也存在一些問題，比如：有些客戶端為保證更高級(jí)別的安全，關(guān)閉了Cookie的功能；或者是有些客戶端設(shè)置了在退出頁面時(shí)自動(dòng)刪除Cookie，亦或經(jīng)常自己去手動(dòng)刪除Cookie，那么這個(gè)方法就不那么精確了。由此看來，兩個(gè)方法都只能得到近似的UV，而不是絕對(duì)精確的。

四、PC和H5站從0-1完成埋點(diǎn)

不管是用哪一個(gè)平臺(tái)，基本思路都是一樣的，降峰老師今天給大家一個(gè)通用的思路和方法?？梢宰尨蠹铱焖俚脑囼?yàn)和動(dòng)起來。

首頁先明確下完成一個(gè)pc網(wǎng)站或者H5網(wǎng)站的數(shù)據(jù)埋點(diǎn)的幾個(gè)步驟：

1. 注冊(cè)一家統(tǒng)計(jì)網(wǎng)站
2. 添加網(wǎng)站
3. 獲取JS代碼
4. 將JS代碼發(fā)給研發(fā)并完成網(wǎng)頁上線
5. 在后臺(tái)查看數(shù)據(jù)

（1）注冊(cè)一家統(tǒng)計(jì)網(wǎng)站常用的APP數(shù)據(jù)分析網(wǎng)站

1. 百度統(tǒng)計(jì)#baidu.com（注意不是移動(dòng)統(tǒng)計(jì)）
2. 友盟u-webweb.umeng.com （這就是原來的cnzz站長統(tǒng)計(jì)）

任意選擇一個(gè)網(wǎng)站注冊(cè)一個(gè)賬號(hào)。

我們今天以友盟u-web來做教程。學(xué)會(huì)了一家，其他的都大同小異。

（2）添加網(wǎng)站注冊(cè)完成后，會(huì)進(jìn)入到友盟的首頁，如果找不到的話直接訪問web.umeng.com，點(diǎn)擊【立即使用】。

進(jìn)入站點(diǎn)列表：

添加完成后就可以在列表里面看到你添加的站點(diǎn)，以后站點(diǎn)的數(shù)據(jù)，js代碼獲取，設(shè)置都在這里。

請(qǐng)見箭頭的幾個(gè)位置是常用功能。

新建的賬號(hào)下面站長列表肯定是空的，那么你可以點(diǎn)擊右側(cè)的 【添加站點(diǎn)】，來添加一個(gè)新站點(diǎn)。

添加站點(diǎn)的時(shí)候， 重點(diǎn)寫 站點(diǎn)名稱和域名即可，其他的可以隨便寫。

域名的格式：如有多個(gè)請(qǐng)分行填寫，填寫示例：

1. 如需統(tǒng)計(jì)整站：pmwangshi.com
2. 如只需統(tǒng)計(jì)子域名：123.pmwangshi.com

（3）獲取JS代碼站點(diǎn)創(chuàng)建完成后，就需要從系統(tǒng)里面取一個(gè)js代碼，把這個(gè)js代碼給到技術(shù)，讓技術(shù)把這個(gè)代碼放入你要統(tǒng)計(jì)的網(wǎng)頁代碼內(nèi)，然后統(tǒng)計(jì)系統(tǒng)就可以抓取到網(wǎng)站的行為數(shù)據(jù)了。

我們還是看第2步那個(gè)圖，列表后面有1個(gè) 【獲取代碼】，點(diǎn)擊后進(jìn)入：

這里就是需要給到研發(fā)的js代碼，你可以選1個(gè)樣式，然后把整段代碼復(fù)制下來。

（4）將JS代碼發(fā)給研發(fā)并完成網(wǎng)頁上線拿到這段代碼后，需要發(fā)給研發(fā),，并告訴研發(fā)你這個(gè)代碼是用于哪一個(gè)域名的統(tǒng)計(jì)即可。

給研發(fā)的需求郵件可以這么表達(dá)：

親愛的研發(fā)哥哥您好：

目前需要給網(wǎng)站XXX進(jìn)行埋點(diǎn)，我們選擇了XXX統(tǒng)計(jì)系統(tǒng)。權(quán)限已經(jīng)申請(qǐng)完畢，并獲取了統(tǒng)計(jì)用的JS代碼。辛苦進(jìn)行代碼預(yù)埋。

網(wǎng)站域名為：xxxxxx.com

Js代碼：

<XXXXXXXXXXXXXXXXXXXXXXXXXX>(由于代碼特殊性，文章里無法貼出)

辛苦研發(fā)將其粘貼到網(wǎng)站所有頁面的《/body》前，并辛苦測(cè)試做好測(cè)試回歸，添加成功后即可開始統(tǒng)計(jì)。

期望在X月X日的第X個(gè)版本迭代計(jì)劃內(nèi)完成上線。

謝謝~

（5）在后臺(tái)查看數(shù)據(jù)完成js代碼預(yù)埋并讓研發(fā)哥哥上線后，降峰老師就恭喜你，你算第一階段的事情大功告成了，第二天就可以開始穩(wěn)定的看數(shù)了。（一般來說，js代碼上線后一小時(shí)后就能開始有數(shù)）

后續(xù)用你的管理員賬號(hào)登錄進(jìn)來，或者直接點(diǎn)擊放置在頁面里面的統(tǒng)計(jì)小圖標(biāo)即可打開一個(gè)頁面看到數(shù)據(jù)了。（后續(xù)你可以保存搜藏下來這個(gè)頁面的url，后續(xù)直接打開即可訪問統(tǒng)計(jì)頁面了）

如果你設(shè)置了密碼，那么還需輸入密碼。

五、埋點(diǎn)后能看到什么？

數(shù)據(jù)在看數(shù)之前，補(bǔ)充一個(gè)事情。

這里有1個(gè)配置查看數(shù)據(jù)隱私權(quán)限的小細(xì)節(jié)，因?yàn)槟惴胖昧艘粋€(gè)統(tǒng)計(jì)代碼后，會(huì)在頁面上出現(xiàn)一個(gè)統(tǒng)計(jì)的小圖標(biāo)，比如：你放置在頁面底部就會(huì)有1個(gè)小圖標(biāo)。

默認(rèn)是只有管理員才能看到數(shù)據(jù)，如果你想給內(nèi)部人員開放權(quán)限的話，那么需要設(shè)置一個(gè)查看的密碼。

設(shè)置完成后，大家根據(jù)需求點(diǎn)擊統(tǒng)計(jì)報(bào)表里面的數(shù)據(jù)即可查看了。左側(cè)菜單有豐富的數(shù)據(jù)內(nèi)容，不需要你做其他設(shè)置，數(shù)據(jù)就都有了。

這個(gè)比APP埋點(diǎn)簡(jiǎn)單很多，APP還需要定義頁面的元素的事件名稱和事件id，有興趣的可以看看我的《7步完成APP客戶端埋點(diǎn)》的文章做下對(duì)比。

附錄一些產(chǎn)品關(guān)注的核心指標(biāo)，這些在分析系統(tǒng)的后臺(tái)都能看到。我們今天更多的是行為數(shù)據(jù)，業(yè)務(wù)數(shù)據(jù)還需要每個(gè)公司自己去開發(fā)，在另外的BI數(shù)據(jù)系統(tǒng)里查看，比如支付公司的交易數(shù)據(jù)，電商公司的訂單數(shù)據(jù)，金融公司的信貸放款量數(shù)據(jù)等等。

（1）產(chǎn)品規(guī)模

1. 用戶數(shù)據(jù)：如新增用戶、用戶類型分布、活躍用戶、沉默用戶、啟動(dòng)次數(shù)、版本分析等。
2. 業(yè)務(wù)數(shù)據(jù)：這個(gè)與具體業(yè)務(wù)有關(guān)，如問答社區(qū)的問題數(shù)，回答數(shù)，全網(wǎng)熱度，瀏覽量；如對(duì)含交易平臺(tái)的交易量，交易額，客單價(jià)，轉(zhuǎn)化率，利潤等。

（2）產(chǎn)品運(yùn)營

• 流量數(shù)據(jù)：pv、uv、dau、mau、留存分析（次日留存，7日留存， 用戶新鮮度）、流失分析（日周月、自然流失、回歸流失）。
• 渠道數(shù)據(jù)：渠道流量、渠道轉(zhuǎn)換率、渠道評(píng)價(jià)、渠道時(shí)段詳情、渠道質(zhì)量（渠道活躍用戶/渠道流量）等。

數(shù)據(jù)只是基礎(chǔ)，更多的還需我們?nèi)巳馊ザ床毂澈蟮脑蚝头治鼋Y(jié)論。進(jìn)階的方法還有配合轉(zhuǎn)化分析、訪問路徑、轉(zhuǎn)化漏斗、熱力圖等工具使用，從點(diǎn)到面地了解用戶的使用行為及留存的問題。大家可以在統(tǒng)計(jì)系統(tǒng)后臺(tái)逐個(gè)體驗(yàn)。針對(duì)網(wǎng)站還有SEO優(yōu)化的事情需要關(guān)注。

現(xiàn)在大家都在談如何黑客增長、如何進(jìn)行精細(xì)化獲客，談各種策略各種模型。我最近也在進(jìn)行精細(xì)化獲客和投放策略設(shè)計(jì)的工作，也有一些沉淀，但是我覺得給新人看的基礎(chǔ)文章還是需要輸出的。

如今網(wǎng)上基礎(chǔ)的手把手的埋點(diǎn)操作步驟鮮有人寫，筆者認(rèn)為有時(shí)候這些最簡(jiǎn)單的事情，可以讓新人能快速開展工作，得到領(lǐng)導(dǎo)的信任，這類文章從某種意義來看也有更多的受眾。

作者：降峰，小山老師? ?10年產(chǎn)品人。公眾號(hào)：小山學(xué)堂

本文由 @降峰 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖作者提供