Flutter 框架推出至今,已經(jīng)在超過 50萬個應用中使用,從 2019 年到現(xiàn)在一直保持著強勁的增長趨勢。優(yōu)秀的性能、跨平臺能力和活躍的技術社區(qū)使得其愈發(fā)受到廣大開發(fā)者的青睞。
而隨著 Flutter 的普及和廣泛應用,越來越多的企業(yè)和開發(fā)者對自動高效的埋點提出了更高要求,對于承接大量埋點需求的 Flutter 框架開發(fā)者而言,這無疑是一個棘手的難題:Flutter 官方并沒有提供相應的 AOP(Aspect Oriented Programming,面向切面編程),也就無法提供統(tǒng)一標準的邏輯用于簡化埋點流程,導致埋點成本很高,大量的埋點需求無法及時響應。
目前,業(yè)內(nèi)可視化全埋點大多只支持 Web 或 App 原生埋點。針對 Flutter 開發(fā)者的痛點,神策的可視化全埋點繼支持 Web、App、React Native 等框架后,繼續(xù)突破創(chuàng)新,專項技術攻關,最終全面支持 Flutter 框架。開發(fā)者可以通過可視化的方式定義事件,僅需三步就可以合規(guī)采集頁面任意可見元素內(nèi)容作為事件屬性,同時快速驗證可視化自定義屬性埋點數(shù)據(jù)是否正確。
關注神策數(shù)據(jù)公眾號,查看神策可視化全埋點更多能力解讀。
三大突破
快速響應Flutter平臺的埋點需求
一、可視化升級,為提升埋點效率加碼
神策在突破 Flutter 全埋點的基礎上,結合可視化全埋點的業(yè)務邏輯,實現(xiàn)了 Flutter 可視化全埋點。廣泛支持 Flutter 可點擊控件,并針對不同的業(yè)務場景,支持多維度的埋點需求。
1.支持可點擊元素
在 Flutter 框架中可點擊的元素,本質上是 GestureDetector,針對 GestureDetector 實現(xiàn)的元素點擊均支持可視化全埋點,比如常見的 TextButton、Switch、Radio 等元素。除此之外,還可以支持 Flutter 內(nèi)嵌 H5 可點擊元素,實現(xiàn)不同場景下的埋點需求。
2.支持列表、多級列表等復雜的場景
Flutter 中的 ListView 和 GridView 兩類元素被處理成列表元素,針對列表元素,支持限制「元素位置」定義事件,從而避免相似內(nèi)容多次重復定義事件,提高了埋點效率。如下圖所示:
圖 神策可視化全埋點功能截圖示例
同時,神策可視化全埋點還支持限制「元素內(nèi)容」定義事件,從而針對元素內(nèi)容可能發(fā)生變化的情況,滿足可配置的個性化埋點需求,覆蓋更多分析場景。
二、定義屬性,屬性采集所見即所得
1.支持自定義屬性
支持開發(fā)者通過可視化的方式,采集頁面任何可見元素內(nèi)容作為事件屬性,大幅度拓展可視化全埋點的應用場景,降低接入門檻,提高埋點效率。同時,文本內(nèi)容支持多種不同的處理規(guī)則,還可以自定義正則表達式解析內(nèi)容。
圖 神策可視化全埋點功能截圖示例
2.支持埋點校驗
埋點校驗功能支持開發(fā)者通過當前手機點擊定義的元素,實時上報合規(guī)采集的全埋點事件和自定義屬性,業(yè)務人員一人就可以獨立完成埋點、測試、上線的全過程,省去前后溝通的時間,顯著提升工作效率,降低開發(fā)依賴。
圖 神策可視化全埋點功能截圖示例
三、致力于為開發(fā)者帶來極致體驗
1.集成簡單
集成簡單,方便客戶快速體驗,大大降低客戶接入門檻。下載并執(zhí)行腳本,再引入相關模塊,即可快速集成 Flutter 全埋點 SDK,通過初始化開關配置即可開啟可視化全埋點功能。
2.定義事件精準匹配
在 Flutter 開發(fā)者進行埋點的過程中,可能會面臨的問題是,一個元素由多個 Widget 組成,在查找元素路徑時需要一直向上遞歸查找直到根節(jié)點位置,往往造就了極為冗長的元素標識路徑,這為開發(fā)者對不同元素的識別帶來了巨大挑戰(zhàn)。
而通過神策可視化全埋點,在 Flutter 中可以篩選開發(fā)者自己項目中創(chuàng)建的 Widget,元素路徑也只采用項目中定義的 Widget 組成,從而實現(xiàn)元素路徑構建的優(yōu)化。優(yōu)化后的路徑更加簡單清晰,也更準確標識 App 中的某個元素,從而實現(xiàn)事件定義和屬性采集的精準匹配。
3.性能優(yōu)越
在掃碼連接可視化全埋點階段,SDK 會進行元素遍歷,以實現(xiàn)上傳頁面元素信息。在 Flutter 框架中,一切皆由 Widget 組成,并且項目中各種元素也會包含大量系統(tǒng)自動創(chuàng)建的 Widget,直接遍歷可能導致 App 頁面卡頓,影響用戶體驗。
神策 SDK 在元素遍歷過程中,從 Flutter 實現(xiàn)原理著手,只遍歷項目創(chuàng)建的元素和可視化需要用到的關鍵元素,忽略系統(tǒng)自動創(chuàng)建的各種 Widget,從而極大地優(yōu)化了遍歷性能,提升元素信息上傳速度。神策針對 Flutter 界面刷新機制也做了專門的優(yōu)化,實現(xiàn)了只有頁面發(fā)生變化才會遍歷更新頁面元素信息,確保用戶無感知的使用體驗。即使面對復雜的商業(yè)項目 App,我們的元素遍歷也不會造成頁面卡頓,為用戶帶來更佳的使用體驗。
對于廣大 Flutter 跨平臺框架開發(fā)者來說,神策的 Flutter 可視化全埋點為埋點設計提供了另一種模式,可以讓開發(fā)者更快速地響應業(yè)務側的埋點需求,提升整改團隊的開發(fā)效率。
