Facebook @ 小雕雕的家

 FB.init({
                appId: '你的 app ID',
                status: true,
                cookie: true,
                xfbml: true,
                channelURL: 'http://www.xxxxxxxx.com.tw/channel.html',
                oauth: true
        });
        FB.getLoginStatus(function (response) {
           if (response.status === 'connected') {            
                 var uid = response.authResponse.userID;
                 //var accessToken = response.authResponse.accessToken;
                 //accessToken 的功用可以看這裡 http://developers.facebook.com/docs/reference/api/">http://developers.facebook.com/docs/reference/api/
                 login_success(uid);
           } else {
                        FB.login(function (response) {
                                if (response.authResponse) {
                                    var uid = response.authResponse.userID;
                                    var accessToken = response.authResponse.accessToken;
                                    login_success(uid);
                                } else {
                                        alert('登入失敗!');
                                }
                        }, {
                                scope: 'email,publish_stream'
                        });
           }

        })

    function login_success(uid){
                
                /*var body = '測試一下測試一下測試一下測試一下';
                FB.api('/me/feed', 'post', { message: body }, function(response) {
                  if (!response || response.error) {
                        alert('Error occured');
                  } else {
                        alert('Post ID: ' + response.id);
                  }
                }); */

                FB.ui(
                  {
                        method: 'feed',
                        name: 'Facebook Dialogs',
                        link: 'http://www.suncolor.com.tw',
                        picture: 'http://fbrell.com/f8.jpg',
                        caption: '測試一下',
                        description: '測試兩下測試兩下測試兩下'
                  },
                  function(response) {
                        if (response && response.post_id) {
                          alert('Post was published.');
                        } else {
                          alert('Post was not published.');
                        }
                  }
                );
        }

FB.ui 會長這樣

Clipboard01

FB.api 會直接這樣

(繼續閱讀...)

小雕發表在痞客邦留言(3) 人氣()

個人分類：Facebook

▲top

Oct 10 Wed 2012 11:49
網站利用 Facebook 帳號登入 (Javascript SDK)

工作上常常會用到需要結合 FB 的功能

以下就我有寫過且遇到的筆記一下

首先不管你要幹嘛，當然是要有個 Facebook 的 APP ID

申請方式如下 :

首先來到此頁 https://developers.facebook.com/apps

點右上方的建立新應用程式

然後填寫 APP 名稱與命名空間後按繼續

(繼續閱讀...)

小雕發表在痞客邦留言(22) 人氣()

個人分類：Facebook

▲top

Dec 22 Thu 2011 18:15
Facebook APP FB.login 造成"沒有使用權限"的問題

是這樣的

前幾天在寫 Facebook APP 的時候有使用到 FB.login

因為那天 FB.getLoginStatus 莫名奇妙壞去

只好每次開頁面都呼叫 FB.login 出來檢查一次

但這其實是個很不智的作法,因為會有....

1.會跳出視窗,某些瀏覽器會擋

2.會有錯誤訊息,說你沒有權限

(繼續閱讀...)

小雕發表在痞客邦留言(2) 人氣()

個人分類：Facebook

▲top

Nov 04 Fri 2011 15:52
Facebook 設定分享網頁的標題 + 內文 + 圖片

這其實是老梗了,應該不少人知道

但是這個老梗還是有讓我學到些東西

就是別人分享你網址到塗鴉牆的時候,可以用下面這些meta tag 來事先定義好內容

http://ogp.me/ <----- 請來這查

<html xmlns="http://www.w3.org/1999/xhtml"

xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

<head><title>The Rock (1996)</title>

<meta property="og:title" content="The Rock"/>

<meta property="og:type" content="movie"/>

<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>

<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>

<meta property="og:site_name" content="IMDb"/>

<meta property="fb:admins" content="USER_ID"/>

<meta property="og:description" content="A group of U.S. Marines, under command of a renegade general, take over Alcatraz and threaten San Francisco Bay with biological weapons."/>