Google事件跟踪打破Fancybox插件

时间:2012-02-15 10:29:37

标签: jquery google-analytics fancybox event-tracking

我最近开发的网站存在问题:http://www.thankstofarmers.org/

直到昨晚,当我决定开始跟踪点击Google事件跟踪的外部链接时,一切正常。由于我们网站的主要行动是访问外部网站并进行注册,因此对我们来说监控非常重要。

此外,链接到外部网站的页面的主要CTA似乎有点业余,所以我想找到一种方法来保持访问者在我们的页面上,同时能够通过外部网站登录和承诺感谢{ {3}}。我得出的结论是,在时间范围内最好的(尽管仍然很不完美)分辨率将通过漂亮的fancybox插件来实现。

这一切都很好,直到我想在点击和灯箱之上附加这些事件跟踪器。 fancybox插件然后开始失败。它开始加载点击,但然后链接到远离页面的thanksto.com/网站,而不是像以前那样链接到灯箱内。您是否知道为什么会这样,更重要的是,我知道如何解决这个问题?

目前我已经将代码留在了网站上,因为在这个阶段,我们能够跟踪点击的链接比让用户保持在页面上更为重要。但是如果需要的话,聪明的猫也可以看到幕后发生的事情。

通过点击thankstofarmers网站上的任何“显示你的感谢”CTA按钮 - 第一段中的URL(堆叠溢出不允许每个帖子超过2个链接)将显示我正在谈论的效果约。

任何有关这方面的帮助都绝对令人惊叹!

谢谢你,Rufus。

P.S。不要忘记在这个过程中感谢农民 - 它还会给你一个机会来搜寻我遇到过的最慢,最慢的网站之一。 (灯箱的另一个原因:)

1 个答案:

答案 0 :(得分:0)

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

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

请参阅此setTimeout功能?它有一个延迟100毫秒的重定向语句。而不是调用此recordOtboundLink函数,请使用本机GA语法:

<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页开始)。