如何使用同位素点击设置 Google 分析事件/获取导航文本值

Question

如何设置 Google Analytics 以在 Isotope 次点击时记录事件？

这是一个使用同位素的子导航示例：

<div class="subnavContainer">
   <ul>
      <li><a class="pet-boarding-dog-boarding" data-filter=".pet-boarding-dog-boarding" title="Dog Boarding">Dog Boarding</a>
      </li>
      <li><a class="pet-boarding-cat-boarding" data-filter=".pet-boarding-cat-boarding" title="Cat Boarding">Cat Boarding</a>
      </li>
   </ul>
</div>

这是发射同位素的 JS：

//Sets up filtering on click of Isotope navigational elements 
$('#isotopeFilters a, .subnav a, #isotopeContainer .isotopeNav a, .page-template-page-home-php #logo').click(function(){
    var selector = $(this).attr('data-filter');
    var prettyselector = selector.substr(1);
    var clicked = $(this).data('item');
    _gaq.push(['_trackEvent', 'Item', 'Viewed', clicked, null, false]);

    location.hash = prettyselector;

    $('#isotopeFilters a, .subnav a').removeClass('active');
    $('a[class="' + prettyselector + '"]').addClass('active');


    $container.isotope({ 
        filter: selector,
        itemSelector: '.item',
        masonry: {
            columnWidth: 270
        },
        animationOptions: {
        duration: 750,
        easing: 'linear',
        queue: false,
    }
  });
  return false;
});

在JS的点击事件中，这两行应该就可以了吧？

var clicked = $(this).data('item');
_gaq.push(['_trackEvent', 'Item', 'Viewed', clicked, null, false]);

在 Google Analytics 的实时视图中，我看到页面浏览量正在发生，但没有事件发生 shown/logged。

Answer 1

Universal Analytics 事件跟踪如下所示：

ga('send', 'event', 'some category', 'some action', 'some label');

您可以使用任何您想要的类别、操作和标签。

假设您没有阻止自己的访问，请通过检查实时报告确保您的事件触发。

如何使用同位素点击设置 Google 分析事件/获取导航文本值

How to Setup Google Analytics Events with Isotope Clicks / Get Nav Text Value

javascript

jquery

google-analytics

jquery-isotope