shop-wiz logo
Follow Us on Facebook Follow Us on Google+ Follow Us on Twitter Follow Us on LinkedIn
facebook like 버튼 달기
[설명]

웹에서의 like 버튼 달기는 쉬운 방법이다.
like 버튼은 단순하게 현재 페이지에 "좋아요" 기능을 추가하는 것으로서 iframe으로 구성되어 있습니다. 다른 특수한 기능 없이 iframe으로 현재 url만 전달하면 된다.
참조 : http://developers.facebook.com/docs/guides/web
또한 Social plugins 을 이용하면 쉽게 소스 코드를 가져올수 있습니다.
참조 : http://developers.facebook.com/plugins

관련 다양한 옵션은 http://developers.facebook.com/docs/reference/plugins/like 을 참조하시기 바랍니다.
xfbml에서 언어옵션을 변경하시려면 http://forum.developers.facebook.net/viewtopic.php?pid=221601파트중 Changing the Language 파트를 참조하시면 됩니다.
Korean
ko_KR

	
현재 url
1) 일반적인예 : "http://www.shop-wiz.com/document/facebook/lecture_like"
2) php를 사용할경우 : http://'.$_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]
3) 자바스크립트를 사용할 경우 location.href or window.location
등을 사용하여 적절하게 구현합니다.

저는 전체 페이지에 이것을 주기 위해 아래와 같이 jquery를 사용하여 구현해 보았습니다.
	var facebook_like_frame = '';
	$("#Layer_Main_Contents").prepend(facebook_like_frame);
	$("#facebook_like_frame_src").attr("src", "http://www.facebook.com/widgets/like.php?href="+window.location);



아래는 XFBML 코드를 이용한 것이다. iframe 보다는 좀더 호환성에서 좋은 것으로 아래것을 이용하시기를 바랍니다.



아래는 Open Graph Tags 와 XFBML 을 혼용하여 만든 실제 예입니다.
숍위즈[www.shop-wiz.com] - 오픈소스의 시작








<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>
<script src="http://connect.facebook.net/ko_KR/all.js#xfbml=1"></script>

XFBML을 이용한 결과
<script language="javascript" type="text/javascript">


</script>

상기를 처리하는 아래와 같은 에러 메시지를 만난다면 insights 를 참조하여 처리하여 주시기 바랍니다.
Error msg :
You failed to provide a valid list of administators. You need to supply the administors using either a “fb:app_id” meta tag, or using a “fb:admins” meta tag to specify a comma-delimited list of Facebook users.
회원님은 유효한 관리자 명단을 제출하지 않았습니다. 회원님은 마침표가 포함된 Facebook 사용자 명단을 명시하기 위해 "fb:app_id" 메타 태그 또는 "fb:admins" 메타 태그를 사용하여 관리자에게 전달해야 합니다.
http://www.facebook.com/insights/


insights 페이지와 연동을 하는 단계입니다. 이렇게 함으로서 페이지 정보를 별도로 관리할 수 있습니다.



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