javascript - 使用 Google Analytics 跟踪滑动

Question

我的移动页面上有滑动功能，我想使用 touchstart、touchend 和 touchmove 在不影响滚动的情况下跟踪整个设备的滑动功能。

这是我的代码。

jQuery('.first-frame').bind('touchmove', function(event) {
 _gaq.push(['_trackEvent', 'Landing-Page', 'Swipe-Toggle-Color', '0259_2190']);
});

Answer 1

如果可以只监控 swipeleft和 swiperight jQuery Mobile 中的事件，而是这样做。

否则，您可以在 scroll 事件上设置一个全局变量，该变量会在 0.2 秒后重置。然后让 touchmove 事件检查该变量是否已设置，如果已设置，则不要触发 Google Analytics。

window.is_scrolling = false; // global variable
window.timeout_id = 0;

window.onscroll = function() {
    window.is_scrolling = true;
    clearTimeout(window.timeout_id);
    window.timeout_id = setTimeout(function() { 
        window.is_scrolling = false; 
    }, 200); // milliseconds
};

jQuery('.first-frame').bind('touchmove', function(event) {
    if (!window.is_scrolling) 
       _gaq.push(['_trackEvent', 'Landing-Page', 'Swipe-Toggle-Color', '0259_2190']);
});