https://developers.facebook.com/docs/reference/plugins/comments/
https://developers.facebook.com/docs/reference/plugins/like/
URL 가보면 별로 설명할게 없다-_-;
원하는 정보 적고 Get Code 하면 스크립트와 태그가 나온다.
나온 것을 붙여넣으면 끝.
- 공통 -
<div id="fb-root"></div> <!-- 페이스북 뒷작업(?) 하는 숨은 태그 대충 /body 위쯤에 넣어주자 -->
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ko_KR/all.js#xfbml=1"; // ko_KR 이어야 한국어로 나옴. en_US, ja_JP ...
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
- Comments -
<div class="fb-comments" data-href="http://여기를 게시물 주소로 하면 게시물 별 게시판이 된다." data-num-posts="5" data-width="745"></div>
- Like -
<div class="fb-like" data-href="http://여기의 주소는 좋아요 버튼이 달린 주소일 필요가 없다. 즉 게시판 리스트에 좋아요 버튼을 각각 달아놓을 수가 있다는 것이다." data-send="false" data-width="450" data-show-faces="true"></div>
Step 2 의 Open Graph meta 태그만 각 게시물에서 제대로 나오게 해 준다면,
좋아요를 클릭하는 순간 페이스북에 썸네일과 설명이 달린 채 게시될 것이다.
[[og 의 Admin 은 없어도 된다.]]
License : Facebook.
댓글 4개
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 4930 | 13년 전 | 668 | ||
| 4929 | 13년 전 | 2025 | ||
| 4928 | 13년 전 | 638 | ||
| 4927 |
 캐네스제롬 |
13년 전 | 794 | |
| 4926 | 13년 전 | 1118 | ||
| 4925 |
techer
|
13년 전 | 1279 | |
| 4924 |
techer
|
13년 전 | 2891 | |
| 4923 |
techer
|
13년 전 | 3109 | |
| 4922 | 13년 전 | 604 | ||
| 4921 | 13년 전 | 1104 | ||
| 4920 |
StyleRoot
|
13년 전 | 585 | |
| 4919 | 13년 전 | 1164 | ||
| 4918 |
onlymilk74
|
13년 전 | 944 | |
| 4917 |
하나데이타
|
13년 전 | 831 | |
| 4916 |
하나데이타
|
13년 전 | 1158 | |
| 4915 | 13년 전 | 433 | ||
| 4914 | 13년 전 | 1831 | ||
| 4913 | 13년 전 | 1566 | ||
| 4912 | 13년 전 | 1299 | ||
| 4911 | 13년 전 | 747 | ||
| 4910 | 13년 전 | 1221 | ||
| 4909 |
성민꼬르꼬
|
13년 전 | 1450 | |
| 4908 | 13년 전 | 1044 | ||
| 4907 | 13년 전 | 2231 | ||
| 4906 | 13년 전 | 891 | ||
| 4905 |
kinyenug1
|
13년 전 | 610 | |
| 4904 |
kinyenug1
|
13년 전 | 786 | |
| 4903 | 13년 전 | 3593 | ||
| 4902 | 13년 전 | 2468 | ||
| 4901 | 13년 전 | 1025 | ||
| 4900 | 13년 전 | 1195 | ||
| 4899 | 13년 전 | 2594 | ||
| 4898 | 13년 전 | 1589 | ||
| 4897 |
다케미카코
|
13년 전 | 756 | |
| 4896 |
안뇽하어영
|
13년 전 | 816 | |
| 4895 |
baek83
|
13년 전 | 2212 | |
| 4894 | 13년 전 | 697 | ||
| 4893 | 13년 전 | 945 | ||
| 4892 | 13년 전 | 444 | ||
| 4891 | 13년 전 | 597 | ||
| 4890 | 13년 전 | 1341 | ||
| 4889 |
Black
|
13년 전 | 2883 | |
| 4888 |
techer
|
13년 전 | 639 | |
| 4887 |
techer
|
13년 전 | 906 | |
| 4886 |
visualp
|
13년 전 | 1300 | |
| 4885 | 13년 전 | 701 | ||
| 4884 |
너는나의봄이다
|
13년 전 | 2320 | |
| 4883 | 13년 전 | 923 | ||
| 4882 | 13년 전 | 1602 | ||
| 4881 | 13년 전 | 1847 | ||
| 4880 | 13년 전 | 1654 | ||
| 4879 | 13년 전 | 966 | ||
| 4878 |
 iwebstory |
13년 전 | 1265 | |
| 4877 | 13년 전 | 770 | ||
| 4876 |
꿈을꾸는너구리
|
13년 전 | 633 | |
| 4875 |
성민꼬르꼬
|
13년 전 | 1290 | |
| 4874 | 13년 전 | 979 | ||
| 4873 | 13년 전 | 832 | ||
| 4872 | 13년 전 | 755 | ||
| 4871 | 13년 전 | 916 | ||
| 4870 | 13년 전 | 706 | ||
| 4869 | 13년 전 | 1226 | ||
| 4868 | 13년 전 | 933 | ||
| 4867 | 13년 전 | 629 | ||
| 4866 | 13년 전 | 1239 | ||
| 4865 | 13년 전 | 876 | ||
| 4864 |
기획자정군
|
13년 전 | 1614 | |
| 4863 |
꼬꼬아부지
|
13년 전 | 1040 | |
| 4862 | 13년 전 | 3510 | ||
| 4861 |
 와우맨OLD |
13년 전 | 1572 | |
| 4860 |
 cshop |
13년 전 | 2167 | |
| 4859 | 13년 전 | 790 | ||
| 4858 | 13년 전 | 442 | ||
| 4857 | 13년 전 | 1119 | ||
| 4856 |
크라운엠버서더
|
13년 전 | 1920 | |
| 4855 | 13년 전 | 831 | ||
| 4854 | 13년 전 | 2045 | ||
| 4853 | 13년 전 | 743 | ||
| 4852 | 13년 전 | 1092 | ||
| 4851 |
꼬꼬아부지
|
13년 전 | 1800 | |
| 4850 | 13년 전 | 1113 | ||
| 4849 |
 아지야학교가자 |
13년 전 | 779 | |
| 4848 | 13년 전 | 1474 | ||
| 4847 |
 똥싼너구리 |
13년 전 | 3791 | |
| 4846 | 13년 전 | 518 | ||
| 4845 | 13년 전 | 581 | ||
| 4844 | 13년 전 | 767 | ||
| 4843 | 13년 전 | 3914 | ||
| 4842 | 13년 전 | 1256 | ||
| 4841 | 13년 전 | 1428 | ||
| 4840 | 13년 전 | 1437 | ||
| 4839 | 13년 전 | 744 | ||
| 4838 | 13년 전 | 620 | ||
| 4837 | 13년 전 | 766 | ||
| 4836 |
TIAMO
|
13년 전 | 1579 | |
| 4835 | 13년 전 | 948 | ||
| 4834 | 13년 전 | 1283 | ||
| 4833 | 13년 전 | 2481 | ||
| 4832 |
cshop |
13년 전 | 945 | |
| 4831 | 13년 전 | 1259 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기