帮助文档
  • What's new
  • 增长平台全景图
  • 文档使用指南
  • 产品简介
    • 产品概述
    • 数据模型
      • 用户模型
        • 访问用户
        • 登录用户
        • 用户属性
      • 事件模型
        • 什么是事件
        • 无埋点事件
          • 概述
          • 访问事件及变量
          • 页面事件及变量
          • 元素事件及变量
        • 埋点事件
      • 统计模型
        • 指标-事件的度量
        • 维度-事件的属性
        • 预定义指标
        • 预定义维度
    • 数据定义
      • 用户变量
        • 登录用户变量
        • 访问用户变量
      • 页面级变量
      • 埋点事件及变量
        • 埋点事件和事件级变量
        • 转化变量
    • 数据安全
  • 开发者文档
    • SDK 集成
      • SDK 简介
      • 合规指南
        • Android SDK合规说明
        • iOS SDK合规说明
        • HarmonyOS SDK合规说明
        • Web JS SDK 合规说明
        • 小程序 SDK 合规说明
      • SDK 使用流程
      • Web JS SDK
        • Web JS SDK 更新日志
        • 概述
        • 集成最新SDK
        • SDK 版本1.x升级2.x指导
        • Web JS SDK API
          • API 2.x
        • Web半自动采集浏览事件
        • 常见问题
          • 为什么网站要允许iframe加载?
          • 为什么网站不能复写 window 对象?
          • 页面内部嵌入的 iframe 元素如何加载 SDK?
          • 同时集成了web sdk 和 hybrid sdk 会怎么处理?
          • 同时集成了web sdk 1.x 和web sdk 2.x会怎么处理?
          • 元素没有元素浏览量怎么处理?
          • display:none 的元素,其子元素中的a/button只采集一次浏览量,想每次曝光都采集怎么处理?
          • 设置了 growing-ignore 之后,其子元素也不采集怎么处理?
      • 原生 Android SDK
        • Android SDK更新日志
        • 无埋点 SDK 集成
        • 埋点 SDK 集成
        • Android SDK API
          • Gradle配置API
          • 初始化配置项API
          • 运行时API
          • 自定义数据上传API
        • Android半自动采集浏览事件
        • 1.x Android SDK 升级指导
        • 常见问题
          • 无埋点数据采集问题
          • 无埋点SDK中埋点API使用问题
          • SDK性能问题
          • 圈选问题
          • Gradle 常见问题
          • App内嵌H5页面常见问题
      • 原生 iOS SDK
        • iOS SDK 更新日志
        • 无埋点 SDK集成
        • 埋点 SDK集成
        • iOS SDK API
          • 初始化配置项API
          • 埋点SDK支持的其他接口
          • 动态添加属性说明
          • 自定义数据上传API
        • iOS半自动采集浏览事件
        • iOS SDK升级指导
        • 常见问题
        • 用户运营iOS SDK地址
      • 移动端第三方框架 SDK
        • React Native无埋点SDK
        • React Native埋点SDK
        • Flutter埋点SDK
        • Cordova埋点SDK
        • Weex埋点SDK
        • API Cloud埋点SDK
        • AppCan埋点SDK
        • uniapp 埋点SDK
        • Unity 埋点 SDK
        • 鸿蒙原生埋点 SDK
      • 小程序 SDK
        • 3.7及以下
          • 更新日志
          • 集成
            • 微信小程序
            • 支付宝小程序
            • 百度小程序
            • QQ小程序
            • 字节跳动小程序
            • 快应用
          • 数据采集API
          • 无埋点采集逻辑和高级配置
        • 3.8
          • 更新日志
          • 集成
            • 微信小程序
            • 阿里(支付宝)小程序
            • 百度小程序
            • 字节(抖音头条)小程序
            • QQ小程序
            • 快应用
          • 初始化配置
          • 数据采集API
          • 无埋点采集逻辑和高级配置
          • 旧版本与3.8对比
          • 旧版本升级到3.8
      • Hybrid JS SDK
      • 小程序和微信公众号H5 内嵌页 SDK
        • 更新日志
      • 微信小游戏 SDK
        • 更新日志
      • 服务端埋点SDK
        • Java埋点SDK
        • PHP埋点SDK
        • 常见问题
      • 仅集成埋点SDK的Hybrid JS SDK
    • SDK调试
      • 概述
      • Web Debugger
      • Mobile Debugger
      • 小程序&内嵌页Debugger
      • 验证埋点事件
        • 概述
        • 对 cstm(事件以及关联的事件级变量)上报进行验证
        • 对 pvar(页面级变量)进行验证
        • 对 evar(转化变量)进行验证
        • 对 ppl(用户变量)上报验证
    • API参考
      • 公共请求参数
      • 原始数据导出API V2
        • 概述
        • 事件表字段说明
          • 事件表关联
          • 无埋点事件字段
          • 埋点事件与变量字段
          • 广告相关字段
        • 接口定义
          • 获取不同类型原始数据下载链接
          • 获取全部事件类型原始数据的下载链接
        • 升级说明
        • 导出数据处理建议
      • 原始数据导出API V1
        • 概述
        • 字段说明
          • 事件类型
          • 无埋点事件字段
          • 埋点事件与变量字段
          • 广告相关字段
        • 接口定义
          • 获取原始数据下载链接
          • 来源管理数据导出 -- [接口下线 2020.11.02]
        • 导出数据处理建议
      • 统计数据导出API V3
        • V3接口概述
        • 接口定义
          • 获取事件分析数据
          • 获取漏斗分析数据
          • 获取留存分析数据
          • 获取分布分析数据
          • 获取用户分群的下载链接
          • 获取用户标签的下载链接
      • 统计数据导出API
        • 概述
        • 接口定义
          • 获取看板列表
          • 获取看板中的图表信息
          • 获取事件分析数据
          • 获取漏斗分析数据
          • 获取留存分析数据
          • 获取分群列表
          • 获取特定分群的用户列表
          • 获取圈选元素定义
      • 用户分群更新API
      • 广告监测链接创建API
        • 概述
        • 接口定义
          • 查询应用ID
          • 新建推广活动
          • 查询推广活动ID
          • 新建推广渠道
          • 查询推广渠道ID
          • 新建监测链接(吸引用户直接打开App)
          • 查询监测链接(吸引用户直接打开App)
          • 新建监测链接(增加APP下载量-同时推广iOS和Android)
          • 查询监测链接(增加APP下载量-同时推广iOS和Android)
          • 新建监测链接(增加App下载量-推广iOS或Android单个平台)
          • 查询监测链接(增加App下载量-推广iOS或Android单个平台)
          • 新建监测链接(推广网页)
          • 查询监测链接(推广网页)
          • 新建监测链接(微信小程序)
          • 查询监测链接(微信小程序)
      • 埋点数据上传API
      • 登录用户变量上传API
        • 登录用户变量上传
        • 维度分类上传
        • 既有登录用户ID上传
        • (旧)接口定义
          • 用户变量上传
          • 维度分类上传
      • 项目管理API
        • 概述
        • 从项目内移除成员
        • 获取埋点事件列表
        • 创建埋点事件
        • 更新埋点事件
        • 删除埋点事件
        • 获取事件级变量
        • 创建事件级变量
        • 获取页面级变量
        • 创建页面级变量
        • 获取登录用户变量
        • 创建登录用户变量
        • 获取访问用户变量
        • 获取埋点数量限额
      • 数据管理API(GDPR)
        • 数据保护
        • 删除原始数据
  • 产品使用文档
    • 产品分析
      • 数据监测
        • 概览
        • 实时
        • 分析看板
        • KPI看板
        • 小程序看数助手
      • 分析工具
        • 事件分析
          • 什么是事件分析
          • 创建事件分析
          • 视图介绍
        • 漏斗分析
          • 什么是漏斗分析
          • 创建漏斗分析
          • 漏斗分析结果解读
          • 案例解读
        • 留存分析
          • 什么是留存分析
          • 创建留存分析
          • 留存分析结果解读
          • 视图介绍
          • 应用场景
          • 常见问题
        • 分布分析
          • 什么是分布分析
          • 使用场景
          • 创建分布分析
        • 热图分析
          • 什么是热图分析
          • Web端热图
          • App热图
        • 事件流分析
      • 业务场景
        • 分享分析
        • 留存魔法师
    • 智能运营
    • 获客分析
      • 首页
        • 应用级数据
        • 数据指标说明
      • 分析
        • 渠道价值分析
        • 渠道归因分析
        • 落地页分析
        • 活动页分析
      • 获客追踪
        • 监测链接
          • 推广App
          • 推广网页
          • 推广小程序(微信)
            • 推广链接的投放和设置指南
            • 小程序码管理
        • 深度链接
        • 结合产品数据深度分析
      • 产品配置
        • 广告活动管理
        • 推广渠道管理
        • 深度链接配置
        • 广告数据权限控制
        • 日志数据导出
        • 维度配置(链接扩展维度)
        • 归因配置
      • 渠道配置指南
        • 苹果广告投放
        • 华为应用商oCPD
        • HUAWEI Ads
        • 腾讯社交广告(Marking API)
        • 今日头条(巨量纵横)
        • 百度原生信息流
        • 百度搜索_ocpc
        • 微信广告平台
        • 微博超级粉丝通
        • 爱奇艺
        • InMobi
        • 快手平台
        • 凤羽广告平台
        • bilibili(B站)
        • VIVO营销平台
      • 相关知识
        • UTM参数使用指南
        • 移动端转化归因
        • 默认的渠道来源跟踪
        • DeepLink启用新域名
      • 常见问题
    • 用户库
      • 用户分群
        • 用户分群
          • 什么是用户分群
          • 创建用户分群
            • 规则分群
          • 更新用户分群
          • 查看分群详情页
          • 常见问题
        • 用户细查
          • 什么是用户细查
          • 细查用户
          • 应用场景
          • 常见问题
      • 用户标签 - Beta
        • 创建标签
        • 标签模型使用
          • 基础指标值
          • 最大值 / 最小值
          • 最初 / 最终
          • 分层标签
      • 用戶分析
        • 活跃用户分析
          • 什么是活跃用户分析
          • 分析活跃用户
      • 业务场景
        • 微信应用用户分析
    • 数据中心
      • 数据管理
        • 无埋点事件
          • 概述
          • Web端数据定义
            • Web圈选
            • Chrome插件圈选
            • Chrome插件安装步骤
          • App端数据定义
          • App端数据定义(App圈选)
          • 小程序数据定义
          • 微信内嵌页数据定义
        • 埋点事件
        • 事件级变量
        • 页面级变量
        • 用户变量
          • 登录用户变量
          • 访问用戶变量
        • 转化变量
        • 业务标签管理
        • 批量操作
        • 自定义指标管理
          • 计算指标
          • 合并事件
        • 预定义维度
        • 预定义指标
      • 数据规划
        • 电商行业数据规划
      • 数据校验
        • 移动端数据校验
        • 小程序数据校验
        • Mobile Debugger
        • Web Debugger
      • 数据集成
        • 微信公众号集成
    • 项目管理
      • 如何进入项目管理?
      • 项目概览
      • 应用管理
      • 成员管理
      • 角色管理
        • 典型角色应用场景
        • 系统角色功能权限列表
      • 小组管理
      • 数据权限
      • 项目配置
        • IP及域名数据过滤
        • 爬虫预防
        • UTM映射管理
        • API Token管理
        • 获取项目UID
    • 组织管理
      • 组织概览
      • 组织项目
      • 组织成员
      • 费用中心(计费方案)
    • 个人中心
      • 个人信息
      • 安全设置
    • 学习平台
    • 工单管理
      • 提交工单
      • 查看进度
      • 邀请技术支持
    • 术语解释
  • 常见问题与解决
    • 基本问题
    • SDK集成
    • 圈选问题
    • 指标和维度
    • 数据安全
    • 产品使用
    • 数据统计差异
    • 如何删除不要的项目?
    • 为何收不到GIO的邮件?
    • 无效指标清理说明
    • 产品维护计划通告
由 GitBook 提供支持
在本页
  • 圈选准备
  • Web圈选
  • Chrome插件圈选
  • 常见问题
  • 1. 如何定义「一组相似元素之和」?
  • 2. 对于已定义过的元素,更改定义规则后,应该如何保存?
  • 3. 如何进行文本「内容」的模糊匹配?
  • 4. 月21日迭代后,新旧版本规则对应关系
  • 5. 不能圈选的可能原因以及对应方法(web)
  • 6. 如果我的页面改版,现在标记的指标是不是需要重新定义?
  • 7. 什么时候选择手动圈选,什么时候选择自动圈选?
  • 8. H5 怎么圈选?
  • 9. 为什么圈选的元素只有点击量,没有浏览量?
  • 10. 为什么圈选的元素只有浏览量,没有点击量?
  • 11. 当页面带查询条件的时候,开关查询条件,数据为什么没有变化?
  • 12. Web 圈选时候页面加载不完全?错位?
  • 13. Web 端已经装了 SDK,现在不能进行圈选。
  • 14. 能否在 iframe 中进行圈选?
  • 15. 在 web 圈选的时候,为什么有时候会一下圈出一组同类元素,有办法区分开么?

这有帮助吗?

  1. 产品使用文档
  2. 数据中心
  3. 数据管理
  4. 无埋点事件

Web端数据定义

上一页概述下一页Web圈选

最后更新于2年前

这有帮助吗?

圈选准备

GrowingIO 全量采集用户行为数据,您可以通过「圈选」来定义元素和页面,作为数据分析的基础指标。

在没有定义过的情况下,GrowingIO 保留和回溯元素过去 7 天的点击量,页面过去 7 天的浏览量。

Hashtag使用说明

如果您的Web页面URL使用了Hashtag,请在加载SDK进行预先配置,请参考。

URL解读

URL示意:www.xxx.com/12345/678/123?id=1&ig=2

拆分:域名/路径?查询条件

即 www.xxx.com 为域名,/12345/678/123 为路径,?id=1&ig=2 为查询条件

常见问题

1. 如何定义「一组相似元素之和」?

如果该元素有同类元素,不限定所有的限定条件,即是统计一组同类元素之和的数据。

2. 对于已定义过的元素,更改定义规则后,应该如何保存?

更改新的规则后,如果原有数据仍然想继续统计,请选择“另存为”来定义新的规则。

3. 如何进行文本「内容」的模糊匹配?

「限定内容」的情况下,将鼠标移动到「内容」的右边,可以看到一个小铅笔,点击小铅笔后,便打开了文本和模式编辑弹窗。默认为精准匹配,即「限定内容为xxx」,若改成模糊匹配,则意义是「限定内容包含xxx」。 保存元素规则后,将按照新的规则进行统计,如果原有数据仍然想继续统计,请选择「另存为」。

4. 月21日迭代后,新旧版本规则对应关系

5. 不能圈选的可能原因以及对应方法(web)

不能圈选的原因

不能圈选的原因包含了,但不仅限于:

  • 元素包含属性:data-growing-ignore, 因此不可以被圈选。如果需要圈选该元素,请去除该属性。

  • 密码框不支持被圈选。

  • 元素已经被圈选,因此不能被重复圈选。

  • 元素是叶子节点,无文本内容,且元素的占屏幕面积超过 50% ,因此不能被圈选。如果需要圈选该元素,请添加 data-growing-circle 属性。

  • 元素所在的 Dom 嵌套层数过多,不在倒数后两层;或者层数符合但是没有实际内容,因此不能被圈选。

data-growing-circle 属性的使用帮助:

元素是叶子节点,无文本内容,且元素的占屏幕面积超过 50% ,因此不能被圈选。如果需要圈选该元素,请添加 data-growing-circle 属性。例如 :

 <div id= "d1" style="border: 1px solid black; width: 80%; height: 80%"></div>

本来不可以圈选。在添加 data-growing-circle 属性后可以圈选:

<div  id= "d1" style="border: 1px solid black; width: 80%; height: 80%" data-growing-circle></div>

6. 如果我的页面改版,现在标记的指标是不是需要重新定义?

改版后,变化的元素需要重新圈选。

7. 什么时候选择手动圈选,什么时候选择自动圈选?

使用自动模式可以很方便快捷地圈选某些元素。但是有些时候由于页面框架的实现方式,自动圈选会圈选相似的模块进来,从而造成数据误差,所以必要时可以切换手动圈选来解决问题。

8. H5 怎么圈选?

GrowingIO 可以统计原生应用中的 H5 页面和 H5 做成的应用。

  • 用 H5 做的应用请参考 Web端数据定义。

9. 为什么圈选的元素只有点击量,没有浏览量?

  1. 如果被圈选元素是 a, button, input,img,并且在倒数两层以下,只统计点击量,不统计浏览量。

  2. 如果用户使用的是 IE8 及以下的 IE 浏览器版本,无法统计浏览量 ,只统计点击量。

10. 为什么圈选的元素只有浏览量,没有点击量?

  1. 可能真的是没有点击量。

  2. 可能选中的是纯文本等没有带超链接可点击的元素。

11. 当页面带查询条件的时候,开关查询条件,数据为什么没有变化?

当圈选元素所在的页面带查询条件的时候,此时圈选框内展示的数据是不带查询条件的数据。保存带查询条件指标后,指标不会回溯数据,会从保存后开始统计数据。

12. Web 圈选时候页面加载不完全?错位?

部分浏览器会有兼容性问题,推荐使用 Chrome 浏览器。

13. Web 端已经装了 SDK,现在不能进行圈选。

  1. 有可能是工程师没有成功加载 JS;

  2. 可能是该网站禁止了 iframe 的加载,请联系工程师修改配置;

  3. 可能是工程师加载 js 代码时的项目 ID 填写有误(项目 ID 没有空格);

  4. 有可能复写 window 对象:可视化圈选时候,必须要保证您的网站与 GrowingIO 平台之间的通信。如果 window.top, window.parent, window.name, window.location 被复写,将导致无法圈选。

14. 能否在 iframe 中进行圈选?

如果 iFrame 中的内容集成了 GrowingIO 的代码就可以圈选,否则无法圈选。 GrowingIO 是使用 iframe 来加载目标网页进行可视化定义的。如果目标网站禁止了 iframe 加载,就无法正常定义标签,当点击某个按钮的时候,页面无法发生跳转且命令行显示:

Refused to display '**' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.

此时只允许同个顶级域名加载,所以需要设置http响应头允许 iframe 加载。

如果你的网站使用https协议,需向响应头添加配置

Content-Security-Policy: frame-ancestors 'self' https://www.growingio.com
X-Frame-Options: Allow-From https://www.growingio.com

如果你的网站使用http协议,需向响应头添加配置

Content-Security-Policy: frame-ancestors 'self' http://www.growingio.com
X-Frame-Options: Allow-From http://www.growingio.com

由于 Chrome 浏览器已经不再支持 X-Frame-Options 配置项,如果你只需在 Chrome 浏览器中进行圈选,建议通过浏览器检查后,只给 Chrome 请求的响应头添加配置

Content-Security-Policy: frame-ancestors 'self' http://www.growingio.com https://www.growingio.com

15. 在 web 圈选的时候,为什么有时候会一下圈出一组同类元素,有办法区分开么?

GrowingIO 根据您网站 HTML 结构识别和定义页面上的元素。有的时候网站上的 HTML 标签写法完全相同,呈现在页面上的几个同类元素,可能 HTML 代码完全相同。此时 GrowingIO 采集、圈选数据时无法区分开。我们通过 HTML 标签的 id 和 class 来区分元素,这种情况下您可以在需要区分的标签 class 中添加一些字符串用于区分。

原生应用中的 H5 页面,以及嵌在应用中的 H5,请参考 。

如果出于某些原因你不能改变 iframe 或 window 相关设置,建议使用 。

仍有疑问?请参考

Web圈选
Chrome插件圈选
App端数据定义
插件进行圈选
常见问题-圈选部分
Web JS SDK