埋點可視化

青團(tuán)社埋點系統(tǒng)的變遷

t_5.png

使用

Android

在application中初始化埋點庫

QTracker.init(app, qTrackerBuilder);

注冊點位

用注冊的方式代替手動曝光和點擊

之前已有的注冊方式

TraceTagHelper.INSTANCE.makeTag(findViewById(R.id.page_title_right_group), "rightGrouop", EventEntityCompat.INSTANCE.getEventEntity(TrackerConstant.Page.MESSAGE_P2P, TrackerConstant.Module.MODULE_SIX, 1), true);

結(jié)合HADES的點位特點式散,改造成


TrackerTagHelper.makeTag(view, "4232", "400110010000") // view處理

埋點的目標(biāo)就是將點位和View綁定瘫证,通過設(shè)置HADES提供的id和positionId,可支持后續(xù)的校驗幻工,上報岩饼,查詢等功能。

Dialog

Dialog,PopWindow都有自己的DecorView察藐,因此不在Activity的ViewTree上,無法直接關(guān)聯(lián)Activity舟扎。QTracker庫封裝了幾個基礎(chǔ)組件分飞,內(nèi)部托管了生命周期中的曝光和點擊邏輯

  • Dialog -> TrackerDialog
  • DialogFragment -> TrackerDialogFragment
  • BottomSheetDialogFragment -> BottomSheetTrackerDialogFragment
  • PopupWindow -> TrackerPopupWindow

RecyclerView

原生的RV將綁定的邏輯放在onBindView中,參考Demo中的RV目錄

TraceTagHelper.makeItemTag(holder.itemView, "4232", "400110010000", position) // ViewHolder等列表處理

特殊場景

網(wǎng)絡(luò)請求后在根據(jù)數(shù)據(jù)進(jìn)行綁定睹限,需要在請求返回后更新tag譬猫,并手動調(diào)用曝光請求

曝光請求:ActivityTrackerHelper.instance.exposure()

Flutter

  1. BaseTrack作為TrackerEvent的父類,實現(xiàn)toJSON方法

  2. UME中新增TrackerInfoInspector羡疗,在回調(diào)中調(diào)用原生的上報插件

  if(kDebugMode){
    bool enableUME = true;

    //Ume調(diào)試插件初始化
    PluginManager.instance // 注冊插件
      ..register(TrackerInfoInspector(uploadCallback: (eventMap){
        FlutterTrackerPlugin.uploadHades(eventMap);
      },))
    }
  1. 原生端實現(xiàn)上報插件

埋點可視化

開發(fā)環(huán)境中有配套的工具集染服,在dev tool中可開啟

Android

  1. 開啟埋點可視化工具

打開左上角dev tool,點擊埋點可視化工具開啟“T”浮窗叨恨。

t_2.png
  1. 點位查詢
t_3.png

頁面會有可視化開關(guān)“T”柳刮,點擊開啟,頁面會新增蒙層痒钝。

開啟可視化工具后秉颗,所有事件都會被攔截,單擊需要查看的View送矩,工具會在對應(yīng)View上覆蓋一層點位信息圖層蚕甥,同時復(fù)制點位到剪切板上。

再次點擊開關(guān)“T”栋荸,關(guān)閉菇怀,同時恢復(fù)頁面交互。

  1. 上報點位

長按需要上報的View晌块,可視化工具會將id和positionId一起傳遞到上報彈窗敏释,檢查,點擊上報即可摸袁。

  1. 校驗點位

長按需要上報的View,在上報彈窗中點擊校驗义屏,即可校驗id和positionId是否匹配靠汁。匹配成功按鈕變綠,失敗變紅

t_4.png

Flutter

  1. flutter頁面點擊UME闽铐,打開TrackerInfo
trace_1.png
  1. 點擊widget查看點位
trace_2.png
  1. 長按Widget喚起上報工具
trace_3.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蝶怔,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子兄墅,更是在濱河造成了極大的恐慌踢星,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,348評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件隙咸,死亡現(xiàn)場離奇詭異沐悦,居然都是意外死亡成洗,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,122評論 2 385
  • 文/潘曉璐 我一進(jìn)店門藏否,熙熙樓的掌柜王于貴愁眉苦臉地迎上來瓶殃,“玉大人,你說我怎么就攤上這事副签∫4唬” “怎么了?”我有些...
    開封第一講書人閱讀 156,936評論 0 347
  • 文/不壞的土叔 我叫張陵淆储,是天一觀的道長冠场。 經(jīng)常有香客問我,道長本砰,這世上最難降的妖魔是什么碴裙? 我笑而不...
    開封第一講書人閱讀 56,427評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮灌具,結(jié)果婚禮上青团,老公的妹妹穿的比我還像新娘。我一直安慰自己咖楣,他們只是感情好督笆,可當(dāng)我...
    茶點故事閱讀 65,467評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著诱贿,像睡著了一般娃肿。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上珠十,一...
    開封第一講書人閱讀 49,785評論 1 290
  • 那天料扰,我揣著相機與錄音,去河邊找鬼焙蹭。 笑死晒杈,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的孔厉。 我是一名探鬼主播拯钻,決...
    沈念sama閱讀 38,931評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼撰豺!你這毒婦竟也來了粪般?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,696評論 0 266
  • 序言:老撾萬榮一對情侶失蹤污桦,失蹤者是張志新(化名)和其女友劉穎亩歹,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,141評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡小作,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,483評論 2 327
  • 正文 我和宋清朗相戀三年亭姥,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片躲惰。...
    茶點故事閱讀 38,625評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡致份,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出础拨,到底是詐尸還是另有隱情氮块,我是刑警寧澤,帶...
    沈念sama閱讀 34,291評論 4 329
  • 正文 年R本政府宣布诡宗,位于F島的核電站滔蝉,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏塔沃。R本人自食惡果不足惜蝠引,卻給世界環(huán)境...
    茶點故事閱讀 39,892評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蛀柴。 院中可真熱鬧螃概,春花似錦、人聲如沸鸽疾。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽制肮。三九已至冒窍,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間豺鼻,已是汗流浹背综液。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留儒飒,地道東北人谬莹。 一個月前我還...
    沈念sama閱讀 46,324評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像桩了,于是被迫代替她去往敵國和親附帽。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,492評論 2 348

推薦閱讀更多精彩內(nèi)容