Facebook – 點選 like box 或 like button 後(也就是點讚以後)執行的動作

因為網站上的文章須有設置 facebook 讚 (或是推薦、like button、粉絲團的like box….) 的功能,
須要在使用者點選讚之後,執行一些jquery程式碼,或是AJAX 紀錄數據的一些動作,
弄了很久跟請教後才發現,
原來使用FB.Event.subscribe 就能夠輕鬆做到。

 

不過前提是你的 「讚」阿,
似乎須要是<div>而不能使用<iframe>,
因為<iframe>並不能被javascript取得觸發的事件喔

 

範例如下:

<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>

    FB.init({
//每次使用API都要先放這個,這裡就不多說了
appId: '<?=_FB_APPID?>', // 你的 App ID
//channelURL: '………………..', // Channel File
status: true, // check login status
cookie: true, // enable cookies to allow the server to access the session
oauth: false, // enable OAuth 2.0 
xfbml: true  // parse XFBML
});



    //主要是利用    FB.Event.subscribe 來偵測使用者點選like box、like button (讚) 或是粉絲團讚 以後的動作!
    //當然可以配合偵測使用者是否已經登入來延展更完善的功能,例如FB.getLoginStatus ,有興趣的朋友再找找看    FB.Event.subscribe('edge.create',
function(response) {
//這裡就能放要執行的JS囉
alert('您點選的網址: ' + response);
}
    );
</script>

發表迴響