Facebook 的 Open Graph protocol，可說是與Like Button配合的一個功能，原本使用Like Button發佈到Facebook的塗鴉牆上時，系統本身會用預設的方式去抓該網頁的資訊，然後貼到塗鴉牆上，而Open Graph的功能則可以自訂你所想呈現的資訊，對於正確的打到、吸引客群會有比較高的效益。
Facebook的範例是使用IMDB的The Rock來做，我就直接拿來說明了。
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
content="A group of U.S. Marines, under command of
a renegade general, take over Alcatraz and
threaten San Francisco Bay with biological
weapons."/>
...
</head>
上面紅色的參數名稱，橘色是內容，可以自己變更；每一個參數都是互相獨立的，可以只選幾個或者全部都使用。
og:title - 顯示的標題
og:type - 網頁內容的類別，可用的選項可以在這查詢。
og:image - 顯示的圖片，圖片大小至少要50*50px，長寬比最大為為3:1。
og:url - 要顯示的Url。
og:site_name - 想顯示的網站名稱。
fb:admins 或 fb:app_id - 在這邊填入Facebook UserID或是Application ID後，Facebook會幫你統計Share/Like的分析，可以在 Facebook Insights看到統計的資料。fb:admins與fb:app_id標籤可以同時使用。
og:description - 要顯示的頁面說明。
Facebook Insights的分析資料大概會長的像這樣。
Facebook的範例是使用IMDB的The Rock來做，我就直接拿來說明了。
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
content="A group of U.S. Marines, under command of
a renegade general, take over Alcatraz and
threaten San Francisco Bay with biological
weapons."/>
...
</head>
上面紅色的參數名稱，橘色是內容，可以自己變更；每一個參數都是互相獨立的，可以只選幾個或者全部都使用。
og:title - 顯示的標題
og:type - 網頁內容的類別，可用的選項可以在這查詢。
og:image - 顯示的圖片，圖片大小至少要50*50px，長寬比最大為為3:1。
og:url - 要顯示的Url。
og:site_name - 想顯示的網站名稱。
fb:admins 或 fb:app_id - 在這邊填入Facebook UserID或是Application ID後，Facebook會幫你統計Share/Like的分析，可以在 Facebook Insights看到統計的資料。fb:admins與fb:app_id標籤可以同時使用。
og:description - 要顯示的頁面說明。
Facebook Insights的分析資料大概會長的像這樣。
No comments:
Post a Comment