日期:2012-4-29 来源:GBin1.com
Google
Analytics(Google分析)对于广大站长来说,肯定不是一个陌生的工具,它能提供给我们众多的网站访问相关信息及其用户使用情况分析。但是有
一个分析数据它可能无法直接提供给我们,这就是用户滚动深度(Scroll Depth)分析 -
用户滚动深度指用户访问一个页面时向下滚动的页面距离,比如,向下滚动20%,50%还是100%,这对于我们这些站长来说,可以有效地分析每个页面的曝
光度,从而有效地调整页面内容,及其相关广告位置,为站长提供更好的用户监测及其广告收入保证。那么如何能够得到这些信息呢?
今天我们给大家介绍一款jQuery的插件 - jQuery Scroll Depth
,通过和Google Analytics的配合使用,我们可以有效地得到用户的滚动深度分析数据。希望大家喜欢!
jQuery Scroll Depth
使用这个插件可以有效地帮助我们监视滚动事件,然后将数据传送给Google Analytics,最后显示在GA的报告中。缺省情况下,它会记录如下的滚动深度比例:
- 0%(页面初始加载)
- 25%
- 50%
- 75%
- 100%
你可以在GA的Events部分找到。Category是"Scroll Depth",如下:
在GA中,你可以在全站和页面俩个层次上查看结果,除了以上定义的缺省深度,你可以自定义自己的监测深度。是不是非常方便?
如何设置插件
插件的配置非常简单,你需要使用Google Analytics asynchronous tracking code
。这是必须使用的。然后导入jQuery和插件类库。如下:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="jquery.scrolldepth.js"></script>
<script>
$(function() {
$.scrollDepth();
});
</script>
注意:代码需要放到Google Analytics分析代码后面。最好在页面底端。
搞定!现在你可以开始监控你的用户滚动使用深度了,希望大家喜欢这个工具,如果你有任何建议,请给我们留言!
来源:Google分析用户页面滚动深度分析jQuery插件 - jQuery Scroll Depth
分享到:
相关推荐
简单易用的图片文字滚动插件--jQuery Scrollbox.rar简单易用的图片文字滚动插件--jQuery Scrollbox.rar简单易用的图片文字滚动插件--jQuery Scrollbox.rar简单易用的图片文字滚动插件--jQuery Scrollbox.rar简单易用...
jquery-endless-scroll-master插件,用于实现网页的滚动加载效果。
jquery.parallax-scroll, 在垂直页面滚动上,平滑视差效果 jquery.parallax-scroll使用requestAnimationFrame和 CSS3 3D 转换在垂直页面滚动上平滑视差动画。浏览器支持Chrome 30 ,Firefox 34 ,Safari 7.1 ,I
附件中提供了五种图片、文字滚动样式,只需调用jquery库和jQuery Scrollbox插件,然后再加一段简单的jquery代码即可使用,兼容性良好,冲突的概率比较低。 使用方法: 滚动框外围的ID号直接调用scrollbox即可,...
jquery + endless-scroll 模拟实现 滚动加载数据
允许轻松实现同一页面链接的平滑滚动。 注意:此插件的2.0+版本需要jQuery 1.7或更高版本。 设置 ES模块 npm install jquery-smooth-scroll 或者 yarn add jquery-smooth-scroll 然后,使用import jquery-smooth-...
jQuery table scroll表格插件内容部分加滚动条
jquery-scrolla是一款页面滚动触发动画插件。jquery-scrolla插件可以在页面向下或向上滚动时,进入视口的元素会触发指定的CSS3动画。它和animate.css完美结合,可以执行animate.css中的任何CSS3动画效果。
jquery-image-her-scroll.zip
侧栏固定式网页框架,很好的运用了 CSS+ jQuery的特性,左侧栏,是不会随着滚动条而滚动的,当你拖动滚动条的时候,右侧主体区的内容跟着拖动,但左侧的菜单始终固定不动,像一个被固定的层一样。
我改写了jquery.scroll-follow.js。可以支持最近版本的jquery类库(1.7.2)
jQuery的无限滚动 jQuery 的基本无限滚动模式。 入门 用法 基本 $(window).infinitescroll({url: [removed].href}); 多一点个性 $(window).infinitescroll({ url: [removed].href, triggerAt: 150, page: 4,...
scroll2Top 是个简单的自定义 jQuery 插件,用来滚动回到顶部。在线演示 标签:scroll2Top
jquery-scroll-follow实例 京华志&精华志出品 希望大家互相学习,互相进步 支持CSDN 支持微软 主要包括C# ASP.NET SQLDBA 源码 毕业设计 开题报告 答辩PPT等
jquery onepage-scroll单页面应用-微信全屏滚... jquery onepage-scroll单页面应用-微信全屏滚...
jQuery单页全屏滚动插件onepage-scroll,一款全屏滚动插件,里面有说明可以参考来使用。
element-ui 的表格与无限滚动的结合(el-table + infinite-scroll)。查看实例教程此指令依赖于 element-ui@2.12.0,使用前请熟悉:element-ui@2.12.0element-ui@2.12.0安装npm install --save el-table-infinite-...
vue vue-seamless-scroll 数据滚动 list 数据量少 时,不运行滚动
页面视差滚动切换jquery.localscroll插件源码.zip 页面视差滚动切换jquery.localscroll插件源码.zip 页面视差滚动切换jquery.localscroll插件源码.zip