Google 分析 - 跟踪下载点击次数

Question

我有一个带有下载按钮的网站，可以让您下载自己生成的图像（也有一个生成按钮）。我想跟踪下载点击次数。这是我的下载按钮代码：

<input class="form-row form-box blue-bg" type="button" id="download" value="Download Screensaver" disabled />

我已经设法使用 Google Analytics 标准代码跟踪页面浏览量，但我不知道如何进行事件跟踪，有人告诉我还可以使用 Google 跟踪代码管理器我不是很熟悉。这是我的 GA 代码：

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-XXXXX-Y', 'auto');
  ga('send', 'pageview');
</script>

我想知道是否需要向 js 代码和下载按钮添加什么（如果有的话）。希望有人能帮助我，我会非常感激这一点，因为我是后端的新手，而且我没有上司来指导我。谢谢！

Answer 1

您可以点击按钮发送以下内容：

可以在我们的 javascript 中添加。例如：

document.getElementById('download').addEventListener("click", function () {
   ga('send', 'event', 'Download', 'Download Screen Saver', 'self generated image');
});

https://developers.google.com/analytics/devguides/collection/analyticsjs/events#event_fields

请确保以上代码在您在上述问题中提供的 GA 脚本之后。

Answer 2

您可以使用此代码计算您的下载量

function trackDownload(link) {
    _gaq.push(['_trackEvent', 'Downloads', 'Click', 'Setup executable']);
    _gaq.push(function() { document.location = link.href });
    return false;
}
<a href="files/setup.exe" onclick="return trackDownload(this);">Download</a>

Google 分析 - 跟踪下载点击次数

Google Analytics - tracking download clicks

javascript

tracking

google-analytics

event-tracking