스크립트 혹은 iframe 으로 간단하게 페이스북과 내 사이트를 연동하는 방법을 설명하고 예제를 확인합니다.
Like button
<div class="fb-like" data-href="http://opentutorials.org" data-send="true" data-width="450" data-show-faces="true"></div>
Namespace
xmlns:fb="http://www.facebook.com/2008/fbml"
Metadata
- <meta property="[type]" content="[content]" />
- og:title
- og:type
- og:url
- og:image
- og:site_name
- fb:admins
- og:description
Code snippet
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
<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>
...
</html>
External Links
- http://developers.facebook.com/docs/plugins/ : Social Plugins
- http://developers.facebook.com/docs/opengraph/#types : open Graph type 목록
