google-analytics - 谷歌分析文件跟踪

Question

我正在使用 Google Analytics 来跟踪我的页面，上周我添加了这段代码，我发现它试图跟踪我的 PDF 下载，但这不起作用:

PDF 链接:

<a href="pdf/my-pdf.pdf"
    onClick="javascript:pageTracker._trackEvent('PDF','Download','My New PDF');
    void(0);">
        PDF
</a>

GA 跟踪代码(缩小):

var _gaq=[['_setAccount','UA-XXXXXXXX-XX'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script')); 

当然，我更改了与这篇文章相同的 UA 值。

我如何编辑它以允许文件下载跟踪？

---

编辑

<a href="pdf/my-pdf.pdf" target="_blank" onclick="trackLink(event);">PDF</a>

function trackLink(e)
{
    e.preventDefault();
    _gaq.push(['_trackEvent','Download','PDF', e.target.href]); 
    window.setTimeout('location.href="'+e.target.href+'"',100); 
    return false;
}

var _gaq=[['_setAccount','UA-XXXXXXXX-XX'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script')); 

注意:XX 是为了帖子的目的而添加的，不在实际代码中。

Answer 1

好的，这里有几件事。首先，正如 gerl 所指出的，您对您拥有的核心代码版本使用了错误的 GA 语法。因此，无论如何，您都需要根据该答案修复您的代码。但还有另一个问题需要考虑:时机。

首先，通常情况下，在浏览器重定向到目标 URL 之前，GA 代码没有足够的时间执行。有两种方法可以解决这个问题:在重定向之前强制超时约 100 毫秒，或者让您的 pdf 在单独的选项卡/窗口中打开。

个人认为后者是更好的解决方案。由于 pdf 已加载到单独的窗口中，因此您无需担心延迟重定向以让 GA 有机会执行。此外，大多数人更喜欢 pdf 之类的东西在单独的选项卡/窗口中打开，这样它们就不会离开它们所在的页面。为此，请在链接中添加一个 `target='_blank':

<a href="pdf/my-pdf.pdf" onclick="_gaq.push(['_trackEvent','Download','PDF', 'pdf/my-pdf.pdf']);" target="_blank">PDF</a>

但如果您真的想坚持在同一窗口/选项卡中打开 pdf，则需要强制超时。我不像第一个那样喜欢这个选项，因为 ~100 毫秒 通常 足够等待的时间，但不能保证时间足够。您可以增加超时时间，但做得越多，访问者在重定向发生之前必须等待的时间就越长，这会导致糟糕的用户体验。但这是您可以做到的一种方式:

<a href="pdf/my-pdf.pdf" onclick="trackLink(event);">PDF</a>

<script type="text/javascript">
  function trackLink(e) {
    e.preventDefault();
    _gaq.push(['_trackEvent','Download','PDF', e.target.href]); 
    window.setTimeout('location.href="'+e.target.href+'"',100); 
    return false;
  }

var _gaq=[['_setAccount','UA-XXXXXXXX-XX'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script')); 
</script>

另请注意，如果您 upgrade to universal analytics , 该版本内置了超时/回调功能 link tracking (那篇文章讲的是出站链接跟踪，但是使用回调函数做重定向的原理是一样的)。