本插件是为了方便添加用户点击日志(打点),生成层级的事件统计
例:
- 首页 登录框 登录按钮
- 首页 登陆框 注册按钮
- 在
ga
或者百度统计
代码后边
<body gap="首页">
<div gap="登陆框">
<a href="" ga="登录按钮">登录</a>
<a href="" ga="注册按钮">注册</a>
</div>
</body>
ga
事件源,只有用户点击了携带ga
的标签才会发出事件gap
层级片区划分。^
是代表顶级层级,不会再向上查找body
永远是最顶级的标签 它如果没有gap
,则自动将body
的gap
值设置为页面title
- 在页面展现时自动发送一条页面展现统计:
PV (body[gap])
- 在页面展现时自动发送一条页面展现统计:
<body gap="^首页">
<div gap="登陆框">
<a href="" ga="登录按钮">登录</a>
<a href="" ga="注册按钮">注册</a>
</div>
<div gap="^foot">
<a href="" ga="关于">关于</a> <!-- “foot 关于” 而不是 “首页 foot 关于” -->
</div>
</body>
本页跳转的链接会打断日志请求,所以设计了由下一个页面来发送本次事件。(存到localStorage或cookie里)
用法:在ga
末尾添加$
<body gap="首页">
<div gap="登陆框">
<a href="" ga="登录按钮">登录</a>
<a href="" ga="注册按钮$">注册</a>
</div>
</body>
有时候会遇到类似这样的情况:
<body gap="首页">
<div gap="登陆框">
<a href="" ga="登录按钮">登录</a>
</div>
···
<span gap="登陆框"> <!-- 纯粹为了添加一个 gap -->
<a href="" ga="注册按钮">注册</a>
</span>
...
</body>
等效于
<body gap="首页">
<div gap="登陆框">
<a href="" ga="登录按钮">登录</a>
</div>
···
<a href="" ga="登陆框|注册按钮">注册</a>
...
</body>