LIFE/일상

티스토리 사이드바에 페이스북 페이지 플러그인(page plugin) 연동하기-구 라이크박스(like box)

오뮤스매니저 2015. 4. 1. 17:27

티스토리에 페이스북 페이지 플러그인(page plugin)을 달아보자!!



page pluginpage plugin


보유중인 페이스북 페이지를 티스토리 사이드바에 넣어 홍보하고 좋아요를 유도할 수 있습니다. 저는 오투뮤직스토리 페이지를 보유중인데요 예전에는 '라이크박스(Like Box)'를 티스토리에 연동하여 활용하였지만 2015년 6월 23일자로 라이크 박스는 서비스를 종료하고 그 기능이 페이지 플러그인으로 통합되었습니다. 비교적 쉬운 방법으로 페이스북 페이지의 플러그인을 연동 할 수 있으니 본 포스팅을 보며 쉽게 디자인도 깔끔한 페이스북 페이지를 티스토리에 연동해 봅시다. 페이스북의 페이지를 연동하기 위해서는 먼저 페이스북 페이지가 있어야 합니다. 페이스북 페이지가 없으신분들은 아래 롤스토리님의 페이스북 페이지 만들기를 참고하시기 바랍니다.


함께 보면 좋은 글

롤스토리님의 [페이스북]페이스북 페이지 만들기


.



   





2015년 6월 23일자로 라이크박스 종료


저희 오투뮤직스토리 홍보차 블로그에 라이크박스를 적용해보려고 

검색을 해보고 적용시키려 해봤지만...


팁글과 다른 것이 보였으니..


like box stop working종료되는 라이크박스



빨간 느낌표의 문구가 보입니다.

짧은 영어로 대강 해석해보니


"2015년 6월 23일자로 라이크박스 구동이 안된다, 페이지 플러그인으로 갈아타라" 가 핵심인듯합니다.



페이지플러그인(page plugin) 으로 갈아타라고 해서 클릭한 후 진행, get code로 코드를 받아보면



your plugin code



IFRAME 선택창이 없어요!!! 


FRAME출처 : ttp://rollstory.tistory.com/117


이런 선택창이 나와야 하는데요..

IFRAME 선택창이 없어요!!! 


사이드바에 넣어도 적용이 안되구요.


고심하던중에 후루꾸로 먹혀서!!흐흐 적용이 되었습니다.


무작정 따라해봅시다!!


본 포스팅은 롤스토리님의 블로그글 http://rollstory.tistory.com/117 를 참고 했습니다.


그리고 플러그인 연동이전에 페이지가 없으신 분들은 

롤스토리님의 [페이스북]페이스북 페이지 만들기 를 먼저 참고하시면 좋을것 같습니다^^


페이지 플러그인 연동 따라하기


step1. 페이스북 개발자 페이지 접속 (https://developers.facebook.com/docs/plugins?locale=ko_KR) 후  Page plugin(페이지 플러그인) 클릭





step 2.  페이스북 페이지 주소, 넓이(티스토리 사이드바 넓이), 높이를 넣고, 옵션을 정한 후 

   GET Code 클릭






step 3. 복붙!!






3-1  1번을 복사해서 티스토리 관리자 화면 HTML/CSS의 내용에 <body> 아래에 삽입 






3-2  관리자 모드 사이드바 에서 HTML 베너출력 추가 후 편집을 클릭




       2번을 복사해서 HTML소스에 삽입 확인




완료




입니다.

페이지 플러그인 뿐만 아니라 팔로우나 좋아요 버튼 등등

기존에 IFRAME 선택탭이 있던 형식이 전부 페이지 플러그인 형식으로 바뀌어 있는데요

같은 방식으로 적용하시면 적용이 되더라구요


한번 성공에 힘입어 욕심을 내어!! 팔로우 버튼도 삽입해 봤는데!!

성공은 했지만..


페이지는 좋아요 버튼이 곧 팔로우 버튼이라는 말에..지웠습니다.-_-



맺음말


와... 블로그 꾸미기 등에 팁 쓰시는 분들 대단하시네요.. 진짜 너무 힘들어요 이런 포스팅..ㅠ

오늘 다시한번 좋은 팁글을 써주시는 많은 분들께 감사의 마음을 갖게 되네요!!

감사합니다.(__)

 

반응형