与Google Universal Analytics 相比,Google Analytics 4 提供了更多的内置跟踪功能。包括文件下载、出站点击、滚动跟踪等等。但 Google Analytics 4 内置的滚动跟踪,仅在用户滚动到页面高度的 90% 以下时才进行跟踪。
如果想要进一步跟踪其他阈值(例如 25%、50%、75%),则要进行进一步的手动配置。
在本文中,我们介绍如何使用 Google Analytics 4 和 Google Tag Manager 跟踪滚动跟踪。
什么是滚动深度跟踪?
滚动深度是一个术语,用于描述网站访问者向下滚动网页的距离。可以跟踪两种类型的滚动深度,垂直滚动和水平滚动。
- 垂直滚动:这衡量的是访问者从网页顶部滚动到底部的距离。
- 水平滚动:这衡量的是访问者从网页左侧滚动到右侧的距离。
滚动深度可以用百分比和像素来衡量。例如,如果滚动深度为 50%,则意味着用户停在了页面中间。
一般情况下,滚动深度为 100% 的情况并不常见 。
为什么要跟踪滚动深度?
跟踪滚动深度是用于评估网站内容价值的一个指标。理解用户与网站的内容交互并不容易,这往往需要综合多个指标。
例如,网页的跳出率高并不一定意味着网页的内容没有价值。也可能是用户在当前页面就找到了需要的东西,所以他们并不需要进一步访问其他页面。 通过跟踪用户的滚动深度,可以帮助理解用户的访问行为。
在 GA4 中禁用自动滚动跟踪
由于我们要在 Google Analytics 4 中手动配置,因此可以关掉内置的滚动跟踪。
在 Google Analytics 中,转到管理 > 数据流> 选择网络数据流。然后点击齿轮图标。
关闭滚动跟踪开关,然后单击保存。
配置滚动跟踪触发器
Google 跟踪代码管理器的滚动跟踪功能,默认情况下它们是被关闭的。
转到 Google Tag Manager > Triggers > New > Scroll Depth 并输入以下设置:
如果需要,您可以更改百分比值或进行其他调整。保存触发器。
启用滚动变量
在此设置中我们只需要一个滚动变量,但也可以在容器中启用所有这些变量(不会对页面性能产生负面影响)。转到变量 > 配置,并启用所有与滚动相关的变量:
配置 GA4 事件代码
现在,需要配置滚动事件的 GA4 事件标签了。在这里,我们假设您已经了解了 GA4 的基础知识,并且已经在 GTM 中安装了 GA4 配置标签。如果要了解更多,可以参考下面的扩展阅读内容。
扩展阅读:
在 Google 跟踪代码管理器中安装 GA4 配置代码后,就要进入跟踪滚动事件的进一步设置:
选项 #1:跟踪滚动事件参数设置
在 Google 跟踪代码管理器中,转到标签 > 新建 > GA4 事件并按照以下内容进行设置。
- 在代码类型中,选择“Google Analytics(分析):GA4 事件”。
- 在配置代码字段中,可以选择代码类型及代码衡量 ID。
- 为事件命名:Scroll。
- 在事件参数字段,配置参数名称和对应的值。
- 选择上面创建的触发器。
这样,在每个访问者通过某个滚动阈值(在滚动触发器中配置)时,此事件标签就会被触发。如果想在 GA4 报告中使用/查看此参数,还必须转到GA4中,创建自定义维度,然后按下图设置。
选项 #2:配置多个事件名称(每个滚动阈值一个)
在 Google 跟踪代码管理器中,转到标签 > 新建 > GA4 事件,并输入以下设置:
在这里,我们将 Scroll Depth Threshold 变量插入到事件名称中。这样,如果访问者滚动超过 25% 的阈值,则事件的名称将是scroll_25,如果是 50% 则事件名称僵尸 scroll_50 等。在这种情况下,不需要创建其他自定义维度。
测试并发布
在 Google 跟踪代码管理器中,点击右上角的预览按钮。然后输入要测试滚动跟踪的网站的 URL,然后单击开始。
访问您的网站,并执行向下滚动的操作进行测试,然后返回预览模式。应该在预览模式中就可以看到 Scroll Depth 事件。单击其中任何一个,并检查您的 GA4 事件代码是否已触发。然后检查另一个:
您还可以单击一个标签,切换到 Values,然后查看发送到 Google Analytics 的数据类型。
现在,检查数据是否被 GA4 接收。在 Google Analytics 中,转到 DebugView。它位于左侧边栏的底部。
如果一切配置正确,应该能够看到 scroll 或 scroll_xx 事件。可以单击它们并检查还发送了哪些其他参数。
在下面的屏幕截图中,将按照第一种方法查看事件应该是什么样子。
如果一切正常,请转到 Google Tag Manager,点击右上角的 SUBMIT,然后点击 PUBLISH。
作者:牛奇网,本站文章均为辛苦原创,在此严正声明,本站内容严禁采集转载,面斥不雅请好自为之,本文网址:https://www.niuqi360.com/webmaster/how-to-track-scroll-depth-with-google-analytics-4/