菜单

App 可视化全埋点

视频版讲解

App 可视化全埋点讲解视频

App 内嵌 H5 可视化全埋点讲解视频

App 可视化全埋点支持自定义属性讲解视频

功能介绍

App 可视化全埋点功能提供了通过电脑与手机画面同步,定义事件的功能,具体的功能列表如下:

  • 定义多种类型的控件,支持根据其在 Listview 中的位置和内容进行筛选;
  • 在电脑端便捷操作,右侧界面动态展示当前定义的元素的准确定义;
  • 支持多种设备:手机、平板电脑以及对应的横竖屏。
  • 支持自定义属性:可视化的方式选择页面元素内容定义为属性。

准备工作

正确集成对应的 SDK

使用 App 可视化自定义属性功能的版本要求:

App 内嵌 h5

  • SDH :v1.2.1 及其以上
  • Android SDK:v5.4.5 及其以上
  • iOS SDK:v3.1.8 及其以上
  • Web JS SDK : v1.18.19 及其以上

原生 App

  • SDH :v1.2.1 及其以上
  • Android SDK:v5.2.0 及其以上
  • iOS SDK:2.6.0 及其以上

React Native

  • React Native 0.46 ~ 0.60
  • React Native SDK v2.0.1 及以上版本
  • Android SDK v5.2.5 及以上版本
  • Android 插件 v3.2.5 及以上版本
  • iOS SDK v2.6.7

集成神策 React Native SDK 的 App,只需要原生端开启可视化全埋点功能,即可自动支持 React Native 的页面和控件。

mPaaS

  • Android SDK v5.2.5 及以上版本
  • Android 插件 v3.2.5 及以上版本
  • iOS SDK v2.6.7

注意点:

  • Android 仅支持 aar 接入方式
  • SDH :v1.2.1 及其以上
  • Android SDK:v5.4.5 及其以上
  • iOS SDK:v3.1.8 及其以上
  • Web JS SDK : v1.18.19 及其以上
  • SDH :v1.2.1 及其以上
  • Android SDK:v5.2.0 及其以上
  • iOS SDK:2.6.0 及其以上
  • React Native 0.46 ~ 0.60
  • React Native SDK v2.0.1 及以上版本
  • Android SDK v5.2.5 及以上版本
  • Android 插件 v3.2.5 及以上版本
  • iOS SDK v2.6.7

集成神策 React Native SDK 的 App,只需要原生端开启可视化全埋点功能,即可自动支持 React Native 的页面和控件。

  • Android SDK v5.2.5 及以上版本
  • Android 插件 v3.2.5 及以上版本
  • iOS SDK v2.6.7

注意点:

  • Android 仅支持 aar 接入方式


集成方法,详细见:

如何进入埋点页面

点击 数据融合 > 元数据管理 > 事件表 > 可视化全埋点事件 > 创建 App 可视化全埋点,进入 App 可视化全埋点页面。

扫码/配对码连接

扫码连接

  • 前提条件:要求手机已安装相应的 App ,且正确集成 SDK
  • 注意:请不要使用百度浏览器扫码,由于百度浏览器无法跳转 App,所以无法完成可视化全埋点的连接,请更换其他浏览器扫码

操作步骤如下:

  1. 在可视化全埋点事件页面选择扫码连接,在扫描二维码的页面,使用手机浏览器的扫一扫功能或者是微信扫一扫的功能进行扫码,根据浏览器弹窗提示的操作打开对应的 App,如果遇到扫码后无响应,无法正确地唤起 App 的问题,可以下载「掌上神策」,利用「掌上神策」的扫一扫功能扫描二维码。
  2. 手机扫码后点击「开启 App 可视化全埋点」按钮,再点击「打开」按钮后成功打开所要分析的 App
  3. 连接 App 成功后进行可视化全埋点

配对码连接

前提条件:要求设备上已安装相应的 App,且正确集成 SDK

操作步骤如下: 

  1. 在可视化全埋点事件页面,点击二维码的下面的「配对码连接」切换到配对码连接方式。       
  2. 下载「神策分析 SDK 助手」,在设备上打开神策分析 SDK 助手 App 点击应用名称,点击「开启配对码连接」,拉起对应的应用。
  3. 在应用弹窗中输入配对码,完成配对码连接

查看连接状态与 App 基本信息

基本信息

可以通过在 App 界面上方的信息查看当前埋点应用的平台,应用版本和设备连接情况。

界面暂停同步

当电脑界面正处在定义元素的时候,界面同步会暂定,避免出现两端一边正在定义元素,一边界面产生变化的情况,定义完成会界面会自动同步。

定义事件

定义元素点击事件

元素埋点与限定条件

定义某个特定位置的元素点击事件

单击某一个元素,可以看到限定条件的限定内容如下:

  • 不限定内容(文本)
  • 限定顺序为第 3 位

上面两个条件意味着,当前定义的是发生在当前页面的,同类元素内,在列表中顺序位置为第 3 位的元素点击事件。若元素的内容(文本)变化,埋点仍然有效。

事件显示名可以修改,确认内容无误后,可以点击保存。

定义某个特定内容的元素点击事件

变化一下条件,可以看到限定条件内容如下:

  • 限定内容(文本)
  • 不限定顺序位置

上面两个条件意味着,当前定义的是发生在「当前页面」下,同类元素内,内容(文本)为「生活旅行」的元素点击事件。元素顺序变化,埋点仍然有效。元素内容(文本)变化,埋点失效。

定义某个特定内容,特定位置的元素

变化一下条件,可以看到限定条件内容如下:

  • 限定内容(文本)
  • 限定顺序位置

上面两个条件意味着,当前定义的是发生在「当前页面」下,同类元素内,内容(文本)为「生活旅行」,在列表中顺序为第 4 位的元素点击事件。若元素的内容或在列表中的顺序发生改变,埋点将会失效。

定义整个列表按钮

变化一下条件,可以看到限定条件内容如下:

  • 不限定内容(文本)
  • 不限定顺序位置

上面两个条件意味着,当前定义的是发生在「当前页面」下,截图中被选中的一系列元素的点击事件。

定义某个在可点击的卡片上层的独立按钮

当多个元素共用一个点击区域时,神策的系统会将其标识为一个点击元素,但是当卡片上点击功能独立于其他元素的元素时,这个元素可以被单独标记,如上图所示。

对已埋点的元素再次进行定义

以图中元素为例,假如已经定义了一个限定内容且限定位置的点击事件,这个时候还想针对同一个元素定义一个不限定内容的点击事件,就需要先关闭「高亮已埋点元素」,然后进入事件定义界面,定义所需事件。

自定义元素点击事件的属性

首先,在创建元素点击事件页面中点击「添加属性」按钮,点击页面中的元素,并保存属性信息,保存后进行确认创建事件。

列表内同级元素点击事件的属性

对于列表内的同级的点击元素,可以设置相同元素路径的属性。

点击页面中元素,修改筛选限制,不再限定位置、限定内容,选中所有列表中的元素。

在创建元素点击事件页面中,点击「添加属性」按钮,点击页面中的元素,并保存属性信息,保存后进行确认创建事件。

定义 App 内嵌 H5 点击事件的属性

对于 App 内嵌 H5 的点击事件元素支持自定义属性,操作同上。

定义页面浏览事件

定义一个页面浏览事件

点击「创建页面浏览事件」按钮,在弹窗页面中,确认事件名称,点击保存。

管理可视化全埋点事件

查看事件

查看事件详情的方法有两种,一种是在定义过程中,可以直接在左侧的栏目中查看事件详情。

另一种是在最外层的可视化全埋点事件管理的列表查看埋点详情。

删除事件

删除事件有两个方法,一个是在定义过程中,发现定义的可视化全埋点事件有误,可以直接在左侧的栏目中删除事件。

或者可以在最外层的可视化全埋点事件管理的列表进行删除。

FAQ

扫码无法打开页面

答:检查网络终端以及项目是否处于内网项目,请将手机切换到相同网络。

点击页面中的按钮,提示错误(无法唤醒 App)

答:检查是否已安装所要分析的 App 以及项目的 scheme 是否正确填写,请重试。

唤醒 App 后,页面提示「请升级 SDK」

答:当前 SDK 版本过低,请升级 SDK。

二维码 / 配对码已过期

答:过期后,请重新刷新二维码 / 配对码。

唤起 App 后,App 提示项目不一致等错误

答:当前要连接的 App 与神策分析项目的 scheme 不一致,请检查当前项目的 scheme。

配对码连接适用于哪些应用?

答:配对码只适用于 Android 应用,暂不支持 iOS 应用。

扫码连接的二维码的有效期是多久?

答:有效期为 20 分钟,过期后需要重新刷新。


上一个
可视化全埋点事件
下一个
Web 可视化全埋点
最近修改: 2024-12-27