google-analytics - GA 中的社交分享跟踪

Question

这几乎是 的主题。原创 FB/Twitter 按钮。但是，如果我有自己的“在 fb 上分享”按钮怎么办？像这样:

   <div id="fb_share"><a target="_blank" href="http://www.facebook.com/share.php?u=blah-blah">Share on FB</a></div>

所以我想出了以下解决方案:

var FBbtn = document.getElementById("fb_share");
    FBbtn.addEventListener('click', function() {
        ga('send', 'social', {
      'socialNetwork': 'facebook',
      'socialAction': 'share',
      'socialTarget': window.location
    });
    //console.log('tracked');
});

它位于 Google Analytics(分析)代码之后。
尽管它不会捕获 FB 回调 - 它应该可以解决问题，但由于某种原因，我仍然无法在 Analytics 中看到任何结果，所以问题是: 解决方案真的有效吗？ 事实上，我相信它甚至可能是这样的:

<a href="http://www.facebook.com/share.php?u=blah-blah" onClick="ga('send', 'social', 'Facebook','Share',window.location.href);");">FB</a>

Answer 1

您的“在 Facebook 上分享”链接会导致页面导航(而不是打开新窗口/标签)。当这种导航发生时，大多数主流浏览器都会取消当前页面的所有未决 HTTP 请求，然后导航到新页面 (fb.com)

在这种情况下，待处理的 HTTP 请求之一将是 GA 事件跟踪调用，因此它永远不会完成，也永远不会被 GA 服务器接收。

您需要使用的是 GA 命中回调功能，这基本上取消了 native 导航(到 FB)，发送跟踪调用并等待足够的时间完成，然后执行 JavaScript 重定向到下一页。

你应该 read the google docs here

在您的情况下，您的事件跟踪功能应该类似于:

var FBbtn = document.getElementById("fb_share");
FBbtn.addEventListener('click', function() {
  ga('send', 'social', {
    'socialNetwork': 'facebook',
    'socialAction': 'share',
    'socialTarget': window.location,
    'hitCallback': function(){
      window.location = this.href;
    }
  });
  //console.log('tracked');
  return false;
});

所以我做了以下更改:

向事件跟踪调用添加了 hitCallback 属性。这是一个匿名函数，一旦 GA 服务器将其响应发送到事件跟踪，就会调用该函数。

添加了一个“return false”语句，它取消了 native 功能，然后依靠 hitCallback 函数进行导航。