第一节：定义整页

在(第 2 章第 3 节)曾介绍过，逻辑位置是用户所在的页面。对于分析来说，了解一个页面的访问次数、访问人数、停留时长是非常基本的需求。所以，首先我们要能先定义页面规则，告诉 GrowingIO 哪些页面是分析时所关心的。

在圈选页面，定义整页的界面是这样的：

域名、路径和查询三个条件，都可以使用 ‘*’ 来通配匹配。比如我们可以修改路径 ‘/projects/*’ 来匹配所有 GrowingIO 项目内页面。在 GrowingIO 内部，我们分别用 d、p、q 来表示域名、路径和查询，也即 domain、path、query。

当你定义整页规则为 { d: ‘www.growingio.com’, p: ‘/projects/*’ } 的时候，我们标记为 ruleA。你的用户加载页面后，SDK 会自动采集页面信息，上传数据如:

{
   u: '101',
   s: 'acb21-cbuo1',  
   d: 'www.growingio.com',
   p: '/projects/proj123',
   t: 'page',
   tl: 'GrowingIO 项目',
   tm: 1483200000000
}

当数据被处理时，就会匹配到 ruleA 规则，然后计数器就会加 1，表示又多了一个页面浏览量。

除了通过可视化工具定义整页以外，你也可以通过代码来定义页面，也即是使用页面属性这个功能。

页面属性

页面属性是针对一些非常重要的页面，可以在 SDK 集成时直接设置该页面的一些公共属性，比如标记为搜索结果页、商品详情页、购物车页面、结算页面、支付页面、支付成功页面等等。这些不同类型的页面称做为页面组（PageGroup）。

同时针对页面设置属性，比如某个商品的详情页，您可以将商品的类别，尺码、颜色、生产厂商等信息设置为属性，更加灵活的分析用户行为。在商品详情页上面所有的按钮点击，都会和这些页面属性形成一个关联关系，可以使用该页面的属性来分析点击页面上按钮等行为。

_vds.push(['setAccountId', '您的项目ID']);
_vds.push([’setPageGroup‘, ‘商品详情页’];
_vds.push([‘setPS1’, ‘GrowingIO 贴纸’]);
_vds.push([‘setPS2’, ‘白色’]);
_vds.push([‘setPS3’, ‘大尺寸’]);