background preloader

Open Graph TWN

Facebook Twitter

馬上了解Facebook Open Graph. Open Graph : Facebook F8 展示最具改造力的發明 « 網路誌. Facebook F8在昨天展示了Open Graph,號稱是「全球資訊網歷來最具改造力的發明」,Facebook的這個Open Graph計畫把全球所有的網站都串聯起來,當然就是在Facebook的架構下,讓所有的網站網網串聯,並且自動具備社交功能。

Open Graph : Facebook F8 展示最具改造力的發明 « 網路誌

本網在2007年談到社交網路,我們認為「同樣的用神的觀點來看社交網路,我們可以說任何網站都將變成社交網站,應該沒有人會反對,如同葛洛夫認為所有企業都將變成Internet企業... The Long Tail的作者Chris Anderson說到: Social Networking is a feature, not a destination,也是類似的看法。」 當時認為「Social Networking還有幾樣事情沒做: 功能性整合、帳戶整合、連接性與互動性...」 I am Jason: Facebook Open Graph試玩心得. Open Graph Protocol篇 @ 網路行銷零元本鋪. 呼~關於Open Graph的應用真是多到寫不完,不過在掛各種Soical plugins的時候,你是否先有把網站的內容編輯好呢?

Open Graph Protocol篇 @ 網路行銷零元本鋪

做SEO,為了要提交正確的資料給搜索引擎,所以要正確的編輯meta description及keywords。 同理,要把善用各種Soical plugins,你是否編輯了正確的meta呢? 其中又跟"說讚"按鈕最為有關係。 為什麼要編輯Meta? 以示範站來看,這是還沒編輯Meta前的狀況: 在沒有設定meta的時候,預設就是抓取<title>中的文字。 在新版的個人頁面中,你會發現以前加過的「粉絲專頁」(現在因應Art的說法,往後統稱為FB專頁)跟以前填過的興趣都參在一起了(這也是為什麼要變成"Like"的重要原因)。 而且透過Meta的設定,讓說讚的人能夠傳到更清楚的訊息給他的朋友知道,這是哪個網站的哪篇文章。 最基礎Open Graph Protocol 的 Meta編輯 根據範例,我們有基礎的五項meta可供編輯: 1. og:title 在沒有設定的情況下,預設會抓原HTML程式碼中<title>的內容 2.og:site_name 3. og:type og:type可設定的完整列表: 4. og:url 連結頁面的網址 5. og:image 進階Open Graph Protocol 的 Meta編輯 基本上一般的網站只需要編輯前面五項meta就足夠了,然而還有許多其他可供編輯的進階項目: 1. fb:admins 設定網站的Facebook專頁管理者是誰,唯有管理者才能進入Faceboook上的平台進行管理。

加了fb.admins及og:type的meta之後,你的網站在Facebook上就也會有獨立的專頁頁面。 2. fb:app_id fb:appid是當你設定Facebook精準行銷(Facebook insights)後,可以取得的一段程式碼。 3. og:descriptions. Facebook f8: Timeline 和 Social Apps 背後的意義 » Mr. Jamie 看網路與創投. Facebook 一年一度的 f8 開發者大會正在進行,Mark Zuckerberg 在開場的 keynote 宣布了兩個重大發展 — Timeline 和 Social Apps。 今天會有很多人新聞報導這兩個大「新方向」的各種細節 (e.g.: TechOrange , 聯合新聞網 ),所以我在這裡就不再重覆介紹。 我今天想跟大家討論的,是這兩個發展背後的意義: 1. Timeline = 個人首頁 → Blog 化、開放化 我認為 Timeline 是 Facebook 從「牆後花園」(Walled Garden) 跨出到「開放網路」(Open Web) 非常重要的一步。 所以 Facebook 想要改變這件事情,它想要人們把這些本來要張貼在 Tumblr、Instagram 的文章、照片,改放到Facebook。 Facebook發表新一代平台Open Graph. [Facebook] Open Graph(開放社交關係圖) 動作設定教學. Facebook 於 2011/09/23 發佈了 新的 Open Graph 開發者教學 ,在應用程式中出現了 Open Graph(開放社交關係圖) 頁籤,項目相當多,因此快速做了簡單的翻譯,方便未來研究之用。 其中此篇便是讓使用者可以使用各種「動作」的新功能,就像除了某某某覺得什麼很「讚」之外,還可以增加 某某某 listen to 某專輯、某某某 cook 一道菜 這樣的動作。 這邊 有相關的介紹。 ※不過很可惜的是目前尚不支援中文的動作與物件。 翻譯功力尚淺,請各位前輩不吝指正,也歡迎同好一起討論:) 這份教學將會帶領你照著下面步驟建立、測試、發佈你的第一個 Open Graph 應用程式。

Step 1: 建立 Facebook app Step 2: 取得使用者的時間軸授權 Step 3: 定義 初始動作、物件與集合 Step 4: 為你的使用者發佈動作 Step 5: 把社群外掛加到你的應用程式中 : Facepile plugin, Activity plugin, and Recommendations plugin Step 6: 將動作送交審閱 如果你對 Open Graph 有疑問,請造訪: Debug and Troubleshoot 。 先至 Dev App ,點擊 「建立新的應用程式」,並輸入應用程式的名稱以及命名空間。 當你送出初始資訊,你便會進入應用程式的基本設定頁面。 你的應用程式命名空間。 選擇「網站」 (在此份教學中,我們會建立一個與 Open Graph 整合的範例網站) 輸入網站的 URL。 您已設置的基本信息後,您便可以在你的網站中加入「 增加到時間軸 」的外掛,定義你的 Open Graph 行為和物件。 Step 2: 取得使用者授權 為了發佈使用者的 Open Graph 動作,您的應用程序需要取得使用者的 publish_actions 權限。 下面是一段使用 JavaScript SDK 的範例程式碼,幫助你快速進入狀況。 FB.init({ appId:'YOUR_APP_ID', cookie:true, status:true, xfbml:true, oauth:true // ]]> </ script > &nbsp; Stuffed Cookies.