Google Event Tracking Breaking Fancybox插件

Question

我最近开发的一个网站有一个问题：http://www.thankstofarmers.org/

直到昨晚，在它发布的第三天，当我决定用Google事件跟踪开始跟踪点击的外部链接时，一切都运行得很好。由于我们网站的主要行动号召是转到外部网站并注册，这对我们来说是一件重要的事情。

此外，链接到外部网站作为页面的主要CTA似乎有点业余，所以我想找出一种方法，让访问者留在我们的页面上，同时能够通过外部网站http://www.thanksto.com/campaign/thanks-to-farmers登录并表示感谢。我的结论是，在时间框架内最好的解决方案(尽管仍远未达到完美)将是通过漂亮的fancybox插件来实现。

这一切都运行得很好，直到我想把这些事件跟踪器附加到点击和lightbox的顶部。然后fancybox插件开始失败。它开始在点击时加载，但随后链接到远离页面的theksto.com/网站，而不是像以前那样在lightbox内。你知道为什么会这样吗?更重要的是，你知道我该如何解决这个问题吗？

我暂时把代码留在了网站上，因为在这个阶段，我们能够跟踪点击的链接比让用户留在页面上更重要。而且，如果需要的话，你们这些聪明的猫可以看到幕后发生的事情。

通过点击任何“显示你的感谢”CTA按钮在感谢农民网站- URL在第一段(堆栈溢出将不允许我超过2个链接每篇)将带来我所说的效果。

这方面的任何帮助都将是绝对令人惊叹的！

谢谢你鲁弗斯。

附注：在这个过程中，不要忘了感谢农民--这也会给你一个机会去搜索我见过的最烦人、最慢的网站之一。(使用lightbox的另一个原因:)

Answer 1

您的事件跟踪脚本正在重定向访问者：

<script type="text/javascript">
  function recordOutboundLink(link, category, action) {
    _gat._getTrackerByName()._trackEvent(category, action);
    setTimeout('document.location = "' + link.href + '"', 100);
  }
</script>

看到这个setTimeout函数了吗？它有一个重定向语句，延迟100ms。使用原生GA语法，而不是调用此recordOtboundLink函数：

<a href="#" onClick="_gaq.push(['_trackEvent', category, action, optional_label, optional_value, optional_noninteraction]);">link text</a>

因此，在你的情况下，这就像是

<a class="fancybox fancybox.iframe" href="http://www.thanksto.com/campaign/thanks-to-farmers" onClick="_gaq.push(['_trackEvent', 'http://www.thanksto.com/campaign/thanks-to-farmers', 'Large Home CTA', 'thanksto.com']);return false;">link text</a>

有关详细信息，请参阅GA tracking guide或此conversion university tutorial (从第8页开始)。