谷歌标签管理器数据层跟踪答案

【问题标题】：Google tag Manager Data Layer Tracking谷歌标签管理器数据层跟踪
【发布时间】：2015-11-13 10:18:35
【问题描述】：

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

在上图中（请参阅框中突出显示的部分），在 “view-content” 类下有三个同名的类“top-pick-item”在每个类中都有 hyper关联。我想跟踪特定链接被点击的次数。主要问题是此超链接经常更改，并且这是由其他团队在未通知团队的情况下完成的。因此我可以使用默认的 GTM 点击 url 功能。我已经编写了以下代码进行跟踪。这是 first 网址点击 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 click 上执行

【问题讨论】：

标签： javascript jquery google-tag-manager

【解决方案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。

【讨论】：