jquery - Owl Carousel-Google Analytics(分析)跟踪

标签 jquery google-analytics owl-carousel

我使用猫头鹰轮播作为一个页面站点,并且每一页的内容都在全屏轮播幻灯片上。
我希望能够使用Google Analytics(分析)将每个幻灯片作为虚拟PageView进行跟踪-但我无法解决。
以下是我上一个和下一个按钮的代码-但问题是用户还可以在触摸设备上“滑动”-所以我需要能够同时跟踪这两个-我从哪里开始!

var owl = $('.owl-carousel');
owl.owlCarousel();

$(".next").click(function(){
owl.trigger('next.owl.carousel');
})
$(".prev").click(function(){
owl.trigger('prev.owl.carousel');
})
});


谢谢你提供的所有帮助!!

最佳答案

使用v2,您可以收听“ change.owl.carousel”,如下所示:

var owl = $("#owl-example");

owl.on('change.owl.carousel', function(e) {
    if (e.namespace && e.property.name === 'position') {
        // GA push to track slide view event //
        // e.relatedTarget.relative(e.property.value) is the slide number
        //_gaq.push(['_trackPageview', '...']);*/
    }
});

关于jquery - Owl Carousel-Google Analytics(分析)跟踪,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24380838/

相关文章:

javascript - Google Analytics 如何限制域?

google-analytics - Analytics 中的 Google 跟踪代码管理器事件作为目标

javascript - 最后一张幻灯片上的反向 Owl Carousel

css - Owl Carousel 导航隐藏

css - slider 点中的蓝色轮廓 - Owl Carousel 2.3.4

javascript - JQuery 可拖动 div

jquery - click 和 tap 事件有什么区别?

ios - 用于分析和登录的 GoogleService-Info.plist

jquery - 将一个元素包裹在另一个元素周围

jquery - 未捕获的类型错误 : Object #<HTMLLIElement> has no method 'find' in Chrome