起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識5個步驟 ，學懂PC站和H5站數據埋點
這篇文章拋開數據增長方法和埋點技術原理的大道理，手把手帶著大家做一遍從0-1的數據埋點，花10分鐘時間，學會如何走出第一步。
一年前，我寫了一篇 《7個步驟，學會APP客戶端數據埋點》的文章在網絡上獲得了10w+的閱讀量，幫助了很多新人快速完成埋點需求。后來一直有同學反饋和咨詢，大家在工作中除了接觸和負責APP客戶端的產品外，還有大量同學在負責PC網站和H5站的產品。
那么PC網站和H5站的產品埋點又怎么能快速搞定呢？
如果你遇到了下面這些問題的話，我們繼續往下看，跟我做。
- 領導說，咱們的pc和H5網站需要加一下統計，你負責搞定；
- 研發說，咱們的pc網站的數據統計系統用哪家的？你選好了注冊一下；
- 研發說，咱們的H5網站的統計代碼你發我一下，發一個統計需求的郵件給我；
- 運營說，咱們的pc網站都能看哪些數據？平臺在哪？怎么查首頁的UV PV？
- 運營說，咱們網站想做SEO搜索引擎優化，想看看每天的來源和關鍵詞，發我一下。
這篇文章拋開數據增長方法和埋點技術原理，手把手帶著大家做一遍從0-1的數據埋點，我們花10分鐘時間，學會如何走出第一步。
我們分五個部分來談：
一、什么是數據埋點
二、網頁埋點和APP埋點的區別
三、IP PV UV Cookie是什么
四、PC站和H5站從0-1完成埋點
五、埋點后在哪看數，能看到什么數據
一、什么是數據埋點？
埋點是網站和APP等產品進行日常改進及數據分析的數據采集基礎，我們主要用來采集用戶行為數據（例如：頁面訪問路徑，點擊了哪一個按鈕）進行數據分析，從而讓運營同學更加合理的安排運營計劃讓產品經理更好的優化產品路徑?，F在市面上有很多第三方埋點服務商，百度統計、友盟、growingIO 等。
一個網站上線,開發者除了保證網站功能正常，體驗優好之外，還有一項重要的工作是數據收集——通過收集用戶的行為數據可以幫助了解網站的功能是否滿足用戶的需求，導流方式是否有效，新功能上線后是否效果是否達到設計初衷。根據數據指引有效優化產品體驗，以及發現新的產品方向是產品經理的必備技能，而如何采集準確并且足夠的網站數據則應該是開發者的責任。
目前常見的數據埋點手段：
（1）手動埋點
手動代碼埋點比較常見，需要調用埋點的業務方在需要采集數據的地方調用埋點的方法。
- 優點是流量可控，業務方可以根據需要在任意地點任意場景進行數據采集，采集信息也完全由業務方來控制。
- 這樣的有點也帶來了一些弊端，需要業務方來寫死方法，如果采集方案變了，業務方也需要重新修改代碼，重新發布。
（2）可視化埋點
可是化埋點是近今年的埋點趨勢，很多大廠自己的數據埋點部門也都開始做這塊。優點是業務方工作量少，缺點則是技術上推廣和實現起來有點難（業務方前端代碼規范是個大前提）。
阿里的活動頁很多都是運營通過可視化的界面拖拽配置實現，這些活動控件元素都帶有唯一標識。通過埋點配置后臺，將元素與要采集事件關聯起來，可以自動生成埋點代碼嵌入到頁面中。
（3）無埋點
無埋點則是前端自動采集全部事件，上報埋點數據，由后端來過濾和計算出有用的數據。優點是前端只要加載埋點腳本，缺點是流量和采集的數據過于龐大，服務器性能壓力山大，主流的 GrowingIO 就是這種實現方案。
我們目前自己的網站用的還是第一種。后面兩種是近年出現的，數據準確性和普及型還需要驗證，所以我們今天就聊最通用的埋點形式。
二、網頁埋點和APP埋點的區別
如今大家都更多的關注APP的產品設計，所以對APP的數據分析也提的比較多，但是網站也是需要進行數據分析和埋點的。而且目前H5大行其道，很多公司都是采取H5網頁的形式進行產品承載，H5網站從技術原理來看，他還是HTML代碼形式編寫的，所以埋點的話也和APP的實現方式是不一樣。
簡單說，想看數，先埋點。先通過數據統計系統把統計代碼或代碼包拿到，然后加在你的頁面代碼或者集成到APP代碼包里，然后就可以看到相應的用戶行為數據。
從埋點這件事來看，簡單理解，最大的的區別就是統計的平臺不一樣。
目前第三方的數據采集和分析產品有很多，如：google Analytics、百度統計、友盟+、GrowingIO、百度移動統計等。
目前這幾家都覆蓋了多類平臺的統計服務，所以，如果你是給APP埋點，就選移動統計；如果是給網站統計，就選網站統計。網站一般用的是統計平臺的JS代碼，APP是用的統計平臺的統計SDK，就這么簡單。
因為2類產品的技術原理是不一樣的，不要混淆就可以了。例如：在百度統計和友盟的官方網站首頁里面， 想找到網站統計系統就選紅框這里的產品即可。
三、IP PV UV Cookie是什么？
埋點是為了看數，那么有些數，對于新人來說，是必須要懂的。
這里從網絡和百科里面搜索了一下基本的定義，方便大家閱讀。
（1）ip、uv、pv的定義
- IP（獨立IP）：即Internet Protocol，指獨立IP數。00:00-24:00內相同IP地址只被計算一次。
- PV（訪問量）：即Page View，即頁面瀏覽量或點擊量，用戶每次刷新即被計算一次。
- UV（獨立訪客）：即Unique Visitor，訪問您網站的一臺電腦客戶端為一個訪客，00:00-24:00內相同的客戶端只被計算一次。
（2）ip、pv、uv的區別
- IP（獨立IP）：某IP地址的計算機訪問網站的次數，這種統計方式很容易實現，具有真實性，所以是衡量網站流量的重要指標。
- PV（訪問量）：PV反映的是瀏覽某網站的頁面數，所以每刷新一次也算一次。就是說PV與來訪者的數量成正比，但PV并不是頁面的來訪者數量，而是網站被訪問的頁面數量。
- UV（獨立訪客）：可以理解成訪問某網站的電腦的數量，網站判斷來訪電腦的身份是通過來訪電腦的cookies實現的。如果更換了IP后但不清除cookies，再訪問相同網站，該網站的統計中UV數是不變的。
舉例說明：
甲乙丙三人某臺通過ADSL的電腦，訪問了“pmwangshi”這個網站，并且每人各瀏覽了2個頁面，那么網站的流量統計是：
- IP（獨立IP）：1
- PV（訪問量）：6（3人乘以2個頁面）
- UV（獨立訪客）：1
若三人都是更換了IP（ADSL重新撥號）后各瀏覽了2個頁面，則：
- IP（獨立IP）：3
- PV（訪問量）：6
- UV（獨立訪客）：1
所以，IP(獨立IP)反映的是網絡地址對象的數量，UV(獨立訪客)反映的是實際使用者的數量，每個UV相對于每個ip更準確地對應一個實際的瀏覽者。
（3）Cookie
當客戶端第一次訪問某個網站服務器時，網站服務器會給該客戶端電腦發出一個Cookie，通常放在C盤中。在這個Cookie中會分配一個獨一無二的編號，并記錄訪問服務器的信息，如訪問時間、訪問了哪些頁面等等。
當你下次再訪問這個服務器時，服務器就可以直接從你的電腦中找到上一次放進去的Cookie文件，并且對其進行更新，但那個獨一無二的編號是不會變的。如果在一定時間內，服務器發現2個Visit所對應的是一個編號，那么我們自然可以認為這個來源于同一個Visitor了，自然也就是1個UV。
使用Cookie的方法要比網站服務器更精確些。但也存在一些問題，比如：有些客戶端為保證更高級別的安全，關閉了Cookie的功能；或者是有些客戶端設置了在退出頁面時自動刪除Cookie，亦或經常自己去手動刪除Cookie，那么這個方法就不那么精確了。由此看來，兩個方法都只能得到近似的UV，而不是絕對精確的。
四、PC和H5站從0-1完成埋點
不管是用哪一個平臺，基本思路都是一樣的，降峰老師今天給大家一個通用的思路和方法?？梢宰尨蠹铱焖俚脑囼灪蛣悠饋?。
首頁先明確下完成一個pc網站或者H5網站的數據埋點的幾個步驟：
- 注冊一家統計網站
- 添加網站
- 獲取JS代碼
- 將JS代碼發給研發并完成網頁上線
- 在后臺查看數據
（1）注冊一家統計網站常用的APP數據分析網站
- 百度統計#baidu.com（注意不是移動統計）
- 友盟u-webweb.umeng.com （這就是原來的cnzz站長統計）
任意選擇一個網站注冊一個賬號。
我們今天以友盟u-web來做教程。學會了一家，其他的都大同小異。
（2）添加網站注冊完成后，會進入到友盟的首頁，如果找不到的話直接訪問web.umeng.com，點擊【立即使用】。
進入站點列表：
添加完成后就可以在列表里面看到你添加的站點，以后站點的數據，js代碼獲取，設置都在這里。
請見箭頭的幾個位置是常用功能。
新建的賬號下面站長列表肯定是空的，那么你可以點擊右側的 【添加站點】，來添加一個新站點。
添加站點的時候， 重點寫 站點名稱和域名即可，其他的可以隨便寫。
域名的格式：如有多個請分行填寫，填寫示例：
- 如需統計整站：pmwangshi.com
- 如只需統計子域名：123.pmwangshi.com
（3）獲取JS代碼站點創建完成后，就需要從系統里面取一個js代碼，把這個js代碼給到技術，讓技術把這個代碼放入你要統計的網頁代碼內，然后統計系統就可以抓取到網站的行為數據了。
我們還是看第2步那個圖，列表后面有1個 【獲取代碼】，點擊后進入：
這里就是需要給到研發的js代碼，你可以選1個樣式，然后把整段代碼復制下來。
（4）將JS代碼發給研發并完成網頁上線拿到這段代碼后，需要發給研發,，并告訴研發你這個代碼是用于哪一個域名的統計即可。
給研發的需求郵件可以這么表達：
親愛的研發哥哥您好：
目前需要給網站XXX進行埋點，我們選擇了XXX統計系統。權限已經申請完畢，并獲取了統計用的JS代碼。辛苦進行代碼預埋。
網站域名為：xxxxxx.com
Js代碼：
<XXXXXXXXXXXXXXXXXXXXXXXXXX>(由于代碼特殊性，文章里無法貼出)
辛苦研發將其粘貼到網站所有頁面的《/body》前，并辛苦測試做好測試回歸，添加成功后即可開始統計。
期望在X月X日的第X個版本迭代計劃內完成上線。
謝謝~
（5）在后臺查看數據完成js代碼預埋并讓研發哥哥上線后，降峰老師就恭喜你，你算第一階段的事情大功告成了，第二天就可以開始穩定的看數了。（一般來說，js代碼上線后一小時后就能開始有數）
后續用你的管理員賬號登錄進來，或者直接點擊放置在頁面里面的統計小圖標即可打開一個頁面看到數據了。（后續你可以保存搜藏下來這個頁面的url，后續直接打開即可訪問統計頁面了）
如果你設置了密碼，那么還需輸入密碼。
五、埋點后能看到什么？
數據在看數之前，補充一個事情。
這里有1個配置查看數據隱私權限的小細節，因為你放置了一個統計代碼后，會在頁面上出現一個統計的小圖標，比如：你放置在頁面底部就會有1個小圖標。
默認是只有管理員才能看到數據，如果你想給內部人員開放權限的話，那么需要設置一個查看的密碼。
設置完成后，大家根據需求點擊統計報表里面的數據即可查看了。左側菜單有豐富的數據內容，不需要你做其他設置，數據就都有了。
這個比APP埋點簡單很多，APP還需要定義頁面的元素的事件名稱和事件id，有興趣的可以看看我的《7步完成APP客戶端埋點》的文章做下對比。
附錄一些產品關注的核心指標，這些在分析系統的后臺都能看到。我們今天更多的是行為數據，業務數據還需要每個公司自己去開發，在另外的BI數據系統里查看，比如支付公司的交易數據，電商公司的訂單數據，金融公司的信貸放款量數據等等。
（1）產品規模
- 用戶數據：如新增用戶、用戶類型分布、活躍用戶、沉默用戶、啟動次數、版本分析等。
- 業務數據：這個與具體業務有關，如問答社區的問題數，回答數，全網熱度，瀏覽量；如對含交易平臺的交易量，交易額，客單價，轉化率，利潤等。
（2）產品運營
- 流量數據：pv、uv、dau、mau、留存分析（次日留存，7日留存， 用戶新鮮度）、流失分析（日周月、自然流失、回歸流失）。
- 渠道數據：渠道流量、渠道轉換率、渠道評價、渠道時段詳情、渠道質量（渠道活躍用戶/渠道流量）等。
數據只是基礎，更多的還需我們人肉去洞察背后的原因和分析結論。進階的方法還有配合轉化分析、訪問路徑、轉化漏斗、熱力圖等工具使用，從點到面地了解用戶的使用行為及留存的問題。大家可以在統計系統后臺逐個體驗。針對網站還有SEO優化的事情需要關注。
現在大家都在談如何黑客增長、如何進行精細化獲客，談各種策略各種模型。我最近也在進行精細化獲客和投放策略設計的工作，也有一些沉淀，但是我覺得給新人看的基礎文章還是需要輸出的。
如今網上基礎的手把手的埋點操作步驟鮮有人寫，筆者認為有時候這些最簡單的事情，可以讓新人能快速開展工作，得到領導的信任，這類文章從某種意義來看也有更多的受眾。
作者：降峰，小山老師? ?10年產品人。公眾號：小山學堂
本文由 @降峰 原創發布于人人都是產品經理。未經許可，禁止轉載
題圖作者提供
老師分享的非常好,感覺收獲了很多,謝謝老師的辛苦分享. 另外糾正一下, Cookie不是放在C盤中的,而是存在瀏覽器中的.
感謝。Cookie本身是一個文件。瀏覽器程序文件本身也是放在硬盤里的。 最終還是存在硬盤里的。 你說的也對。
辛苦了老師~收獲很多
友盟這種第三方的是個統計數據吧，怎么實現交易數據和行為數據（用第三方統計平臺）相結合的給用戶打標簽？比如：給充值過而且最近一直瀏覽商品的用戶打個潛在購買用戶的標簽。
小白謝謝老師
不客氣