Scroll Depth – 衡量页面滚动的 Google 分析插件

最新推荐文章于 2024-09-14 18:52:56 发布
最新推荐文章于 2024-09-14 18:52:56 发布
阅读量168 收藏
点赞数
分类专栏： 前端 文章标签： javascript google analytics 页面滚动 统计分析
原文链接：https://www.mk2048.com/blog/blog.php?id=ha11hcbijckj&title=Scroll+Depth+%E2%80%93+%E8%A1%A1%E9%87%8F%E9%A1%B5%E9%9D%A2%E6%BB%9A%E5%8A%A8%E7%9A%84+Google+%E5%88%86%E6%9E%90%E6%8F%92%E4%BB%B6
版权

　　Scroll Depth 是一个小型的 Google Analytics（谷歌分析）插件，可以让你衡量用户在页面上滚动了多远。它可以监控 25%、50%、75% 和 100% 四个滚动点，并发送谷歌分析事件。

　　您还可以跟踪页面上的特定元素是否滚动到视图中。例如在博客上，你可以每当用户到达博客底部后发送一个滚动深度的事件。该插件支持 Universal Analytics（通用分析），经典的 Google Analytics（谷歌分析）和谷歌标记管理。

您可能感兴趣的相关文章

  

 

立即下载      插件主页

 

本文链接：Scroll Depth – 衡量页面滚动的 Google 分析插件

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源


更多专业前端知识，请上 【猿2048】www.mk2048.com
前端老码农
关注
专栏目录
scroll-depth:一个用于跟踪滚动深度JavaScript库
05-21
滚动深度 一个用于跟踪滚动深度JavaScript库。 安装 通过npm安装 npm install scroll-depth --save 用法 document . addEventListener ( 'DOMContentLoaded' , function ( ) { var list = document . getElementById ( 'list' ) ; var scrollDepth = new ScrollDepth ( { target : list , depth : 2 / 3 , throttle : 500 , onReach : function ( ) { // Something } } ) ; } ) ; 执照 麻省理工学院： ：
Google分析用户页面滚动深度分析jQuery插件 - jQuery Scroll Depth
tyygming的专栏
05-03 196
日期：2012-4-29  来源：GBin1.com Google Analytics(Google分析)对于广大站长来说，肯定不是一个陌生的工具，它能提供给我们众多的网站访问相关信息及其用户使用情况分析。但是有 一个分析数据它可能无法直接提供给我们，这就是用户滚动深度(Scroll Depth)分析 - 用户滚动深度指用户访问一个页面时向下滚动的页面距离，比如，向下滚...
使用iframe window的scroll方法控制iframe页面滚动
09-04
在页面中如何控制内嵌的iframe滚动呢？方法是使用iframe window的scroll方法，大家可以参考下面的示例
jQuery table scroll表格插件内容部分加滚动条
11-11
总之，jQuery Table Scroll插件为网页中的大型表格提供了便捷的滚动条解决方案，使得用户可以在有限的屏幕空间内查看和操作大量数据。通过合理地配置参数和结合其他前端技术，你可以创建出高效且用户体验良好的数据...
详解无限滚动插件vue-infinite-scroll源码解析
10-17
这个插件可以帮助开发者轻松地处理用户滚动到页面底部时加载更多数据的情况，通常用于显示长列表，如新闻、微博或者商品列表。 在本文中，我们将深入探讨 `vue-infinite-scroll` 插件的源码，理解其工作原理。首先...
详解 vue better-scroll滚动插件排坑
08-28
vue better-scroll 滚动插件详解 BetterScroll 是一款移动端滚动插件，它的强大之处是解决移动端（已支持 PC）各种滚动场景需求的插件。BetterScroll 的核心是借鉴的 iScroll 的实现，它的 API 设计基本兼容 ...
js平滑的页面滚动效果插件smoothScroll-Es5.js
12-11
当用户点击页面上的锚链接或者按下浏览器的返回按钮时，`smoothScroll-Es5.js`会捕获这些事件，并通过计算目标位置与当前位置的差值，使用CSS3的`transition`或`requestAnimationFrame`来平滑地改变页面滚动位置。...
gtm-scrolldepth:使用 Google Tag Manager 跟踪滚动深度
06-10
Google Tag Manager 的滚动深度跟踪器 使用 GTM 跟踪用户滚动事件的深度。 这是一个纯 Javascript（不需要 jQuery）实现。 它将发出事件“ScrollDistance”并设置以下数据层变量：eventCategory、eventAction、eventLabel 和 eventValue。 用法 设置 GTM 由您来完成。 然后你可以像这样使用这个片段： 创建一个自定义 HTML 类型的新标签并加载此代码段。 确保在任何 DOM 事件上触发上述标记（{{ event }} 等于 gtm.dom）。 创建以下四个宏（名称：数据层​​变量）： datalayerEventCategory: eventCategory datalayerEventAction: eventAction datalayerEventLabel: eventLabe
js中【Worker】相关知识点详细解读
2301_79858914的博客
09-11 869
JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。
【JavaScript】LeetCode：707设计链表
最新发布
weixin_45980065的博客
09-14 576
【代码】【JavaScript】LeetCode：707设计链表。
echarts.js+china.js实现中国地图各省数据案例
qq_58258855的博客
09-11 462
实现中国地图各省数据案例
JS笔记
2201_76100326的博客
09-11 892
javascript中的对象分为3种：自定义对象，内置对象，浏览器对象 JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。在 JavaScript 中，对象是拥有属性和方法的数据。属性是与对象相关的值。方法是能够在对象上执行的动作。.关键词（）
vue3中动态引入本地图片的两种方法
haodanzj的博客
09-11 277
动态在本地引入图片
JS的输出语句
J3259392566的博客
09-13 258
js中严格区分大小写。
八十多种证件识别接口-JavaScript身份证识别API示例-护照识别-户口页识别
weixin_41711744的博客
09-12 623
证件识别API包含了身份证识别、护照识别、户口页识别、港澳台来往通行证识别等八十多种证件识别类型，提供了快速、精准的证件信息提取功能，广泛应用于实名认证 、机场出入口等场景。身份证识别API常用于在线支付、金融服务、酒店入住等需要进行实名认证和提取身份信息的场景。在这些场景中，通过快速识别和验证身份证信息，可以有效提高处理速度，减少人为错误，增强安全性。八十多种证件识别接口提供了一种高效、精准的识别方式来读取各类证件信息，通过合理应用这些技术，可以大幅提升用户体验和企业运营效率。
使用jQuery windowScroll插件创建单屏滚动效果
"使用jQuery插件windowScroll实现的单屏滚动特效，主要参考搜狗浏览器4.2版本首页的上下滚动效果，涵盖了整个窗口的上下和左右滚动逻辑。" 在网页设计中，单屏滚动（Single Page Scrolling）是一种常见的交互效果，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值