jquery - Owl Carousel - 谷歌分析跟踪

Question

我使用猫头鹰轮播作为单页网站，每一页内容都在全屏轮播幻灯片上。我希望能够使用 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');
})
});

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

Answer 1

使用 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', '...']);*/
    }
});