谷歌分析实战指南-F

⌘K
  1. 主页
  2. 文档
  3. 谷歌分析实战指南-F...
  4. 第4章 Google Tag Manager实战指...
  5. 4.13、跟踪页面访问深度

4.13、跟踪页面访问深度

这一节要讲解的是如何通过GTM监测用户的访问深度,也就是用户浏览量整个页面多大比例。可以对评估用户对页面是否有兴趣作为一个补充。也可以用于衡量页面设计的长短版选择。 实现原理:通过GTM注入JS,监测用户下拉行为,通过事件推送的形式和数据层传递数据,再通过代码中的事件触发向GA发送数据。

详细实现过程:

1、设置触发器,需要窗口加载才注入JavaScript。如图3-113所示:

4.13、跟踪页面访问深度
如3-113 窗口已加载

2、注入js(代码可从GA小站网站获取),监听页面浏览比例,主动推送自定义事件和数据层变量,触发器是第1步设置的“访问深度”,具体配置如3-114所示:

4.13、跟踪页面访问深度
图3-114 注入JS

3、设置触发器,接收自定义事件ScrollDistance,如图3-115所示:

4.13、跟踪页面访问深度
图3-115 设置触发器

4、接收数据层变量,共四个:eventCategory、 eventAction、eventLabel和eventValue,设置做法如下,其他几个类似设置,具体配置如图3-116所示:

4.13、跟踪页面访问深度
图3-116 接收数据层变量

5、设置代码中的事件,如图3-117所示:

4.13、跟踪页面访问深度
如图3-117 设置代码

需要注意,代码的触发器是第3步接收的自定义事件。

6、测试,如图3-118所示:

4.13、跟踪页面访问深度
图3-118 测试

计算规则:如果一个用户将整个页面浏览完,那么每一行都会计算1,上面的数据表示打开了6个页面,有2个页面是浏览到75%,1个页面是浏览100%,3个是直接跳转到其他页面或离开。


如有疑问,可以在文章底部留言或邮件(haran.huang@ichdata.com) 我~

我们要如何帮助您?

发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 这段js代码请问哪里获取呀
    2robot2022-11-30 10:01 回复 Mac OS X | Chrome 107.0.0.0
    • Haran
      这里https://www.ichdata.com/book.html ,GTM里已经内置滚动深度触发器,建议用这个更方便
      黄业忠2022-11-30 10:53 回复 Mac OS X | Chrome 107.0.0.0