Google跟蹤代碼管理器數據層跟蹤

Question

我想跟蹤點擊下面圖像中突出顯示的部分，然后使用dataLayer將數據傳遞給GA。

在上圖中（請參閱框內突出顯示的部分）在“視圖內容”類別下，有三個具有相同名稱“ top-pick-item”的類別，每個類別中都有一個超級鏈接。 我想跟蹤特定鏈接的點擊次數。 主要擔心的是，此超鏈接經常更改，這由其他團隊完成而沒有通知團隊。 因此，我可以使用默認的GTM點擊網址功能。 我已經編寫了以下代碼進行跟蹤。 這是第一次點擊jQuery（“。view-content”）。click（function（）{

    if (jQuery(this).hasClass("top-picks-item")) {
        dataLayer.push({
        'event': 'url-click',
        'category': 'navigation',
        'action': 'click',
        'label': 'AT1'
     });

這是第二個網址點擊

     jQuery(".view-content").click(function() {

    if (jQuery(this).hasClass("top-picks-item")) {
        dataLayer.push({
        'event': 'url-click',
        'category': 'navigation',
        'action': 'click',
        'label': 'AT2'
     });

上面的jQuery執行，但問題是，如果我單擊第二個URL，則第一個jQuery執行，而不是第二個。 我應該寫什么代碼，以便第二個Jquery在第二個URL單擊上執行

Answer 1

對於第二段代碼，可以使用nth-child()選擇器僅定位第二個項目：

jQuery('.view-content .top-picks-item:nth-child(2)').click(function(){
   dataLayer.push({
        'event': 'url-click',
        'category': 'navigation',
        'action': 'click',
        'label': 'AT2'
   })
})

理想的方法是讓您的開發人員（因為他們正在更改站點）還向每個div中添加特定的ID，以便您可以輕松地區分第一，第二或第三或第n個div。