2011年4月7日 星期四

你想有屬於自己的Facebook App嗎?? -- 如何通過iFrame創建Facebook Tab(含教學影片)

Facebook最近宣布,他們將開始棄用FBML(又名Facebook Markup Language),這將對你有甚麼影響?? 所有Facebook的"tabs"都是用FBML來創建。現在我們可以通過iframe,把自己的網頁放到Facebook tab。這意味著,你可以整合很多東西,如HTML,CSS和Javascript。把這些東西從你的網頁加到Facebook tab作你的fan page,不用重新把你的程序重新編譯成FBML這裡有一個四分鐘的視頻教你如何創建一個Facebook tab作你的Facebook Fan Page通過使用iframe;步驟Kim Woodbridge @ (Anti) Social Development: 提供


** 電腦小白請注意:簡單來說, 即可以通過iFrame將你自己的網頁, 快速地內嵌到Facebook.




** 以下ge步驟我就唔翻譯la, 跟住段片實無問題...


Note: Width of your page must be 520px or less to avoid horizontal scrolling.
  • Go to http://www.facebook.com/developers/
  • Click “+Set Up New App” in the top right corner
  • Give your app a name and agree to the Terms
  • About Section
    • Enter descriptions and icons if necessary.
    • Web Site Section
      • Enter your site’s URL. This is where the custom tab is being pulled from. Example:http://newsroom.cisco.com/
      • Facebook Integration Section
        • Create a name for the Application page under “Canvas Page”. Example,http://apps.facebook.com/ciscotopstories.
        • Enter the “Canvas URL”. This is the base directory for the page that is being pulled into the iframe. Example: http://newsroom.cisco.com/facebook/
        • Make sure “Canvas Type” is clicked on iframe.
        • Under “Page Tabs” enter the “Tab URL”. This is the actual page that will be pulled in through the iframe. Example: http://newsroom.cisco.com/facebook/topstories.html
Voila, the tab is done. Simply go the application profile page, located athttp://facebook.com/developers, to add the tab to your fan page.



Information: http://blogs.cisco.com/socialmedia/how-to-create-a-custom-facebook-tab-using-iframes/

沒有留言:

張貼留言