Google代码管理器数据层跟踪

Question

我想跟踪点击下方图片中突出显示的部分，并使用dataLayer将数据传递给GA。

在“view-content”类下面的图片中（请参阅框中的突出显示部分），有三个同名的课程“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＆＃39; div。