欢迎您访问南京安优网络官方网站,本公司专注于:网站制作、小程序开发、网站推广。 24小时服务热线:400-8793-956
当前位置:南京网站制作公司 > 资讯中心 > 安优观点
利用“Google Tag Manager V2”实现滚动追踪
来源:南京网站制作 时间:2017-05-10 09:44:48

 滚动追踪的概念

如果你想收集更多有关访客行为的信息,可以使用“谷歌标签管家第二版”(Google Tag Manager V2)中设置的“滚动追踪”功能,滚动追踪功能是衡量受众如何浏览你所发布的内容以及阅读量的功能,它让你更进一步了解你的受众行为变得很容易。
 
好好利用“滚动追踪功能”吧。用户向下滚动页面时,这个功能能够搜集阅读完成度,并以百分比形式来呈现,例如0%,25%,50%,75%和100%,像素深度及阅览时间等有价值的信息。滚动追踪报告会记录你的网站页面中发生的主要行为。 
 
在本文中,我将逐步演示如何使用谷歌标签管家第二版(Google Tag ManagerV2)来“滚动追踪”你的目标网页。也许初看时,你会很难理解如何通过Google Tag Manager实现“滚动追踪”。但是如果你遵循本文中所说的主要步骤,你会发现实现深度滚动追踪是很容易且有价值的。
让我们开始吧。
 
滚动追踪准备:第一步
首先,最好的做法是了解Google Tag Manager(或任何代码管理系统)的运作方式。对GTM的术语(例如代码,触发器和变量)以及GTM工作原理有个基本的认识将有助于你的滚动追踪实施。
 
你需要做的第二步是通过Google Analytics在网站网页中安装Google Tag Manager container(谷歌标签管理容器)。
 
第三步:要使用谷歌标签管家第二版(Google Tag Manager V2)实现滚动追踪,你先要有jQuery Scroll Depth。 你可以在下面找到脚本。以下这段脚本是由Rob Flaherty开发的。
(脚本较长,置于本文的最末端,建议您收藏本文后时间较为宽裕时再进行参考和设置)
 
滚动追踪准备:第二步
部署好上述“滚动追踪”程序代码后,使用你的谷歌ID和密码登陆https://tagmanager.google.com。 此刻,我猜你已经准备好了GTM容器代码片段,并且已在你的网站中安装了谷歌分析器(Google Analytics)。 如果是这样的话,你的准备工作就算做得很好了。
 
接下来,你需要在谷歌标签管家第二版(Google Tag ManagerV2)上创建一个新标签。选择“CUSTOM HTML TAG”(自定义html 代码)。此标签将保留我们的“下拉浏览深度”(Scroll Depth)代码。 因此,将代码复制并覆盖到CUSTOM HTML TAG中。在此段时间内保存此标签。等我们创建完触发器后,会回来对它进行重新配置。
注:你可以为自定义代码起任何描述性的名称。
 
滚动追踪实施:设置触发器
接下来,我们需要为我们的“Customer HTML Tag”创建一个触发器。首先,点击“触发器”,再点击“新建”,并给你的触发器起名。在“Choose Event(选择事件)”中,单击“Custom Event(自定义事件)”。然后继续。
 
我们将为这个触发器创建一个触发规则。
事件名称:滚动距离(Scroll Distance)
事件:组成、滚动距离(Scroll Distance)
保存触发器
 
请记住,此刻我们并没有完成在Custom HTML Tag中的设置。 这是因为我们刚刚为它创建了一个触发器,触发器此时已经可以连接到Custom HTML Tag。
 
所以,回去点击标签,选择你之前创建的标签。 我们将通过一些页面来触发Custom HTML Tag。接下来就简单了,选择你之前创建的触发器:
变量:页面路径。 
操作:包含。 
“值”就是你的网站网址,然后保存该标签。
 
滚动追踪实施:设置变量
在Google Tag Manager中,需要遵循一项规则:每个“标签”都需要对应“触发器”。每个触发器都需要“变量”来触发。
 
要设置滚动追踪的变量,你需要创建三个数据变量层。点击“新建”。 然后通过这些设置来确定选择的数据变量层:
 
“数据层“名称:项目类别
 
数据层版本:第二版
 
保存变量。 请参考以下图片:

创建第二个数据变量层如下:
数据层名称:eventAction
数据层版本:V2
保存变量。
创建第三个数据变量层如下:
数据层名称:eventLabel
数据层版本:V2
保存变量。
现在你完成了必要的变量设置。
 
谷歌事件分析追踪
在使用相应触发器创建了你的Customer HTML Tag后,现在需要创建谷歌分析事件滚动追踪任务。 因此,请选择谷歌分析作为你的产品, 选择你的标签类型, 以下图示可用来参考如何配置你的追踪标签:

追踪ID:Google Analytics
追踪类型:Event. (不是page-view)
类别:{{Page Path}}或{{eventCategory}}。 (我选择了Page Path作为类别,因为我需要确定页面的触发深度。)
操作:{{eventAction}}
标签:{{eventLabel}}
瞧,现在你差不多完成了。
 
滚动追踪测试
通过Google Tag Manager进行调试和检查更加简单便捷,请右键单击预览并调试。

这是在发布之前验证你的滚动追踪配置。 在新标签页中打开你的网站。 你可以访问有关你实施的内容和其它更多的非常有价值的信息。完成调试后,请不要忘记创建一个版本,然后在Google Tag Manager上启动“滚动追踪”功能。
 
南京网站制作总结:
Google Tag Manager版本2与GTM 版本1相比更加简单便捷。它大大简化受众浏览深度的追踪功能。现在,你可以通过访问你的谷歌分析账户,开始享受通过GTM在你的网站上实现浏览深度滚动追踪的数据报告了。点击Real Time > Events就能查看这些类型的活动,或者在谷歌分析报告中的Behavior > Events,也能获取报告(报告生成时间大概48小时之后生成)。

本文地址:http://www.njanyou.cn/news/728.html
Tag: 利用 Google 实现 滚动 追踪
专业服务:南京网站制作,南京网站制作公司,南京网站建设公司
联系电话:025-65016872
上一篇: “地铁广告”花样刷屏,创意打动用户才是王道
下一篇: 程序化广告主如何定位到更精确的消费者
最新案例
永银
永银
珠海跨境电商
珠海跨境电商
五颗星商城
五颗星商城
上海万客生鲜超市
上海万客生鲜超市
一九在线商城
一九在线商城
你可能感兴趣
如何在 2024 年为您的网站创建徽标
无缝过渡:在设计驱动型开发中表现出色
社交媒体受欢迎程度背后的心理学
超越点击和点赞:释放数字营销的力量
使用选择轮使网站导航变得有趣的便捷指南
在您的网站上使用不寻常和醒目的颜色的 6 种方法
花店的基本数字营销策略
SEO的内部链接最佳实践
最后更新
如果需要改造在线商店南京网站建设认为需要考虑的 8 件事 南京网站制作公司分享使用 iPhone 拍摄更好网站照片的 7 个技巧 南京网站制作说说哪些关键因素使商业网站成功? 2024年房地产网站的创新网页设计趋势 捕捉自信:摄影在男士时尚品牌中的作用 SEO的内部链接最佳实践 花店的基本数字营销策略 在您的网站上使用不寻常和醒目的颜色的 6 种方法
服务项目
南京网站制作 营销型网站 微信营销 IDC网站 精品案例