起點課堂會員權益
職業(yè)體系課特權
線下行業(yè)大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識另辟蹊徑完成移動端埋點——圈點系統(tǒng)
編輯導讀：通過數(shù)據(jù)埋點，我們能夠看到產(chǎn)品設計與功能在數(shù)據(jù)上的反饋，并通過分析其中的數(shù)據(jù)特征驅(qū)動業(yè)務發(fā)展。本文作者從埋點方式出發(fā)，為大家介紹了一種可視化埋點——“圈點”系統(tǒng)，一起來看看~
最近在做一個供應鏈項目，這個項目把多年前共事的兄弟們聚在了一起，幾人一起笑著說著常?；貞涍^去一起做汽車ToB行業(yè)往事，該項目一共有4條產(chǎn)品線，Leo負責其中一條ToB產(chǎn)品線，也是做這個項目是產(chǎn)品工作的第5年，也是產(chǎn)品生涯學習成長最快的5年，源于身邊有一群敢拼、敢想的同齡人以及配合制定的一整套高效管理、協(xié)作、溝通等的工作方式。
Leo涉足這個行業(yè)也是機緣巧合，當時國內(nèi)汽車新車處于渠道下沉的大趨勢，以區(qū)縣綜合汽貿(mào)為主體的多品牌經(jīng)營的汽車經(jīng)銷商逐漸崛起，并成為汽車產(chǎn)能消化的主力軍，同時4S店承受著廠家愈來愈重的銷售指標，為了減輕壓力，4S店不得不大力發(fā)展區(qū)縣二網(wǎng)，通過對二網(wǎng)的經(jīng)營銷售新車。
當時公司的業(yè)務是以新車B2B交易為切入點，面向綜合汽貿(mào)、資源商、4S門店提供了整套汽車異地流通的解決方案，以汽車線上交易為核心，提供供應鏈物流、金融。同時基于綜合門店經(jīng)營場景，為綜合汽貿(mào)提供致力于綜合汽貿(mào)門店整體運營方案的SaaS產(chǎn)品及提升綜合門店產(chǎn)值的車主平臺。
01 介紹
本文僅分享其中一項大家所必須經(jīng)歷的難點-數(shù)據(jù)埋點，其他難點比如自動化高效表單系統(tǒng)(輕aPaaS系統(tǒng))、天眼系統(tǒng)、管理協(xié)同等經(jīng)驗在后續(xù)文章分享。
數(shù)據(jù)埋點的重要性不言而喻，對產(chǎn)品使用情況，AB測試等，對后期產(chǎn)品發(fā)展方向、版本迭代都有重要意義。
1. 哪些人可以參與埋點？
2. 埋點方式選擇
埋點方式主要用到的代碼埋點(前端埋點、后端埋點)、全埋點、可視化埋點，采用哪種埋點方式，需要根據(jù)自身的分析內(nèi)容來制定方案。
- 比如需統(tǒng)計用戶登錄信息，功能帶來的數(shù)據(jù)轉(zhuǎn)化，新功能使用情況等可以采用代碼埋點；
- 整個產(chǎn)品都需要檢測，通過集成SDK方式，自動采集全部用戶行為，可使用全埋點，例如注明的GrowingIO，諸葛IO；
- 想了解頁面按鈕點擊次數(shù)，功能使用次數(shù)，這種對頁面上的控件進行采集用戶點擊情況，不需要明確的用戶信息，只需要大概的點擊數(shù)量級的宏觀檢測，可采用可視化埋點，可視化埋點不需要技術配合，由業(yè)務人員或產(chǎn)品經(jīng)理負責，完成“圈點”公告。
今天講解的就是其中一種可視化埋點，帶領團隊完成自主開發(fā)，我叫它“ 圈點”系統(tǒng)，每次更新版本后由我在iOS端及安卓端完成圈點工作，后期通過服務器記錄點擊次數(shù)，在后臺呈現(xiàn)數(shù)據(jù)報表。
02 圈點系統(tǒng)
設計這個圈點系統(tǒng)的初衷有二點，第1點是為公司節(jié)省成本，對接GrowingIO，諸葛IO花費太高，對于創(chuàng)業(yè)公司來說，節(jié)省成本也是為公司創(chuàng)造財富。第2點提升研發(fā)人員自身能力，很多公司都是讓程序員一直處于開發(fā)狀態(tài)，只要程序員一閑下來就馬上找事，管它什么事，不能讓你閑著。
但對于我來說，不應該這樣，程序員在公司除了完成交待的事情以外，需要提供時間給程序員提升他們的能力，不能在這個公司干了幾年還是只會那些技能，公司也有培育他們的義務，這是雙向給與的。你為他們著想了，他們自然會盡力為公司付出。圈點系統(tǒng)就是在這樣的情況下誕生的。
1. 什么是圈點系統(tǒng)
頁面上的每個組件都是有唯一路徑的，我們通過對路徑進行存儲，當用戶點擊這些組件后，后臺記錄點擊次數(shù)，并可視化統(tǒng)計在后臺展示供產(chǎn)品經(jīng)理等人員查看，從而掌握該功能使用情況。
- 優(yōu)點：當技術做好底層開發(fā)后，只需要業(yè)務人員對想埋點的組件進行圈點，上新功能后也不再需要技術配合，節(jié)省開發(fā)力量。
- 缺點：只能記錄點擊次數(shù)，不能記錄用戶相關信息。
2. 實現(xiàn)方式
圖中小紅點就是可供操作人員移動的圈點。
只要將小紅點移動到任何組件上，雙擊小紅點，就可出現(xiàn)如下彈窗。
功能解釋：【顯示頂部提示信息】當移動紅色圈時，頂部可實時顯示該組件的路徑信息，隱藏之后不再顯示。
【顯示選中的邊框】打開之后，當移動小紅點，可實時查看該組件的寬度，避免埋點錯誤到其他組件上了。
【編輯當前按鈕別名】給該組件取一個別名，方便業(yè)務人員在后臺查詢時進行搜索某個功能的點擊情況這是圈點系統(tǒng)最核心的功能，后面會講使用方法。
【請求已有別名】用于修改該組件時，可能遇到該組件已經(jīng)埋點過，可向服務器請求下來埋點別名及路徑，當然前面介紹的【顯示頂部提示信息】如果打開的情況下，當移動小紅點到任何組件時，就已經(jīng)實時顯示了埋點的別名。
【立即上傳統(tǒng)計】用戶啟動軟件后點擊所有的組件行為都會被記錄在本地，只有當用戶下次啟動時才會上傳上次的點擊行為到服務器，【立即上傳統(tǒng)計】就是不用等下次啟動，立即上傳從上次上傳后到現(xiàn)在存于本地的點擊行為。
【移除紅點】隱藏小紅點，下次啟動APP后才會再次出現(xiàn)小紅點，供業(yè)務人員埋點使用。
注意事項：
埋點時間：新版本上線后才會進行埋點，必須是對正式版本埋點，因為測試版本的組件路徑和正式版本的不一樣，所以埋點時間是每個正式版本上線后。
埋點人員賬號：不是所有人都能進行埋點，需根據(jù)后臺設置的白名單賬號才能進行埋點操作，否則隱藏小紅點。
3. 埋點操作
移動小紅點到需要埋點的組件上，雙擊小紅點，并在彈窗中選擇【編輯當前按鈕別名】，進入該組件的設置界面。
【匹配模式】有5種模式，包含、前綴、后綴、前綴+后綴、相等；
【原始路徑】展示該組件在移動端開發(fā)時生成的路徑，iOS和安卓存在不一致，因為雙方開發(fā)人員開發(fā)方式不一樣；
【匹配路徑】會展示同【原始路徑】一樣的路徑，但可供業(yè)務人員修改。
【別名】給該組件取個名字，便于在后臺搜索
模式解釋：
【相等】當頁面上的組件功能是唯一時，我們可以選擇【相等】模式，就會以【匹配路徑】存儲起來，當用戶點擊過這個組件次數(shù)就會+1；
【前綴】使用場景，如下圖中的奧迪和阿爾法羅密歐等品牌，我不關心他是點擊的具體哪個，我只關心用戶都是通過點擊品牌進入的搜索結(jié)果頁，那我想要分析的結(jié)果就是用戶到底是通過品牌篩選進入的搜索結(jié)果頁還是通過【最近找車】的標簽進入的搜索結(jié)果頁。
我通過查看【奧迪】的這個組件的路徑為：*****.SCSaleCarVC/UITableView[0]/*****.SCSaleCarCell[1,0]
【阿爾法羅密歐】的這個組件的路徑為：*****.SCSaleCarVC/UITableView[0]/*****.SCSaleCarCell[1,1]
他們的路徑區(qū)別為只有之后的數(shù)字疊加。
取他們相同的路勁，最后拆分為兩部分路徑：“*****.SCSaleCarVC/UITableView[0]/*****車.SCSaleCarCell” 和 “[1,0]”
所以我在埋點時選擇【前綴】，因為前綴相同，并在【匹配路徑】項刪除后綴，即“[1,0]”，刪除之后提交，那所有該前綴路徑的組件都會計算到同一個別名里面，大大降低了需要每個組件單獨埋點的重復性操作。
同理模式中【包含】【后綴】【前綴+后綴】也是一樣的，只需要分析相同組件的路徑，刪除不重復的路徑，選擇對應的模式，就可以批量埋點。
通過這樣對全APP圈點埋點，業(yè)務人員可隨時在后臺搜索別名了解到功能的使用情況(點擊次數(shù))，且具有可延展性，后續(xù)更新版本增加新功能后也可直接使用圈點埋點，不用再次開發(fā)。
注意事項：需要每個版本都檢查一遍埋點組件，因為在開發(fā)期間，程序員修改了功能后，該同一個組件的路徑會發(fā)生變化，變化之后需要重新對該組件進行埋點。
03 后續(xù)
后臺存儲及可視化展示部分，因涉及到數(shù)據(jù)，這里就不做展示，Leo只是幫大家打開一個思路，這也是為產(chǎn)品經(jīng)理本身及程序員本身提升能力，當然可能有人說產(chǎn)品經(jīng)理就是喜歡瞎折騰，但對于一個創(chuàng)業(yè)型公司來說，在沒有掙錢能力的時候那就想著幫公司節(jié)省錢吧。雖然這種埋點可以對接第三方，那第三方公司他也是這么折騰出來的，哈哈。
在創(chuàng)業(yè)公司呆了這么多年，最好的一點就是大家都是往一處使勁，所以克服了非常多項目難點，也都是大家從來沒做過的，當成功的那一刻就是收獲喜悅的時候，歡迎大家交流。
作者：Leo周，?一只特立獨行、桀驁不馴、惹是生非的資深產(chǎn)品“獅子”
本文由 @Leo周 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
- 目前還沒評論，等你發(fā)揮！
