티스토리 블로그 페이스북 플러그인 설치하는 방법입니다.


티스토리 블로그에 페이스북 댓글 작성하는 플러인을 설치하는 방법입니다.


https://developers.facebook.com/docs/plugins/page-plugin  이 주소로 입장을 합니다.



첫 화면입니다. 페이지 플러그인으로 들어 갑니다.



다른 곳은 그냥 두고 페이스북 본인 주소를 넣습니다. 그리고 코드받기를 클릭합니다.



코드를 메모장에 보관하고 빠져나옵니다. 티스토리 본인 스킨 HTML편집으로 들어갑니다.

위의 1번 코드는 인증코드라고 생각하시면 될 것 같습니다. 2번 코드는 출력될 위치에 놓습니다.






1번 코드는  상단 <html> 위에 넣어도 됩니다. 그러니까 페이지 안에만 들어가면 되는데요

2번 코드는 출력하고 싶은 위치에 넣어야 됩니다.



이 위치를 아시죠. 제목 바로 밑으로 넣어보았습니다. 테스트 겸해서 보겠습니다.

중요한 게 하나있습니다. 페이스북에서 제공한 소스중에 추가를 해야하는 것이 있습니다.

본인 페이스북 주소 뒤에 [##_article_rep_link_##] 붙여넣습니다. 빈칸이 없게 넣어야 합니다.



안 나옵니다. 왜 안나올까요. 몇 번을 코드를 고치고 해도 안되더라고요.

결론은 페이스북에서 발행한 코드를 일부 바꾸니까 나옵니다.





<div class="fb-page" 에서 <div class="fb-comments"로 바꾸니까 나타납니다.

왜 바꾸어야만 하는지는 모르겠습니다만,





게시판 제목 밑으로 페이스북 댓글을 작성할 수 있게 되었습니다.


또 다른 포스트에서 댓글을 올려봅니다.



페이스북에서도 확인을 해봅니다. 페이스북에도 나타납니다.

사실 어느 용도로 사용해야 할지는 모르겠습니다. 전 게시글을 페이스북에 올리지를 않으니까요.

블로그 글을 페이스북에 올리면 댓글도 해당 게시글 밑으로 들어갈까요.



이 화면은 위에서 말씀드린 [##_article_rep_link_##] 코드를 역할을 보여드리는 것입니다.

게시글마다 달린 댓글이 하나의 포스트에서 내용과 관계없는 모두 볼 수 있게 되죠.

이렇게 된다면 방문객이 불편할 것은 사실입니다.


또 해결해야할 문제가 있는데요. 플러그인 크기가 게시판 크기와 다릅니다.

처음 페이스북 개발 사이트에 들어가면 코드받기 아래에 HTML 속성을 보여주는데

플러그인 최대 넓이가 500입니다. 본문 넓이와 차이가 나기 때문에 불조화를 이루게 됩니다.

맞추기 위해서는 연구해야겠습니다.




이 소스를 활용해 보세요.

관련 글입니다.  소스입력 방법입니다 .이 방법은 < > 를 그냥 입력해도 됩니다.


댓글(0)

Designed by JB FACTORY

티스토리 툴바