6.4.1 Open Graph Protocol

Open Graph中是包含了Social plugins,Open Graph Protocol及Graph API三個

部分,如果要用一句話來說明Open Graph及這三者的差別,那應該是:Open

Graph提供了一個新的協定,它讓Social plugins提供了安裝的網站有了Facebook社

群訊息的功能,而且透過Open Graph Protocol的meta部分的設定,能夠優化使用

者在使用Social plugins時,在Facebook上呈現的狀況,並使用Graph API獲取使用

過Social plugins的使用者公開的訊息,做進一步訊息的精準分析簡單來說,Open

Graph最大的用意就是在於要把所有的網站都Facebook化

 

 

按照Open Graph protocol來定義網頁,比方說電影、球隊、餐廳的網頁,這些個

體,就變成了一個在facebook(or, the graph)上可以被使用者操控的物件(每個都有

一個unique_id)。使用者可以Like這些物件。對使用者來說,可以更快更方便的知道

朋友喜歡什麼東西,而且幾乎是網路上所有網頁而不只是facebook裡面的那些粉絲專

業或社團頁面!對於開發者或是其他網頁經營者,透過Open Graph,自己的應用程式

或是網頁更容易在facebook上被廣泛的傳閱。而對於facebook來說,他拿到了是更詳

細的使用者偏好以及一大堆可以分析的網頁活動記錄。

 

 

1.  <meta property="og:title" content="你的標題" /> 

og:title 指的是該網址的標題,如下圖中標題為”The Rock”

 

2.  <meta property="og:type" content="分類" /> 

og:type 一般是選用 article,其他型態的指定您可以參考 Facebook Open

Graph文件,拉到底下有一個 Object Type 的專章,如下圖”分類”輸入”Movies”

 

3.  <meta property="og:url" content="你的網址" /> 

og:url 指的是該網址

4.  <meta property="og:image" content="你想顯示的圖片" />

og:image 指的是該網址指定顯示的圖片。可以固定指定一張或動態指定不同帖子顯示

對應圖

 

 

5.  <meta property=”og:site_name” content=”網站名稱” />

og:site_name 指的是網站名稱,如下圖網站名稱為IMDb

 

 

所以意思是,從整個網路,只要裝了Like按鈕,賣藥的賣書的賣服務的所有人都有機會

建立channel可以把新消息送給使用者。按了這一個按鈕,就等於以前你在別人的網站

上為了什麼優惠填一堆資料讓他可以寄eDM給你一樣,只是現在不再mail inbox,而在

你的facebook stream。

 

 

參考資料來源:

http://blog.fbdoctor.com/2011/08/open-graph-protocol-%E6%95%99%E5%AD%B8/

http://epromotor.pixnet.net/blog/post/30997291-%E6%89%93%E9%80%A0%E6%96%B9%E4%BE%BF%E5%88%86%E4%BA%AB%E7%9A%84%E7%B6%B2%E9%A0%81%7Copen-graph-protocol%E7%AF%87

http://blog.epromotor.info/facebook%E6%95%99%E5%AD%B8open-graph%E4%B8%8D%E8%A6%81%E6%B5%AA%E8%B2%BB%E4%BD%A0%E5%BE%97%E5%88%B0%E7%9A%84%E3%80%8C%E8%AE%9A%E3%80%8D%E4%BA%86%EF%BC%81/

http://blog.egistli.com/post/540921541/facebook-open-graph

https://developers.facebook.com/docs/opengraph/


以下是 Facebook 在2010年4月下旬發布的四項技術改變,震憾了包含Google在內的網路巨頭,那四個技術規格是什麼,簡單的介紹如下:

1.  Open Graph API  

過去稱為Facebook Connect API,簡單的說就是,透過Facebook API你將可以取得使用者的個人資料,喜愛偏好,但結合下方四點,現在可以取得的東西更多了 

2.  Facebook Auth  

過去我們發展網站登入時,通常只強調單一登入(SSO)的認證功能,但此次Facebook Auth的發布,已經超過此功能,他們還發展出授權的功能,也就是說透過Facebook Auth,認證/授權都可達成了,只是授權是授權什麼? 您存放在FB上的個人資料!! 授權程度將影響網站服務者透過Open Graph API所能取得的資料內容。 

3.  Social Plugin  

透過JavaScript所發展的Mashup技術,目前共有八種小工具可用,讓網站服務管理員不需要會寫程式,就可以透過剪貼的功能達成與Facebook共享資源的目地。(也讓Facebook更容易分析您的網站) 

4.  Open Graph Protocol  

我可以稱它就是詮釋資料(MetaData)嗎? 只是這次的MetaData不是常見且無聊的都柏林核心集,而是Facebook自行定義的MetaData,將更貼近我們的生活(也更貼近商業利益),SocialPlugin加上Open Graph protocol將可加速Facebook收集全球網站與所有使用者的喜好程度。

 

Open Graph四大技術用在那裡?

其實,Facebook Platform的系統架構相當複雜,但不得不說這是很漂亮的技術架構,下圖只是為了說明方便,簡化過的圖表



 
 

我們可以發現,幾乎此次所發表的Open Graph四大技術全部圍繞在外部網站服務,

Open Graph Protocol是寫在HTML上的MetaData,讓Facebook可以更精準了解網頁內容

Social Plugin就是事件觸發器,透過與Open Graph Protocol的合作,您的喜好(讚)將被傳回至Facebook收集;

Facebook Auth,透過登入與授權機制,該網站就取得了您的同意,可以取得您存放在Facebook上的個人資料;

Open Graph API,就是那條大水管,將您的個人資料源源不絕的從Facebook送至外部網站了。


以Facebook的影響力來看,不管是不是Facebook的用戶,大概不用多久大多數的網站都會被Facebook沾染上,

而Facebook 跟Google Adsense(Google 廣告系統)決戰日期也應該已不遠了。

你喜歡按「讚」嗎?現在在按下去之前你可能要再想一下這個內容是不是真的那麼「讚」了,
因為 Facebook 正式將提供給第三方內容發佈網站的「讚」按鈕與分享功能合併,這下只要你按下「讚」,
該篇內容就會連同文章連結與預覽直接貼上你的塗鴉牆,好處是對於你喜歡的內容,Facebook 直接就幫你分享了,
但若是你不確定是不是想讓 Facebook 主動為你將內容發佈到塗鴉牆上,那你真的要想清楚再按了。


附上教學文連結:

[Facebook] Open Graph 動作設定教學



http://tinyurl.com/busl5av
http://techorange.com/2011/03/01/facebook-like-button-takes-over-share-button-functionality/