google-analytics - 使用 jQuery 进行 Google 分析点击事件

Question

我有一长串需要跟踪的点击事件，例如:

  ga('send', 'event', 'Global', 'Social Action', 'Twitter');

我遵循以下格式:

 $('#button').on('click', function() {
    ga('send', 'event', 'button', 'click', 'nav-buttons');
});

有没有办法做到这一点，这样我就不必有多个点击事件？那么，我可以以某种方式传递该元素，而不是使用#button？

Answer 1

使用类而不是 ID，然后将该类添加到您要跟踪的每个 anchor 标记。

例如，假设您想要跟踪导航:

<ul>
    <li><a href='home.html'>Home</a></li>
    <li><a href='books.html'>Books</a></li>
    <li><a href='magazines.html'>Magazines</a></li>
</ul>

将 HTML 类添加到每个 anchor 标记后:

<ul>
    <li><a class="gaTrack" href='home.html'>Home</a></li>
    <li><a class="gaTrack" href='books.html'>Books</a></li>
    <li><a class="gaTrack" href='magazines.html'>Magazines</a></li>
</ul>

然后使用 jQuery 选择类，并使用 .text() 抓取 anchor 标记内的文本。

 $('.gaTrack').on('click', function() {
    var name = $(this).text();
    ga('send', 'event', 'button', 'click', name);
});