無(wú)埋點(diǎn)技術(shù)總結(jié)

最近無(wú)埋點(diǎn)技術(shù)很是流行,抽空研究了下諸葛IO,talkingData以及百分點(diǎn)這些業(yè)內(nèi)知名公司的無(wú)埋點(diǎn)SDK,抽取其中重要的信息供大家參考:
1、首先什么是無(wú)埋點(diǎn)呢,其實(shí)所謂無(wú)埋點(diǎn)就是開(kāi)發(fā)者無(wú)需再對(duì)追蹤點(diǎn)進(jìn)行埋碼,而是脫離代碼,只需面對(duì)應(yīng)用界面圈圈點(diǎn)點(diǎn)即可追加隨時(shí)生效的事件數(shù)據(jù)點(diǎn)。


無(wú)埋點(diǎn)的好處


其實(shí)無(wú)埋點(diǎn)并不是完全不用寫(xiě)代碼,而是盡可能的少寫(xiě)代碼。開(kāi)發(fā)者將SDK集成到項(xiàng)目中,配置并初始化SDK之后,接下來(lái)就可以進(jìn)行可視化操作。這個(gè)可以不依賴(lài)開(kāi)發(fā)者,一些實(shí)施人員都是通過(guò)后臺(tái)的配制,就達(dá)到埋點(diǎn)的配制,還有新增埋點(diǎn)改動(dòng)都是很方便的實(shí)現(xiàn)。最后就是配制和代碼,可以很靈活地?cái)U(kuò)展,動(dòng)態(tài)地更新。
2、上面我們寫(xiě)道無(wú)埋點(diǎn)要進(jìn)行可視化操,參考百分點(diǎn)、talkingData采用相對(duì)簡(jiǎn)單可行的辦法是對(duì)當(dāng)前的屏幕進(jìn)行截圖,截圖完了以后做一些處理。做一些壓縮,然后傳到服務(wù)端,服務(wù)端進(jìn)行展現(xiàn),就把屏幕截圖展現(xiàn)出來(lái)。屏幕截圖做完了,下一步,需要在管理界面進(jìn)行配置,對(duì)于可點(diǎn)擊的組件進(jìn)行配置,就需要把這些界面框起來(lái)展現(xiàn)給使用者。下面是截取的talkingData的可視化操作為例,為大家展示可視化埋點(diǎn)的流程:
項(xiàng)目嵌碼之后,進(jìn)入可視化鏈接頁(yè)面,搖一搖連接設(shè)備:


搖一搖,連接設(shè)備

鏈接成功之后,平臺(tái)獲取當(dāng)前界面截圖:


平臺(tái)自動(dòng)獲取連接設(shè)備當(dāng)前界面

為要統(tǒng)計(jì)的界面元素命名事件,添加追蹤點(diǎn),至此埋點(diǎn)操作完成:


選擇界面中的元素來(lái)追加事件

這里需要指出一下,無(wú)埋點(diǎn)只是針對(duì)一些簡(jiǎn)單的操作統(tǒng)計(jì),如按鈕點(diǎn)擊的次數(shù)、時(shí)間等。如果是比較復(fù)雜的應(yīng)用場(chǎng)景,例如支付事件,需要統(tǒng)計(jì)商品名稱(chēng)、價(jià)格、數(shù)量等,這就需要通過(guò)埋點(diǎn)來(lái)收集詳細(xì)的參數(shù)。
3、無(wú)埋點(diǎn)實(shí)現(xiàn)方式:
整個(gè)技術(shù)里面比較關(guān)鍵的一點(diǎn)是怎么拿到屏幕控件信息。這一塊兒主要就是三個(gè)問(wèn)題。第一,就是獲取時(shí)機(jī)。第二,就是拿控件什么信息,什么信息是需要用到的。第三,就是比較關(guān)鍵的,如何生成控件的唯一ID,ID是在程序內(nèi)部生成。需要保證在不同的手機(jī)上面,這些ID是一樣的。還要保證每一次啟動(dòng)ID都是不變。
首先是Android:




然后,接下來(lái)我們可以看一下iOS,同樣的,也是面臨三個(gè)問(wèn)題:




iOS無(wú)埋點(diǎn)的核心技術(shù)是利用蘋(píng)果的runtime機(jī)制,把系統(tǒng)事件、點(diǎn)擊事件的指針替換成我們自己的函數(shù)來(lái)監(jiān)測(cè)用戶(hù)的操作,我們?cè)谧约旱暮瘮?shù)中采集并發(fā)送需要的數(shù)據(jù)。
4、遇到的問(wèn)題和解決辦法
第四部分,講一下我們?cè)趯?shí)現(xiàn)無(wú)埋點(diǎn)技術(shù)的時(shí)候,遇到了什么坑?以及采用什么方法來(lái)解決這些坑。
長(zhǎng)連接斷開(kāi)的問(wèn)題,我們之前是設(shè)計(jì)每隔5秒發(fā)送一次截圖,一般不會(huì)產(chǎn)生斷開(kāi)。但是,后面做了一些優(yōu)化,我們不會(huì)每隔5秒就發(fā),這樣就會(huì)導(dǎo)致這個(gè)鏈路長(zhǎng)時(shí)間沒(méi)有數(shù)據(jù)。然后,我們解決方法也是采取了業(yè)界通用的方法,發(fā)一個(gè)心跳,通過(guò)發(fā)一個(gè)心跳來(lái)保證這個(gè)鏈路一直是活著的。
第二個(gè)問(wèn)題就是搖一搖遇到的問(wèn)題,我們遇到的問(wèn)題是這樣的,你拿著手機(jī)搖一搖,什么時(shí)候連接成功呢?你得給用戶(hù)一個(gè)反饋,要不用戶(hù)就是一直搖下去,我們后來(lái)想的方法是,搖成功給他一個(gè)振動(dòng),振動(dòng)了,用戶(hù)有反饋,就知道這個(gè)連接成功了,不需要搖了。然后,就是帶來(lái)另外一個(gè)問(wèn)題。有時(shí)候運(yùn)動(dòng)當(dāng)中,又會(huì)產(chǎn)生一些誤操作,就是導(dǎo)致手機(jī)會(huì)振一下。這個(gè)怎么解決呢?我們就想了一下,可以通過(guò)給服務(wù)端有一個(gè)交互,管理界面里面發(fā)現(xiàn)有一個(gè)請(qǐng)求過(guò)來(lái)要連了會(huì)有一個(gè)確認(rèn)的按鈕,用戶(hù)確認(rèn)之后,SDK收到確認(rèn)消息以后,我們?cè)偃フ駝?dòng)。這樣的話,既可以給用戶(hù)反饋,也不會(huì)說(shuō)在它誤操作情況下振動(dòng)。這樣就不會(huì)造成誤操作,也不會(huì)無(wú)緣無(wú)故地進(jìn)行振動(dòng)。
界面?zhèn)鬏數(shù)膬?yōu)化,因?yàn)樵谡麄€(gè)配制過(guò)程當(dāng)中,傳輸數(shù)據(jù)量最大的就是屏幕的截圖。怎么把這個(gè)優(yōu)化一下?就可以更好地提升我們的體驗(yàn)度,還有流暢性。圖片采用jpeg格式,把圖片質(zhì)量選擇0.6,剛好是可以看清楚的。然后,也最大限度地降低了這個(gè)圖片大小。
然后,整個(gè)傳輸效率,有這樣一個(gè)問(wèn)題。我在當(dāng)前界面,默認(rèn)就是5秒傳一次。我點(diǎn)了一下,我在當(dāng)前一個(gè)列表界面,點(diǎn)了一下切換到詳情界面。最壞的情況下就是等5秒,加上網(wǎng)絡(luò)傳輸效果,管理界面就看到新的屏幕。這種體驗(yàn)是很差的,因?yàn)閷?shí)時(shí)性太差。所以,這一塊做了一個(gè)優(yōu)化。盡量讓它實(shí)時(shí)傳過(guò)去,我們?cè)谄聊磺袚Q的時(shí)候,主動(dòng)發(fā)一次截圖。這樣的話,等的時(shí)間就是網(wǎng)絡(luò)傳輸?shù)臅r(shí)間,不用等5秒固定的時(shí)間。這一塊用戶(hù)體驗(yàn)上面就是更流暢一些。
有的時(shí)候屏幕界面沒(méi)有任何的變化的,這個(gè)時(shí)候每隔5秒傳一次沒(méi)有必要的。所以,我們把屏幕截圖做一個(gè)md5進(jìn)行保留,傳輸時(shí)對(duì)比md5,當(dāng)切換到下一個(gè)的時(shí)候,我們就發(fā)新的屏幕截圖。這樣就會(huì)減少很多不必要的屏幕的傳輸。然后,也會(huì)節(jié)省很多的流量。
控件ID重復(fù)的問(wèn)題。前面說(shuō)過(guò)我們的ID生成規(guī)則可以解決90%的問(wèn)題,但是,有一些問(wèn)題還是解決不了。生成ID重復(fù),重復(fù)的話就會(huì)產(chǎn)生一個(gè)什么樣的效果和問(wèn)題?同樣兩個(gè)按紐,一個(gè)注冊(cè),對(duì)于注冊(cè)定義了一個(gè)埋點(diǎn),就是注冊(cè)點(diǎn)擊,用戶(hù)實(shí)際操作的時(shí)候點(diǎn)登陸的時(shí)候也是發(fā)過(guò)來(lái)一個(gè)注冊(cè)點(diǎn)擊消息。這樣就是統(tǒng)計(jì)不準(zhǔn),因?yàn)檫@種比較的特殊,我們采用的解決方案,通過(guò)服務(wù)端發(fā)一些特殊配制。把這些配制里面,因?yàn)檫@兩個(gè)button里的text不一樣,一個(gè)是注冊(cè),一個(gè)是登陸。我們把text信息放在ID的這個(gè)生成規(guī)則里面,最終生成兩個(gè)不同的ID,也是可以解決這個(gè)問(wèn)題。
還有一個(gè)難點(diǎn)通過(guò)可視化埋點(diǎn)的事件名稱(chēng)會(huì)先通過(guò)平臺(tái)傳到服務(wù)器,服務(wù)器再傳給所有用戶(hù)APP中的SDK,SDK進(jìn)行判別是哪個(gè)界面的哪個(gè)事件被動(dòng)態(tài)埋點(diǎn)了,然后進(jìn)行統(tǒng)計(jì),并發(fā)送數(shù)據(jù)到后臺(tái)進(jìn)行統(tǒng)計(jì)分析。判斷某個(gè)界面的某個(gè)事件應(yīng)該會(huì)比較棘手,在這里先做一個(gè)標(biāo)記。
當(dāng)然在寫(xiě)SDK的過(guò)程中肯定還有很多的坑,我會(huì)在以后的時(shí)間里一一記錄下來(lái),同時(shí)也歡迎大家提出自己的見(jiàn)解

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 最近無(wú)埋點(diǎn)技術(shù)很是流行,抽空研究了下諸葛IO,talkingData以及百分點(diǎn)這些業(yè)內(nèi)知名公司的無(wú)埋點(diǎn)SDK,抽取...
    woniu閱讀 17,835評(píng)論 17 44
  • 在這篇文章里面,我們會(huì)對(duì)數(shù)據(jù)采集的一些基本概念進(jìn)行闡述,然后,會(huì)針對(duì)目前市面上新增的一些前端埋點(diǎn)技術(shù),如可視化埋點(diǎn)...
    言射手閱讀 6,744評(píng)論 1 52
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,781評(píng)論 25 709
  • 版權(quán)歸屬于微信公眾號(hào)文章網(wǎng)易HubbleData之Android無(wú)埋點(diǎn)實(shí)踐文末有彩蛋哦? 1 背景 網(wǎng)易Hubbl...
    nailperry閱讀 8,390評(píng)論 3 31
  • 新月初升云隨風(fēng),夜幕落去晚歸程。 幾經(jīng)風(fēng)雨擾初夏,綠意一路灑向東。 ——巍巍&我
    Oak水木閱讀 166評(píng)論 0 0

友情鏈接更多精彩內(nèi)容