使用 Google Analytics 追蹤 Facebook Like 點擊情況

想要使用 Google Analytics 追蹤 Facebook 的 Link、Unlike、Send (Share) 的點擊狀況, 要如何做呢?

註: 確定 JavaScript SDK - Facebook Developers 支援, iframe 版不確定是否可以支援, JS 嵌入方式如下:

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like></fb:like>

使用 Google Analytics 加上 Facebook social 追蹤

Facebook social Event 預設有 create、remove 等觸發條件, 可以綁定此條件來發送給 Google analytics 追蹤.

注意: GA 的 Tracking code 有新舊版, ga(新版) / _gaq(舊版), 請自行確認自己的 Tracking code 版本, 在挑選修改成自己的版本.

新版 GA Code 的寫法

下述範例取自: Social Interactions - Web Tracking (analytics.js) - Google Analytics

• 格式: ga('send', 'social', 'socialNetwork', 'socialAction', 'socialTarget', {'page': '/my-new-page'});
• 範例: ga('send', 'social', 'facebook', 'like', 'http://mycoolpage.com');
• 說明:
  • socialNetwork: facebook
  • socialAction: like
  • socialtarget: http://mycoolpage.com
• 也可以寫成下述:

  ga('send', {
      'hitType': 'social',
      'socialNetwork': 'facebook',
      'socialAction': 'like',
      'socialTarget': 'http://mycoolpage.com',
      'page': '/my-new-page'
  });

綁定 Facebook Like Event

FB.Event.subscribe('edge.create', function(targetUrl) {
    ga('send', 'social', 'facebook', 'like', targetUrl);
});

註: Unlike、Share 可參考下面舊版範例, 只要稍微改寫就可以符合新版.

舊版 GA Code 的寫法

下述範例取自: Social Interactions - Web Tracking (ga.js) - Google Analytics

Likes

FB.Event.subscribe('edge.create', function(targetUrl) {
    _gaq.push(['_trackSocial', 'facebook', 'like', targetUrl]);
});

UnLikes

FB.Event.subscribe('edge.remove', function(targetUrl) {
    _gaq.push(['_trackSocial', 'facebook', 'unlike', targetUrl]);
});

Shares

FB.Event.subscribe('message.send', function(targetUrl) {
    _gaq.push(['_trackSocial', 'facebook', 'send', targetUrl]);
});