2010-4-22 上午 11-33-20.png 自從Facebook在今年(2010)的f8開發者大會上公開了Graph API,Web 3.0的輪廓在Facebook公開的這個API之下,可以說是完整的被描繪了出來。在Web 3.0的觀念中,網站最主要的元素就是社交功能。透過社交功能所產生的社交訊息(Social message),能夠吸引其他新造訪遊客的注意,進而達到提昇ROI的目的。在ACNielse最新一份關於Facebook廣告的研究報告就指出:加上了社交訊息,使用者對於網站或是品牌的反應最少增加了50%以上。因此,網站中加入社交訊息是勢在必行,不過要自行架設這麼這麼大的社交資訊的Database,需要相當大的心力及時間。沒關係,Open Graph API幫你把Facebook廣大的社交資料庫,帶到你的網站上吧!

把Facebook加到我的網站上吧!Add Facebook to my site

在新的Facebook Developers頁面中,其實也展現了新一代Graph API要為整個網路世界帶來怎麼樣的的改變 - 而不是單純只是嵌入Widgets而已。

過去,我們只是把Facebook Widgets嵌入到我們的網站上,讓網站跟Facebook有了連接,提昇流量及轉換率

large_facebook-developers.png

新一代的概念,是透過Social Plugin,將所有在Facebook上的人都串連在這個網站,讓網站本身就成為廣大社交網路的一部分。

2010-4-22 上午 11-50-25.png  

簡化的申請流程

1. 首先我們打開申請頁面http://developers.facebook.com/setup/ (這個Developers上沒有直接連結,我也不知道為什麼)

2010-4-22 下午 12-04-26.png 

2. 依據表格需求將資料填上,然後按下Create application

2010-4-22 下午 12-06-22.png 

3. 你就可以得到你網站專屬的ID跟API Secret(API_Key),不用像過去一樣還要上傳討人厭的驗證檔案。如此一來,就算是Blogger也能使用Open Graph API了耶!

2010-4-22 下午 12-07-32.png 

沒有自己的網站,但卻想用Open Graph的服務- 那就用Social plugins吧!

2010-4-22 上午 09-22-00.png 

如同過去的Facebook Widget一樣,這次Facebook新推出的Social plugins加強了原本Widgets較少有社交功能的部份,而且嵌入的方式也由原本的<script>改為較多網站可以接受的iframe或是更簡化的XFBML。對於不支援script嵌入BSP或是其他服務(如:Google Sites)的使用者來說,這可以說是一大福音呢。

裡面包含了:

  1. Like Button(按讚鈕)
  2. Recommendations(看大家都推薦什麼文章)
  3. Login with Faces(Facebook登入進化有臉版)
  4. Comments(留言簿,跟先前沒有太大的改變)
  5. Activity Feed(即時動態,看站上的人分享了哪些文章)
  6. Like Box(以前的粉絲視窗)
  7. Facepile(可以讓網友知道,他的哪些朋友已經登入了這個網站)
  8. Live Stream(即時動態串流,跟先前沒有差異)

這些plugins安裝方面都非常的簡單,大家可以自己玩玩看。

結語:在Web 3.0的時代裡,官方主網站、社交網站、部落格三者的界線在Facebook的Graph API的開放之後,似乎真的越來越薄弱了,每個網站其實都可以把它打造成一個小小的Facebook。或許這正是Facebook的目的:Build the social and personalized web. 

eProMotor 發表在 痞客邦 PIXNET 留言(10) 人氣()


留言列表 (10)

發表留言
  • siren
  • api

    請問這是不是自己架設的網站才可以申請,像是部落格就不可以? 還是某些部落格不可以? 像我輸入xuite的網址,它出現的是「網址必需指定至資料夾(即是以「/」為結尾)或是一個動態網頁(即是包含一個「?」)。

    問題是我沒有啊
  • 如果你是部落格 你可以考慮使用iframe的格式
    就不需要申請了~

    eProMotor 於 2010/09/07 21:24 回覆

  • jheng
  • 您好,我使用twe-commerce購物車架設網站,如果要貼入"facebook推文按鈕"的程式,是貼在哪一個網站資料夾,是模組或是區塊。請不吝賜教,謝謝!

    jheng
  • 對齁 忘記回你了....基本上我沒架過twe-commerce 如果你信任我的話,你可以把你的FTP帳密先寄給我,我順手幫你改改然後順便讓我寫篇教學 XD

    eProMotor 於 2010/11/18 17:26 回覆

  • vicky
  • 您好,
    想請問您,由於我在第一步驟時就卡住....
    它出現了"在執行此動作前你的帳號必須通過認證,請透過新增手機號碼或信用卡驗證你的帳號。"
    但我申請了兩次以上的驗證碼,卻還是一直沒有收到,
    該怎麼辦?或是有其它方式可以讓我找到開啟申請頁面呢?
    還有,請問無名會擋此功能嗎? 但怪的是facebook名片可以已可以做連結。
    謝謝您....
  • 手機應該是收得到唷 不過有時候不是即時的

    eProMotor 於 2011/01/26 16:04 回覆

  • lulume
  • 拜讀了您的著作 網路集客力 一書 其中我已經在網站上加上open graph

    但我的只是做美容官方網站 不大會更改 也沒有布洛格
    我想把一切客人寫的分享通通帶入 fb裡面

    此時 看到您書中第170-171頁 提到有fb:admins 以及fb:app_id
    兩種 可以提供管理者蒐集曾經參予活動按過讚的人 建立資料庫以利行銷

    問題1.如果我都導入到fb粉絲專頁裡面做分享 ,還需要增加這一項嗎 ?
    問題2.如果專注在fb磚業,您還建議我需要把網站meta優化嗎?
  • 官網終究還是最重要的,社群網站導入的效果畢竟有限,SEO或是口碑操作才會是長久之記

    eProMotor 於 2011/02/15 16:41 回覆

  • eason
  • 大大你好: 看了你的書特別上來請教你幾個問題

    我已經在我的網站上放了讚鈕,但我不知道它是如何選擇縮圖的,

    結果分享到fb都是一張醜醜的logo圖,我怕達不到宣傳的意義,請問大大

    要如何讓讚鈕有選擇縮圖的功能呢?
  • http://epromotor.pixnet.net/blog/post/30997291 請看這一篇唷 :D

    eProMotor 於 2011/05/18 13:57 回覆

  • awa0222
  • 請問facebook plugins 是不是沒法使用在 google site上面呢? 我直接貼留言版的html在google site顯示不出來, facebook的留言版外掛目前也沒提供iframe.....請問能提供其他解決方式嗎? 感激不盡~~
  • 是的,目前無法,要不然要自己寫網頁iframe兩次

    eProMotor 於 2012/08/21 17:51 回覆

  • Barry
  • 要自己寫IFRAME
  • 猪
  • 我找不到那个‘create an app.’, 输入搜索也找不到
  • johnny
  • 你好!我的網站是google site (協作平台)
    但一直都插入不進fb的按鈕等…件,可否
    幫我解惑???