带有 scroll.depth.js 的谷歌标签管理器答案

【问题标题】：Google Tag Manager with scroll.depth.js带有 scroll.depth.js 的谷歌标签管理器
【发布时间】：2014-12-29 08:47:48
【问题描述】：

我正在使用谷歌标签管理器对当前网站进行谷歌分析。现在，我们想知道人们在我们的网站上滚动了多远。所以我用了一个叫jquery.scrollDepth.js的插件

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<%= javascript_include_tag "jquery.scrolldepth.min" %>
<script type="text/javascript">
$(document).ready(function(){   
$.scrollDepth({
  elements: ['#hero', '#small_part', '#lines', '#model_part', '#intro', '#charger',      '#science', '#resell'],
  percentage: false,
  pixelDepth: false,
  nonInteraction: false,
  eventHandler: function(data) {
      }
    }); 
  });
</script>

我的网站中的代码是这样的。然后，我跟着http://andygibson.us/2013/10/track-scroll-depth-using-google-tag-manager/ 但我迷失在 Track Type Event 图片上。

我在我的谷歌标签管理器仪表板上找不到类似的东西。而且我完全不知道我在做什么，无论是对还是错。请提供一些帮助。

【问题讨论】：

它与您用于分析网页浏览的标签模板相同 - 有一个下拉菜单可以从网页浏览更改为事件（或其他交互类型）。

标签： jquery google-analytics google-tag-manager

【解决方案1】：

我会为您简化这一切。

按照以下说明使用新的 Google 跟踪代码管理器 (V2)。

1 : 创建一个新标签并将this 代码粘贴到里面。将代码命名为 Scroll Tracking 并在所有页面上触发代码。

<script></script>

2 : 创建一个自定义事件触发器，将其命名为“滚动百分比”。使用以下参数创建触发器。

事件名称：“滚动距离”
事件操作：包含“百分比”

3 : 使用以下参数创建一个新标签

产品：“谷歌分析”
标签类型：“通用分析”
配置：事件： {{事件类别}}、{{事件动作}}、{{事件标签}}
开火：“滚动距离”

【讨论】：