带有scroll.depth.js的Google跟踪代码管理器

时间:2014-12-29 08:47:49

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

我正在使用谷歌标记管理器为当前网站进行谷歌分析。 现在,我们想知道人们在我们的网站上滚动了多远。 所以我使用了一个名为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图片中迷路了。

我在谷歌标签管理器信息中心找不到这样的内容。 我绝对不知道我在做什么,无论是对还是错。 请帮忙。

1 个答案:

答案 0 :(得分:0)

我会让你觉得这很简单。

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

1:创建一个新标记并在其中粘贴this代码。将标签命名为Scroll Tracking,并在所有页面上激活标签。

<script></script>

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

  • 活动名称:“ScrollDistance”
  • 事件操作:包含“百分比”

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

  • 产品:“google analytics”
  • 代码类型:“Universal Analytics”
  • 配置:事件:            {{event Category}},{{event Action}},{{event Label}}
  • 开火:“滚动距离”