Question

我是JavaScript和jQuery的新手，我很难在我们使用jQuery重新设计网站的A链接中附加onClick Google Analytics跟踪。

我知道我可以这样做：

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

但是每当我把它放在那里时，SharePoint html字段都会删除onClick代码，所以我需要一个脚本为我做这个。

到目前为止，我有这个：

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

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

点击的PDF在我查看时未显示在实时分析页面中。因此，我需要能够确保点击链接时实时显示在Google Analytics跟踪器中的内容。我可以使用在A链接中添加onClick跟踪事件的脚本。

请帮忙。

谢谢！

Answer 1

您可以使用以下代码生成页面视图：

$(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')]);

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

1 个答案: