App可视化埋点方案

作者: Tamic | 来源:发表于2018-08-30 15:46 被阅读514次

Tamic 原创: https://www.jianshu.com/p/c650613581c7
停止写技术博客一年后, 我又回归啦...

停止写技术博客一年后, 我又回归啦...,最近一年将会输出更加高质量文章! 欢迎关注!

背景

目前统计打点已经是一个产品常见的需求,尤其在业务模式探索的前期,埋点功能更是必不可少的功能,下面将介绍最简单的app全埋点方案!

什么是数据埋点

数据埋点是一般项目采用统计UV,PV,Action,Time等一系列的数据信息,对特定用户行为或事件进行捕获、处理和发送的相关技术及其实施过程。

为什么要数据埋点

产品或运营分析人员,基于埋点数据分析需要,对用户行为的每一个事件进行埋点布置,并通过SDK上报埋点的数据结果,进行分析,并进一步优化产品或指导运营。

数据埋点包括哪些

这里有我之前写的一篇文章App优质精准的用户行为统计和日志打捞方案

地址:http://blog.csdn.net/sk719887916/article/details/50931485

数据埋点采集模式

自动埋点

App通过代理,调用Sdk相关API,进行的将数据埋点上报的模式.

无痕埋点

无需通过专门提供代理类,直接由sdk提供相关接口,或者通过编译工具,预编译替换代码等,直接由sdk全部负责采集上报

可视化埋点

可视化埋点指 前端或者app端基于dom 元素和控件所精准自动埋点的上报的方案。

对比分析:

自动埋点:

缺点:
1 开发人员工作量大,需对业务提供唯一的ID,来区分每一个业务,无论是否提供sdk代理,业务开发人员至少需要多次调用sdk相关API.

2 业务人员和产品沟通成本提高,需要对具体业务制定相关的业务标识,以便于产品分析和统计

优点:

产品运营工作量少,对照业务映射表,就能分析出还原相关业务场景, 数据比较精细,无需大量的加工和处理。

无痕埋点

缺点:

1 sdk开发人员需提供一套无痕埋点技术成品,包括能正确获取PV,UV,ACtion,TIme等多项统计指标。前期技术投入大。

2 数据量大,需后端落地进行大量处理,并由产品进行自我还原业务员场景。 无论采用智能系统平台,还是通过原生的数据库查询数据,都是一种大量的分析精力。

优点:

1 开发人员工作量小,无需对业务标识进行唯一区分,由sdk自动进行生成,ID规则由sdk和产品进行约定。减少业务人员的沟通成本和使用步骤。

2 数据量全面,覆盖面广,产品可按需进行分析。做到毫无遗漏。

3 支持动态页面和局部动效的统计。

可视化埋点

优点:

1 相对数据量而言
相比较于无埋点相而言对较低,但是这个可视化元素的识别技术是客户端或者前端所要实现的,唯一id生成也无需客户端去自定义规则,这套生成规则由相关产品在自动化工具的情况下生成配置表,下发到客户端,再由客户端按坑就班到相关界面去实现。

2 数据量相对精确

缺点:

1 可视化工具的平台的搭建,静态页面的元素识别都需要额外开发。
2 动态效果可能会遗漏。

实现方案:

埋点需求可参考我之前的文章:

App优质精准的用户行为统计和日志打捞方案

App打造自定义的统计SDK

自动埋点实际上也是,提供一个base类,由业务类继承base类,在base里面做相关统计api调用,
可参考我的github:https://github.com/Tamicer/SkyMonitoring

打点要素

android端打点的四个要素

1 view展现,点击,消失

AccessibilityDelegate.

AccessibilityDelegate的使用(API level 14)
AccessibilityDelegate主要用来对view做一个检测,包括view的点击,选中,滑动,touch,文本变化及描述等等,可以用来做一些数据统计或者分析

创建一个自定义的AccessibilityDelegate,实现sendAccessibilityEvent(View host, int eventType)方法,然后通过view.setAccessibilityDelegate(),当该view的相关属性出现变化时,就会回调到实现的sendAccessibilityEvent方法中,我们可以通过AccessibilityEvent.type_xxx来区分eventType是什么类型,然后做不同的处理

给View设置AccessibilityDelegate,而当View 产生了click,long_click 等事件的时候.会在响应原有的Listener方法后.发送消息给
AccessibilityDelegate.然后在sendAccessibilityEvent方法下做打点操作.

2 页面监听

ActivityLifecycleCallbacks

application.registerActivityLifecycleCallbacks(new Application.ActivityLifecycleCallbacks() {}

在onResume中对activity.getWindow().getDecorView().getRootView()进行向下遍历

3 定位View

View 的唯一性.
根据context的className+View自身的 Id的String 值.(String 值可以反射R文件得到)+View 的className值确定.
当前没有id.向上需要父类的id,如果父类id 没有则记录父类className+getChildAt()值并且继续往上找,直到找到有id的view或者没有父类为止

4 上报时机

启动上报 轮询上报,网络变化,前后台切换,主动上报,推送回捞

核心实现:

以Android作为列子:

提供自动遍历元素 并能扑捉点击的控件的activity, 并能在生命周期统计pv的打开和关闭,调用我开源的SkyMonitoring的对应的api.

复写dispatchTouchEvent(MotionEvent ev) 事件函数,确定被点击的view的相关位置,并生成唯一的ID,企业级app都是从服务器下发对应的ID,对应页面去调用埋点sdk Api,实现事件行为TcStatInterface.initEvent(path.viewTree);。

这个path就是view的路径,页面的深度路径,包括打开和关闭sdk在SkyMonitoring中已能自动获取。

本次demo是id生成规则是按照 :包名+ Activity+ Viewgroup+ Layout+ view + View index + viewID实现的。

业务直接去继承TamicActivity即可,就能去实现所有可视化view的埋点功能。

代码如下:

   public abstract class TamicActivity extends AppCompatActivity {

    
    private int statusBarHeight;
    View rootView;
    String rootViewTree;
    String bigDataPrefix;
    String bigDataIngorePrefix;
    String bigDataEventPrefix;
    private String TAG  = "LYK";

    @Override
    public void onAttachedToWindow() {
        super.onAttachedToWindow();
        //获取到根节点的view
        rootView = getWindow().getDecorView();
        //控件在视图树上的根路径
        rootViewTree = getPackageName() + "." + getClass().getSimpleName();
        //前缀名 bigData
        bigDataPrefix = "Tamic_test";
        //前缀名 bigData_
        bigDataIngorePrefix = bigDataPrefix + "";
        //前缀名 bigdata_ignore
        bigDataEventPrefix =  bigDataIngorePrefix +"Igmore";
    }

    @Override
    protected void onResume() {
        super.onResume();

        TcStatInterface.recordPageStart(TamicActivity.this);
    }

    @Override
    protected void onPause() {
        super.onPause();

        TcStatInterface.recordPageEnd();
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        // APP退出
        TcStatInterface.recordAppEnd();

    }


    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {

        if(ev.getAction() == MotionEvent.ACTION_DOWN){
            ViewPath path = findClickView(ev);
            if(path != null) {
                Log.e(TAG, "path -->" + path.viewTree);
                TcStatInterface.initEvent(path.viewTree);
            }
        }
        return super.dispatchTouchEvent(ev);
    }

    private ViewPath findClickView(MotionEvent ev) {
        Log.e(TAG, "bigdata-->findClickView");
        ViewPath clickView = new ViewPath(rootView, rootViewTree);
        return searchClickView(clickView, ev, 0);
    }


    private ViewPath searchClickView(ViewPath myView, MotionEvent event, int index) {
        ViewPath clickView = null;
        View view = myView.view;
        if (isInView(view, event)) {   
            myView.level++;
            if (myView.level == 2 && !"LinearLayout".equals(view.getClass().getSimpleName())) {
                myView.filterLevelCount++;
            }
            if (myView.level > myView.filterLevelCount) {
                myView.viewTree = myView.viewTree + "." + view.getClass().getSimpleName() + "[" + index + "]";
            }
            Log.i(TAG, "bigdata-->tag = " + view.getTag());
            if (view.getTag() != null) {
                // 主动标记不需要统计时,不进行自动统计
                String tag = view.getTag().toString();
                if (tag.startsWith(bigDataIngorePrefix)) {
                    return null;
                } else if (tag.startsWith(bigDataPrefix)) {
                    if (tag.startsWith(bigDataEventPrefix)) {
                        myView.specifyTag = tag.replace(bigDataEventPrefix, "");
                    }
                    return myView;
                }
            }
            if (view instanceof ViewGroup) {   
                if (view instanceof AbsListView) {
                    Log.i(TAG, "bigdata-->AbsListView ");
                    return null;
                }
                ViewGroup group = (ViewGroup) view;
                int childCount = group.getChildCount();
                if (childCount == 0) {
                    return myView;
                }
                for (int i = childCount - 1; i >= 0; i--) {
                    myView.view = group.getChildAt(i);
                    clickView = searchClickView(myView, event, i);
                    if (clickView != null) {
                        return clickView;
                    }
                }
            } else {
                clickView = myView;
            }
        }
        return clickView;
    }

    private boolean isInView(View view, MotionEvent event) {
        if (view == null || view.getVisibility() != View.VISIBLE) {
            return false;
        }
        int clickX = (int) event.getRawX();
        int clickY = (int) event.getRawY();
        int[] location = new int[2];
        view.getLocationOnScreen(location);
        int x = location[0];
        int y = location[1];
        int width = view.getWidth();
        int height = view.getHeight();
        return clickX > x && clickX < (x + width) && clickY > y && clickY < (y + height);
    }
   }

App项目集成使用,初始化url和相关统计配置字典,这个字典可以从服务器下发下来,我本次只是通过简单的本地文件做实践。

public class StatAppliation extends Application {

@Override
public void onCreate() {
    super.onCreate();
    // you app id
    int appId = 21212;
    // assets
    String fileName = "my_statconfig.json";
    String url = "https://github.com/Tamicer/TamicAppMonitoring";
    // init statSdk
    TcStatInterface.initialize(this, appId, "you app chanel", fileName);
    TcStatInterface.setUrl(url);
    TcStatInterface.setUploadPolicy(TcStatInterface.UploadPolicy.UPLOAD_POLICY_DEVELOPMENT, TcStatInterface.UPLOAD_TIME_ONE);
 }
}

可视化也可以通过aop插桩实现,但是实现起来对代码的入侵性太高,这里不做介绍。

aop插桩对碎片化fragment支持比较好。对这块的介绍可看我以前在公众号推送的一篇文章
AOP编程之AspectJ实战实现数据无痕埋点

可参考:
https://www.baidu.com/link?url=FniQOFyj1pd6O5Fz6viRMN3ZgexIKAk7SQ08EgpBU9cHHMszPlm2jRXJ21mkomtY&wd=&eqid=ffc87acf0005fd18000000045a5d98dd

项目地址:

github:https://github.com/Tamicer/TamicAppMonitoring

Tamic 原创 http://blog.csdn.net/sk719887916/article/details/79074556

第一时间获取技术文章请关注微信公众号!

开发者技术前线

相关文章

  • App可视化埋点方案

    Tamic 原创: https://www.jianshu.com/p/c650613581c7停止写技术博客一年...

  • 戴铭(iOS开发课)读书笔记:09章节-无侵入埋点

    原文链接:无侵入的埋点方案如何实现? 前言: 原文中介绍了iOS开发常见的埋点方式:代码埋点、可视化埋点和无埋点。...

  • 数据运营(6)数据采集

    数据采集的重要性不言而喻。 一、数据采集方案 目前有三种常见的数据采集方案,分别是埋点、可视化埋点、无埋点。 1....

  • iOS学习笔记 无侵入的埋点方案

    埋点:用于了解用户使用App的行为 和 降低分析线上问题的难度。 目前常见的埋点方式:代码埋点、可视化埋点与无埋点...

  • 埋点方案学习

    解决什么问题? 了解用户使用App的行为 降低分析线上问题的难度 常见埋点方式? 代码埋点 可视化埋点 无埋点 三...

  • 埋点方案细节Q&A

    接上篇《埋点&运营分析产品设计》之后,关于埋点方案还有一些不得不探讨的内容:为什么选择全埋点而不选择可视化埋点?埋...

  • 大厂Android端可视化埋点的实现

    Android端可视化埋点的实现 ***导语 ***客户端埋点是数据收集的最基本手段,对于一款APP来说,代码埋点...

  • iOS无侵入埋点

    什么是埋点? 埋点是一种了解用户行为,分析用户行为,提高用户体验的一种方式。常见的解决方案有三种,代码埋点、可视化...

  • Android 全埋点解决方案(一)

    一、埋点方案总结AppEnd 全埋点方案 AppClick全埋点方案1: 代理View.OnclickListen...

  • iOS可视化埋点方案

    前言 随着公司业务的发展,数据的重要性日益体现出来。 数据埋点的准确和全面性显得尤为重要。通过精准和详细的数据,后...

网友评论

本文标题:App可视化埋点方案

本文链接:https://www.haomeiwen.com/subject/edbbiftx.html