編輯導(dǎo)讀：通過數(shù)據(jù)埋點(diǎn)，我們能夠看到產(chǎn)品設(shè)計(jì)與功能在數(shù)據(jù)上的反饋，并通過分析其中的數(shù)據(jù)特征驅(qū)動(dòng)業(yè)務(wù)發(fā)展。本文作者從埋點(diǎn)方式出發(fā)，為大家介紹了一種可視化埋點(diǎn)——“圈點(diǎn)”系統(tǒng)，一起來看看~

最近在做一個(gè)供應(yīng)鏈項(xiàng)目，這個(gè)項(xiàng)目把多年前共事的兄弟們聚在了一起，幾人一起笑著說著常常回憶過去一起做汽車ToB行業(yè)往事，該項(xiàng)目一共有4條產(chǎn)品線，Leo負(fù)責(zé)其中一條ToB產(chǎn)品線，也是做這個(gè)項(xiàng)目是產(chǎn)品工作的第5年，也是產(chǎn)品生涯學(xué)習(xí)成長(zhǎng)最快的5年，源于身邊有一群敢拼、敢想的同齡人以及配合制定的一整套高效管理、協(xié)作、溝通等的工作方式。

Leo涉足這個(gè)行業(yè)也是機(jī)緣巧合，當(dāng)時(shí)國(guó)內(nèi)汽車新車處于渠道下沉的大趨勢(shì)，以區(qū)縣綜合汽貿(mào)為主體的多品牌經(jīng)營(yíng)的汽車經(jīng)銷商逐漸崛起，并成為汽車產(chǎn)能消化的主力軍，同時(shí)4S店承受著廠家愈來愈重的銷售指標(biāo)，為了減輕壓力，4S店不得不大力發(fā)展區(qū)縣二網(wǎng)，通過對(duì)二網(wǎng)的經(jīng)營(yíng)銷售新車。

當(dāng)時(shí)公司的業(yè)務(wù)是以新車B2B交易為切入點(diǎn)，面向綜合汽貿(mào)、資源商、4S門店提供了整套汽車異地流通的解決方案，以汽車線上交易為核心，提供供應(yīng)鏈物流、金融。同時(shí)基于綜合門店經(jīng)營(yíng)場(chǎng)景，為綜合汽貿(mào)提供致力于綜合汽貿(mào)門店整體運(yùn)營(yíng)方案的SaaS產(chǎn)品及提升綜合門店產(chǎn)值的車主平臺(tái)。

01 介紹

本文僅分享其中一項(xiàng)大家所必須經(jīng)歷的難點(diǎn)-數(shù)據(jù)埋點(diǎn)，其他難點(diǎn)比如自動(dòng)化高效表單系統(tǒng)(輕aPaaS系統(tǒng))、天眼系統(tǒng)、管理協(xié)同等經(jīng)驗(yàn)在后續(xù)文章分享。

數(shù)據(jù)埋點(diǎn)的重要性不言而喻，對(duì)產(chǎn)品使用情況，AB測(cè)試等，對(duì)后期產(chǎn)品發(fā)展方向、版本迭代都有重要意義。

1. 哪些人可以參與埋點(diǎn)？

2. 埋點(diǎn)方式選擇

埋點(diǎn)方式主要用到的代碼埋點(diǎn)(前端埋點(diǎn)、后端埋點(diǎn))、全埋點(diǎn)、可視化埋點(diǎn)，采用哪種埋點(diǎn)方式，需要根據(jù)自身的分析內(nèi)容來制定方案。

• 比如需統(tǒng)計(jì)用戶登錄信息，功能帶來的數(shù)據(jù)轉(zhuǎn)化，新功能使用情況等可以采用代碼埋點(diǎn)；
• 整個(gè)產(chǎn)品都需要檢測(cè)，通過集成SDK方式，自動(dòng)采集全部用戶行為，可使用全埋點(diǎn)，例如注明的GrowingIO，諸葛IO；
• 想了解頁面按鈕點(diǎn)擊次數(shù)，功能使用次數(shù)，這種對(duì)頁面上的控件進(jìn)行采集用戶點(diǎn)擊情況，不需要明確的用戶信息，只需要大概的點(diǎn)擊數(shù)量級(jí)的宏觀檢測(cè)，可采用可視化埋點(diǎn)，可視化埋點(diǎn)不需要技術(shù)配合，由業(yè)務(wù)人員或產(chǎn)品經(jīng)理負(fù)責(zé)，完成“圈點(diǎn)”公告。

今天講解的就是其中一種可視化埋點(diǎn)，帶領(lǐng)團(tuán)隊(duì)完成自主開發(fā)，我叫它“ 圈點(diǎn)”系統(tǒng)，每次更新版本后由我在iOS端及安卓端完成圈點(diǎn)工作，后期通過服務(wù)器記錄點(diǎn)擊次數(shù)，在后臺(tái)呈現(xiàn)數(shù)據(jù)報(bào)表。

02 圈點(diǎn)系統(tǒng)

設(shè)計(jì)這個(gè)圈點(diǎn)系統(tǒng)的初衷有二點(diǎn)，第1點(diǎn)是為公司節(jié)省成本，對(duì)接GrowingIO，諸葛IO花費(fèi)太高，對(duì)于創(chuàng)業(yè)公司來說，節(jié)省成本也是為公司創(chuàng)造財(cái)富。第2點(diǎn)提升研發(fā)人員自身能力，很多公司都是讓程序員一直處于開發(fā)狀態(tài)，只要程序員一閑下來就馬上找事，管它什么事，不能讓你閑著。

但對(duì)于我來說，不應(yīng)該這樣，程序員在公司除了完成交待的事情以外，需要提供時(shí)間給程序員提升他們的能力，不能在這個(gè)公司干了幾年還是只會(huì)那些技能，公司也有培育他們的義務(wù)，這是雙向給與的。你為他們著想了，他們自然會(huì)盡力為公司付出。圈點(diǎn)系統(tǒng)就是在這樣的情況下誕生的。

1. 什么是圈點(diǎn)系統(tǒng)

頁面上的每個(gè)組件都是有唯一路徑的，我們通過對(duì)路徑進(jìn)行存儲(chǔ)，當(dāng)用戶點(diǎn)擊這些組件后，后臺(tái)記錄點(diǎn)擊次數(shù)，并可視化統(tǒng)計(jì)在后臺(tái)展示供產(chǎn)品經(jīng)理等人員查看，從而掌握該功能使用情況。

• 優(yōu)點(diǎn)：當(dāng)技術(shù)做好底層開發(fā)后，只需要業(yè)務(wù)人員對(duì)想埋點(diǎn)的組件進(jìn)行圈點(diǎn)，上新功能后也不再需要技術(shù)配合，節(jié)省開發(fā)力量。
• 缺點(diǎn)：只能記錄點(diǎn)擊次數(shù)，不能記錄用戶相關(guān)信息。

2. 實(shí)現(xiàn)方式

圖中小紅點(diǎn)就是可供操作人員移動(dòng)的圈點(diǎn)。

只要將小紅點(diǎn)移動(dòng)到任何組件上，雙擊小紅點(diǎn)，就可出現(xiàn)如下彈窗。

功能解釋：【顯示頂部提示信息】當(dāng)移動(dòng)紅色圈時(shí)，頂部可實(shí)時(shí)顯示該組件的路徑信息，隱藏之后不再顯示。

【顯示選中的邊框】打開之后，當(dāng)移動(dòng)小紅點(diǎn)，可實(shí)時(shí)查看該組件的寬度，避免埋點(diǎn)錯(cuò)誤到其他組件上了。

【編輯當(dāng)前按鈕別名】給該組件取一個(gè)別名，方便業(yè)務(wù)人員在后臺(tái)查詢時(shí)進(jìn)行搜索某個(gè)功能的點(diǎn)擊情況這是圈點(diǎn)系統(tǒng)最核心的功能，后面會(huì)講使用方法。

【請(qǐng)求已有別名】用于修改該組件時(shí)，可能遇到該組件已經(jīng)埋點(diǎn)過，可向服務(wù)器請(qǐng)求下來埋點(diǎn)別名及路徑，當(dāng)然前面介紹的【顯示頂部提示信息】如果打開的情況下，當(dāng)移動(dòng)小紅點(diǎn)到任何組件時(shí)，就已經(jīng)實(shí)時(shí)顯示了埋點(diǎn)的別名。

【立即上傳統(tǒng)計(jì)】用戶啟動(dòng)軟件后點(diǎn)擊所有的組件行為都會(huì)被記錄在本地，只有當(dāng)用戶下次啟動(dòng)時(shí)才會(huì)上傳上次的點(diǎn)擊行為到服務(wù)器，【立即上傳統(tǒng)計(jì)】就是不用等下次啟動(dòng)，立即上傳從上次上傳后到現(xiàn)在存于本地的點(diǎn)擊行為。

【移除紅點(diǎn)】隱藏小紅點(diǎn)，下次啟動(dòng)APP后才會(huì)再次出現(xiàn)小紅點(diǎn)，供業(yè)務(wù)人員埋點(diǎn)使用。

注意事項(xiàng)：
埋點(diǎn)時(shí)間：新版本上線后才會(huì)進(jìn)行埋點(diǎn)，必須是對(duì)正式版本埋點(diǎn)，因?yàn)闇y(cè)試版本的組件路徑和正式版本的不一樣，所以埋點(diǎn)時(shí)間是每個(gè)正式版本上線后。
埋點(diǎn)人員賬號(hào)：不是所有人都能進(jìn)行埋點(diǎn)，需根據(jù)后臺(tái)設(shè)置的白名單賬號(hào)才能進(jìn)行埋點(diǎn)操作，否則隱藏小紅點(diǎn)。

3. 埋點(diǎn)操作

移動(dòng)小紅點(diǎn)到需要埋點(diǎn)的組件上，雙擊小紅點(diǎn)，并在彈窗中選擇【編輯當(dāng)前按鈕別名】，進(jìn)入該組件的設(shè)置界面。

【匹配模式】有5種模式，包含、前綴、后綴、前綴+后綴、相等；

【原始路徑】展示該組件在移動(dòng)端開發(fā)時(shí)生成的路徑，iOS和安卓存在不一致，因?yàn)殡p方開發(fā)人員開發(fā)方式不一樣；

【匹配路徑】會(huì)展示同【原始路徑】一樣的路徑，但可供業(yè)務(wù)人員修改。

【別名】給該組件取個(gè)名字，便于在后臺(tái)搜索

模式解釋：

【相等】當(dāng)頁面上的組件功能是唯一時(shí)，我們可以選擇【相等】模式，就會(huì)以【匹配路徑】存儲(chǔ)起來，當(dāng)用戶點(diǎn)擊過這個(gè)組件次數(shù)就會(huì)+1；

【前綴】使用場(chǎng)景，如下圖中的奧迪和阿爾法羅密歐等品牌，我不關(guān)心他是點(diǎn)擊的具體哪個(gè)，我只關(guān)心用戶都是通過點(diǎn)擊品牌進(jìn)入的搜索結(jié)果頁，那我想要分析的結(jié)果就是用戶到底是通過品牌篩選進(jìn)入的搜索結(jié)果頁還是通過【最近找車】的標(biāo)簽進(jìn)入的搜索結(jié)果頁。

我通過查看【奧迪】的這個(gè)組件的路徑為：*****.SCSaleCarVC/UITableView[0]/*****.SCSaleCarCell[1,0]

【阿爾法羅密歐】的這個(gè)組件的路徑為：*****.SCSaleCarVC/UITableView[0]/*****.SCSaleCarCell[1,1]

他們的路徑區(qū)別為只有之后的數(shù)字疊加。

取他們相同的路勁，最后拆分為兩部分路徑：“*****.SCSaleCarVC/UITableView[0]/*****車.SCSaleCarCell” 和 “[1,0]”

所以我在埋點(diǎn)時(shí)選擇【前綴】，因?yàn)榍熬Y相同，并在【匹配路徑】項(xiàng)刪除后綴，即“[1,0]”，刪除之后提交，那所有該前綴路徑的組件都會(huì)計(jì)算到同一個(gè)別名里面，大大降低了需要每個(gè)組件單獨(dú)埋點(diǎn)的重復(fù)性操作。

同理模式中【包含】【后綴】【前綴+后綴】也是一樣的，只需要分析相同組件的路徑，刪除不重復(fù)的路徑，選擇對(duì)應(yīng)的模式，就可以批量埋點(diǎn)。

通過這樣對(duì)全APP圈點(diǎn)埋點(diǎn)，業(yè)務(wù)人員可隨時(shí)在后臺(tái)搜索別名了解到功能的使用情況(點(diǎn)擊次數(shù))，且具有可延展性，后續(xù)更新版本增加新功能后也可直接使用圈點(diǎn)埋點(diǎn)，不用再次開發(fā)。

注意事項(xiàng)：需要每個(gè)版本都檢查一遍埋點(diǎn)組件，因?yàn)樵陂_發(fā)期間，程序員修改了功能后，該同一個(gè)組件的路徑會(huì)發(fā)生變化，變化之后需要重新對(duì)該組件進(jìn)行埋點(diǎn)。

03 后續(xù)

后臺(tái)存儲(chǔ)及可視化展示部分，因涉及到數(shù)據(jù)，這里就不做展示，Leo只是幫大家打開一個(gè)思路，這也是為產(chǎn)品經(jīng)理本身及程序員本身提升能力，當(dāng)然可能有人說產(chǎn)品經(jīng)理就是喜歡瞎折騰，但對(duì)于一個(gè)創(chuàng)業(yè)型公司來說，在沒有掙錢能力的時(shí)候那就想著幫公司節(jié)省錢吧。雖然這種埋點(diǎn)可以對(duì)接第三方，那第三方公司他也是這么折騰出來的，哈哈。

在創(chuàng)業(yè)公司呆了這么多年，最好的一點(diǎn)就是大家都是往一處使勁，所以克服了非常多項(xiàng)目難點(diǎn)，也都是大家從來沒做過的，當(dāng)成功的那一刻就是收獲喜悅的時(shí)候，歡迎大家交流。

作者：Leo周，?一只特立獨(dú)行、桀驁不馴、惹是生非的資深產(chǎn)品“獅子”

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

題圖來自Unsplash，基于CC0協(xié)議