使用 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]);
});

作者: Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料