테스트 사이트 - 개발 중인 베타 버전입니다

페이스북 댓글창 좋아요 달기

· 12년 전 · 1553 · 3

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.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

좋네요..감사해요~
굿이요~
좋은 정보네요.

게시글 목록

번호 제목
19384
27584
6013
6004
27572
5997
5992
5981
5964
5952
5948
5941
5937
5934
5931
19383
5926
5923
5913
24558
5912
30895
27563
5907
5903
5900
27556
5898
24555
5894
5893
5890
5884
27537
5881
5878
30888
30884
5876
5874
27524
27514
19379
19377
27509
5869
5866
27505
5865
5860
5857
27503
27481
27462
5856
19511
27458
24547
19374
19373
19371
27453
19370
27449
27441
19366
24544
19365
19361
19360
19358
19356
19354
19351
19348
19346
19339
19334
5849
27439
5846
27434
27429
19331
19329
19328
5841
5840
19326
5834
5831
5826
19324
5821
32040
27426
19320
5816
32030
5815