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://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/