使用Google Analytics（分析）跟蹤jQuery Slider（bxSlider）

正在開發具有跟蹤功能的幻燈片（通過Universal Analytics）。使用Google Analytics（分析）跟蹤jQuery Slider（bxSlider）

這裏使用了各種語言，包括jQuery和C＃來構建幻燈片。

下面是我在遇到問題的代碼：

工作

$('.bx-prev').on('click', function(){ 
    ga('send', 'event', 'Carousel', 'click', 'Previous Slide'); 
}); 
$('.bx-next').on('click', function(){ 
    ga('send', 'event', 'Carousel', 'click', 'Next Slide'); 
});

不工作

$('.bx-pager-link').on('click', function(){ 
    ga('send', 'event', 'Carousel', 'click', 'Pager Item'); 
}); 
$('.imageCaption a').on('click', function(){ 
    ga('send', 'event', 'Carousel', 'click', 'Caption Link - Story'); 
});

幻燈片例如：http://edit-wwwprep.rose-hulman.edu

謝謝！

來源

2014-03-18 Greg McMullen

沒有與選擇器.imageCaption a ....相匹配的DOM節點，所以這就是爲什麼那個不起作用。

至於尋呼機的鏈接，我在想，當時你嘗試將事件監聽器，這些因素都沒有創建（因此原因bxSlider爲您提供一個onSliderLoad回調。

我個人我的大部分聽衆的綁定到文檔，並使用它們像這樣：

$(document) 
    .on('click','.bx-prev',function() { 
     ga('send', 'event', 'Carousel', 'click', 'Previous Slide'); 
    }) 
    .on('click','.bx-next',function() { 
     ga('send', 'event', 'Carousel', 'click', 'Next Slide'); 
    }) 
    .on('click','.bx-pager-link',function() { 
     ga('send', 'event', 'Carousel', 'click', 'Pager Item'); 
    })

這樣，你永遠不必擔心重新綁定事件時，元素可以被添加/刪除對於大多數簡單的網頁，性能這樣做甚至不是一個問題。

來源

2014-03-18 18:52:43 Adam

真棒這有助於很多。幫助我弄清楚我做錯了什麼。我也希望能夠獲得「.imageCaption a」，但是你的解釋清楚了它爲什麼不起作用。謝謝！ –

添加'$（'。caption a'）。attr（「onclick」，「ga（'send'，'event'，'Carousel'，'click'，'圖片標題 - 鏈接'）」）;'創建要添加到標題元素的滑塊。不詳盡地追蹤所有內容，但有助於增加價值。 –

使用Google Analytics（分析）跟蹤jQuery Slider（bxSlider）

回答

相關問題