God is not home today

首頁 | 網路廣播電台 | 網誌聯播 | 商品推薦

Facebook應用程式-[加入到個人檔案]按鈕範例

Facebook Wiki裡的FBML API可以找到[fb:add-section]這個在應用程式裡加入一個[加入到個人檔案]的按鈕,下面也有簡單的範例是這麼寫的:
<fb:add-section-button section="profile" />
效果是長這樣:
按鈕-加入到個人檔案

但是他並沒有告訴你,那按下去要出現的內容該怎麼加? 我們可以透過下列這個簡單的範例來實現:

1.首先將下列程式碼放在你想出現按鈕的位置:
<?php
$profilecontext ="<fb:fbml version=\"1.0\">".$fb_name;
$profilecontext.="<a href=\"網站連結\">test</a><img src=\"圖片連結\"></a>內容。";
$profilecontext.="</fb:fbml>";

if($fb_user==$facebook->api_client->users_getLoggedInUser()){
echo ‘<div align="right"><fb:add-section-button section="profile"/></div>’;
}
else{
$fb_user=$facebook->api_client->users_getLoggedInUser();
}
$facebook->api_client->profile_setFBML($profilecontext,$facebook->user);
?>

$profilecontext ="<fb:fbml version=\"1.0\">".$fb_name; << 這一行是直接將應用程式的名稱帶入個人檔案框架的標題列
$profilecontext.="<a href=\"網站連結\">test</a><img src=\"圖片連結\"></a>內容。"; << 這一行是你想在框架內顯示的內容,可以填入HTML語法與Fquery
如果一行不夠你打,你只要在用相同的變數名稱並且在後面加上一個小數點用以連接即可,就像上面這一行的$profilecontext.

這樣框架內容就設定完成了。
另外,如果你在[開發人員-應用程式編輯]裡的[個人檔案]-[Profile Box]這個項目所設定的是[Wide]:

那麼你的框架就是寬版的:

在使用者按下新增後,就會在他的應用程式標籤裡加入寬版的個人檔案框架:

如果你在[開發人員-應用程式編輯]裡的[個人檔案]-[Profile Box]這個項目所設定的是[Narrow]:

那麼你的框架就是窄版的:

在使用者按下新增後,就會在他的應用程式標籤裡加入窄版的個人檔案框架:

參考資料:
Facebook Wiki

http://wiki.developers.facebook.com

Tags: , , , , , , , ,

發佈日期: 2009年11月29日 星期日 | 文章分類:FaceBook | 訂閱這篇文章:RSS 2.0
Both comments and pings are currently closed.

Comments are closed.