如何将 Google Analytics（分析）事件跟踪与 Anythingslider 结合起来答案

【问题标题】：How to incorporate Google Analytics Event Tracking with Anythingslider如何将 Google Analytics（分析）事件跟踪与 Anythingslider 结合起来
【发布时间】：2012-10-22 08:34:43
【问题描述】：

我正在寻找一些关于将Google Analytics Event Tracking 添加到安装了AnythingSlider 的页面的线索。我有一个不会自动滚动的滑块，您必须单击导航按钮才能移动幻灯片。我希望跟踪这些点击。我还想跟踪访问者是否点击了幻灯片中的链接。

我希望使用 Google 的 InPage Analytics 来跟踪访问者的点击行为并确定哪些项目（图片和短语）吸引了访问者的注意力，以制作更好的潜在客户漏斗。

在此处发布之前，我确实尝试过 Google 提供的事件跟踪指南，但我不确定从滑块中获取导航点击的位置。

【问题讨论】：

您是否尝试过为箭头添加 jQuery 单击处理程序并在那里触发事件？

标签： google-analytics anythingslider

【解决方案1】：

将此添加到您的html中的任何a href

  onClick="_gaq.push(['_trackEvent', 'Slider','Panelno:x', 'blah']);"

【讨论】：

【解决方案2】：

未经测试（我将自己执行此操作），但 API 建议我应该使用 onSlideComplete 回调，例如（假设您已在名为 pages 的数组中设置面板的名称）。

onSlideComplete     : function(foo) {
    _gaq.push(['_trackEvent', 'Slider','Panelno:'+slider.currentPage, pages[index - 1]]);
}

编辑：小心onSlideComplete，它似乎过于频繁地触发。设置一个 var 告诉它不要重新触发，并使用 onSlideBegin 重置 var。

onSlideBegin     : function(e, slider) {
    refire = 1;
},
onSlideComplete     : function(slider) {
    if (refire) {
        _gaq.push(['_trackEvent', 'Slider','Panelno:'+slider.currentPage, pages[slider.currentPage - 1]]);
        refire=0;
    }
}

【讨论】：