Google Analytics 和 Colorbox - 跨域跟踪答案

【问题标题】：Google Analytics and Colorbox - Cross domain trackingGoogle Analytics 和 Colorbox - 跨域跟踪
【发布时间】：2012-02-14 11:08:09
【问题描述】：

使用我们的 GA 代码，我们可以跟踪多个域和子域，并且我们可以正确跟踪大部分代码，只有几个自我引荐。最大的问题在于我们将Colorbox 用于模态窗口这一事实，我需要能够将代码附加到这些页面以消除自我推荐。

我进行了很多搜索，并在 JavaScript 中四处寻找解决方法，但没有运气。

如果我将 onClick="_gaq.push(['_link', $(this).attr('href')]);return false;" 添加到 a 标记以打开模式窗口，当页面使用来自 Google 的附加查询字符串参数刷新时，它会跳出模式窗口并接管整个浏览器窗口。我尝试构建一个自定义函数，而不仅仅是一个直接的 onclick，我得到了相同的结果。我找到的唯一参考是this article from 2010。

我在这里不知所措。我在想也许我可以提前获取 utmcc 信息预链接并将其附加到 URL，但没有找到从会话中获取它的方法。

【问题讨论】：

标签： javascript google-analytics cross-domain colorbox

【解决方案1】：

_link 是_getLinkerUrl. 的便捷包装器

您可以在 JavaScript 中将 URL 转换为动态链接器，而无需使用便利功能（在这种情况下很不方便）。（假设 jQuery，因为您使用的是颜色框）。

假设该链接上的标记类似于<a href="..." class="colorboxlink">Click!</a>...

   $(".colorboxlink").each(function(){
        $(this).attr('href', function(i,v){
                 return _gat._getTrackerByName()._getLinkerUrl(v);
         });
   });

我只推荐不超过 1 或 2 个链接的方法；对于大量链接（20+），它可能会对性能产生影响。这是一个演示：http://jsfiddle.net/XscWT/

【讨论】：

谢谢。这与我一直在寻找的内容一致 - 唯一的问题是它看起来没有携带相同的用户 cookie，而是为新页面生成一个新的。我是否理解这是如何工作不正确的？我正在使用 httpwatch 和 fiddler 来窥探结果。您还需要在 'this' 周围加上括号 - '$(this)
嗯，尝试在_trackPageview 调用之后将代码包装在_gaq.push(function(){ ... }); 中（假设是异步语法）
我不确定要包装什么代码。整个街区？我已经尝试了几个变体，如果我将它包装在那个函数中，它就会完全停止触发......

【解决方案2】：

这是我最终使用的代码，感谢 yahelc 的帮助。

$('.link-btn').bind("cbox_complete", function(){
    var pageTracker = _gat._getTrackerByName();
    var href = $.colorbox.element().attr('href');
    if (href) {
        _gaq.push(function() {
          var pageTracker = _gat._getTrackerByName();
            setTimeout(function(){
                $('#cboxLoadedContent iframe').attr('src',pageTracker._getLinkerUrl(href));
            },1000);
        });
    }
});

【讨论】：