shop-wiz logo
Follow Us on Facebook Follow Us on Google+ Follow Us on Twitter Follow Us on LinkedIn

Open Graph protocol



share가 웹페이지의 전체를 읽어서 title 부분및 내용 이미지들을 가져오는 것에 반해 open graph는 보낼때 특정한 모습을 미리 만들어서 포장하여 보낸다는 것이 다르다. 참조 : http://developers.facebook.com/docs/opengraph


오픈 그래프 프로토콜에 대한 규약은 http://opengraphprotocol.org/을 보시면 더욱 쉽게 이해하실 수 있습니다.

웹페이지에 graph objects 를 적용하기 위해서는 Open Graph protocol <meta> 태그 및 Like button을 추가하여야 한다.


아래는 iframe 사용없이 XFBML을 사용할 경우 나타내는 문법이다.
쉽기는 iframe을 사용하는 것이 쉽지만 좀더 호환성있고 깔끔한 표현을 위해서 아래와 같이 처리한다.

##헤더
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">

<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://www.shop-wiz.com/facebook_connect/app_opengraph.php/"/>
<meta property="og:image" content="http://www.shop-wiz.com/images/logo.gif"/>
<meta property="og:site_name" content="숍위즈"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description" content="숍위즈에서 알려드리는 테스팅"/>

본문 맨 마지막

<script>
window.fbAsyncInit = function() {
FB.init({appId: '101327729933366', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/ko_KR/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>

http://orangecountycustomwebsitedesign.com/use-xfbml-tags-instead-of-iframes-with-new-facebook-like-buttons/
http://github.com/facebook/connect-js/wiki/custom-channel-url


Powered by shop-wiz since 2002, e-mail:wangta69@naver.com