Web圈选高级选项
在圈选网页元素时,有时候会出现一些高级选项可供调整,以下为高级选项的说明;介绍完所有选项后,我们还列举了三个业务场景,帮助您更好地理解圈选的高级应用。
圈选页面
路径:
在圈选整页时,默认会出现“域名”和“路径”两栏,这都跟当前页面的地址有关。
举个例子,在GrowingIO博客的新闻报道这个页面中,地址是 https://blog.growingio.com/categories/news ,那么域名就是 blog.growingio.com ,路径就是 /categories/news 。

当我们把“路径”最右侧的开关关闭时,意味着要圈选出所有符合域名为“blog.growingio.com”的页面,不管后面的路径是什么。
除了“路径”最右侧的开关之外,还可以在路径中使用星号来做通配符,达到圈选多个类似页面的目的。例如,GrowingIO博客的单篇文章的地址都是这样的: https://blog.growingio.com/posts/pingwest-growingio ,那么我们在路径中输入 /posts/* 就会圈选出所有的博客单篇文章的页面。

圈选元素
在圈选元素时,根据元素的形态,可能会出现四种可调整选项:
页面:
默认情况下,这里会显示为“当前页面”,即表示圈选这个元素在当前页面的数据。通过选择不同的页面,我们可以控制圈选元素的范围。
举个例子,GrowingIO博客每篇文章底部都有分享到各社交网络的按钮。现在,我们进入了博客某篇文章页面上,圈选了其中一个分享按钮的数据,数据如图:

可以看到浏览量并不高,因为这篇文章是刚刚上线的,所以这个页面的存在时间也并不长,那么在当前规则下,“这个按钮在这一个页面上的浏览量”当然不会高,而且很明显地,过去的几天都是0。
如果,在上面圈选页面的例子里,我们通过 /posts/* 的路径,定义了一个叫做“博客的所有文章页面”的指标,然后在这里的“页面”选项中选择了它的话,就表示“这个按钮在所有文章页面上的浏览量”,那么数据就会是这样:

通过调整“页面”选项,我们可以就定义一些跨页面的元素了。
文本:
默认情况下,这里会显示被圈选的元素上的文字。

通过右侧的开关可以关闭“文本”选项,这样就表示忽略这个元素上的文字变化进行圈选。

例如,某网站有一个按钮会显示用户所在城市,如“北京”“上海”等。如果你在圈选这个按钮的时候关闭了“文本”选项,那么无论按钮上显示的是什么城市,都会被圈选出来。但如果没有关闭,那么只会筛选出按钮文字为“北京”时的浏览量和点击量。
链接
默认情况下,这里会显示当前元素所指向的链接地址。
通过右侧的开关可以关闭“链接”选项,这样就表示忽略这个元素所指向的链接进行圈选。
例如,某网站有个叫做“我的个人主页”的按钮,对于每个用户来说,这个按钮指向的链接是每个人的主页地址,各不相同。如果圈选时关闭“链接”选项的话,就可以圈选出全部的个人主页按钮了。
位置
跟文本、链接的选项类似,关闭“位置”选项的时候,就表示忽略这个元素所在的位置进行圈选。
在这里,“位置”是指当前元素在一组相似元素中的顺位。例如下图是GrowingIO官网的导航栏,其中红框中得就是一组相似的元素,这里面“产品功能”的位置就是1,“技术论坛”的位置就是2。

业务场景
场景一;统计同一类别所有标题,按钮点击分布。
通过忽略“位置”,“文本”,“链接”等,采集所有博客标题点击量数据,
我们知道,可以通过圈选,方便快捷的得到一个元素的点击量,但是在现实的业务场景中,我们常常需要知道一组数据的表现并将数据进行对比。比如我们想知道下图所示的所有博客点击。使用GIO您不需逐一要将每个标题进行圈选,只需要在圈选时候,对一些条件进行限制。如下图圈选红色框标记中,我们将文本,链接,位置标灰。这样做意味着,我们在圈选元素时候,忽略圈选的文本,文本对应的链接,和文本在网页结构中的位置。这样,利用GrowingIO的智能匹配算法,就会将所有的文章标题整合在一起,然后制成指标。并将这个指标拖进单项柱图里面。我们将即刻得到所有文章受欢迎的程度。



场景二,统计同一按钮在不同页面上点击分布。
我们经常想了解,同一按钮(链接指向同一位置)在不同页面的点击量。比如电商统计同一品牌不同型号产品的购买按钮点击分布来优化对产品列表排序。或者统计不同页面上的入口导流分布,比如来自不同页面的流量对免费注册按钮的贡献等等。
下面我们以GIO导航栏按钮“加入我们”来看看网站里哪些页面对“加入我们”贡献的流量最多。对于一家初创公司来说,我们必须对了解用户看了哪些内容后,有了加入我们的倾向。这样我们就可以圈选导航栏的“加入我们”按钮,这时候我们只要在页面上选择“全站页面”(这表示所有含有“加入我们”按钮的页面),我们将这个圈选的元素制成指标之后,我就可以用单项柱图来人们在那些网页点击“加入我们”按键进入“加入我们”页面了。

这时候您只需要将维度页面与指标“加入我们”的点击量拖入单项柱图,就可以看到加入我们在各个页面上的点击量。

场景三:
由于业务需要,很多时候我们不仅要统计一个页面的浏览量,而常常是一组页面的浏览量。作为电商,客户想了解不同类别商品的浏览总量进而知晓不同类别商品在网站的欢迎程度。亦或者对于SaaS企业来说,要了解不同模块客户使用度情况,因此需要分别统计不同模块总页面的浏览量。正因为以上场景,GIO设计了通配符圈选方案进行圈选。具体来说,利用通配符 「*」 对页面路径进行统配来圈选同类页面。

以GIO举例,在GIO数据分析界面中,有如下结构的Path:/project/projectid/function 如:
- /project/abc1/segmentations/segmentation1
- /project/abc2/retention/retention1
- /project/abc3/overview
每个url都代表着特定的功能页面,例如abc1代表客户公司项目,segmentations代表用户分群,retention代表留存,overview则是概览。 如果想要了解,一个项目的所有页面的浏览量,这个时候只需要在路径中使用通配符就能够解决问题了
/project/projectid/*
这样,这个通配的页面标签就包含了所有「www.growingio.com/project/projectid/...」的页面。您就可以直接利用这个标签来进行数据分析了
如果您想要了解,一个功能的在一个项目的浏览量,或者一个功能的总浏览量,您仅仅分别设置路径为
/project/projectid/segmentations/* ,
/project/*/segmentations/*。
当页面URL中包含查询条件时,也可以在查询条件中使用通配符来定义一组页面。使用方法和在路径中使用通配符相同。请注意,在查询条件中使用通配符并不区分参数以及参数的顺序。比如:
/search?queryKey1=*&queryKey2=*
会匹配到
/search?queryKey1=word1&queryKey2=word2
或者
/search?queryKey1=word1&queryKey3=word3&queryKey2=word2
不会匹配到
/search?queryKey2=word2&queryKey1=word1
由于查询条件较为复杂多变,定义整页时如果选择限制查询条件,暂时不支持实时数据回溯,数据会从定义时开始计算。