javascript - 使用 jQuery 在 href 链接中附加 onClick 分析跟踪代码

Question

我对 JavaScript 和 jQuery 还很陌生，在使用 jQuery 重新设计的网站中，我很难在 A 链接内附加 onClick Google Analytics 跟踪。

我知道我可以这样做:

<a href="#" onClick="_gaq.push(['_trackPageview', 'URL']);">link</a> 

但是，只要我将 onClick 代码放在那里，SharePoint html 字段就会删除它，因此我需要一个脚本来为我执行此操作。

到目前为止我有这个:

<a class="tracking" href="URL">Read PDF</a>

jQuery(document).ready(function($) {
    $(".tracking").click(function() {
        _gaq.push(['_trackPageview', 'url']);
    });
});

当我检查时，单击的 PDF 没有显示在实时分析页面中。因此，我需要一些东西来确保当单击链接时，它会实时显示在分析跟踪器中。我可以使用在 A 链接内添加 onClick 跟踪事件的脚本吗？

请帮忙。

谢谢!

Answer 1

您可以使用以下代码生成页面 View :

$(document).ready(function() {
    $(".tracking").click(function() {
        ga('send','pageview','my-pdf-document')
    });
});

您实际上可以传递更多数据。请参阅此处的官方文档:https://developers.google.com/analytics/devguides/collection/analyticsjs/advanced#send

ga('send', 'pageview', {
  'page': '/my-pdf.pdf',
  'title': 'My PDF Title'
});

更新

你绝对可以像这样动态地使用你的href

ga('send','pageview', $(this).attr('href'));

或者甚至使用一些 HTML-5，你可以有这样的链接:

<a href="/mypdf.pdf" class="tracking" data-title="mypdf-title">link</a>

然后做

ga('send', 'pageview', {
    'page': $(this).attr("href"),
    'title': $(this).data("title")
});

编辑2

如果你还在使用 ga.js，那么你可以这样做:

_gaq.push(['_trackPageview', $(this).attr('href')]);