블로그· 페이스북 이야기페이스북 페이지탭 추가와 페이스북 댓글창 달기페이스북 페이지탭 추가와 페이스북 댓글창 달기
Posted at 2011/06/03 07:30 | Posted in 소셜미디어 이야기/페이스북 이야기페이스북 페이지탭 추가와 페이스북 댓글창 달기/ 블로그에 페이스북댓글창 달기
| 페이스북 탭 추가 하기 |
아이프레임을 이용하여 모든 웹사이트의 내용들을 페이스북에 구현이 가능해졌습니다.
아이프레임 앱을 만들어 탭을 추가하는 방법을 아래 글을 참고하시길 바랍니다.
*참고: Facebook Fan Page에 iFrame Application을 넣어보자
별도의 서버 없이 사용할 수 있는 무료 앱 몇 개를 추천해드립니다.
◇ 'StaticHTML' 앱
◆ '탭프레스'앱
◇ 'My tab' 앱
◆ ' iFrameWrapper: best FBML alternative' 앱
이 외에도 앱 검색을 해보면 많이 있습니다.
일단, 앱페이지에 가셔서 프로필 사진 아래에 있는 "내 페이지에 추가"를 눌러, 페이지를 지정해서 사용하시면 됩니다.
HTML 를 비롯한 웹언어들이 다 적용되기 때문에 쉽게 이용할 수 있습니다.
| 페이스북 탭추가와 댓글창 달기 (탭프레스 앱 활용) |
'정적fbml'탭에서는 댓글에 댓글을 달 수가 없었고 , 신(新)버전앱을 썼을 경우에만 '프로필에 함께 게시'가 되는 단점이 있었습니다.
그러나 페이스북 댓글이 업그레이드 되면서, '프로필에 함께 게시'는 물론이고 개인 또는 페이지이름으로도 게시가 가능하며, 무엇보다 댓글에 댓글을 달 수가 있게 되었습니다.
이제 페이스북 댓글창에 댓글을 달면 블로그 글이 페이스북에 소개되는 것까지 발전하여,
소셜댓글창을 달던 블로그들도 하나 둘씩 페이스북댓글창을 바꿔 다는 추세입니다.
그럼, 탭프레스앱을 이용하여 '아이프레임탭에 페이스북 댓글창'을 달아보겠습니다.
Non - Fan 란에, 팬에게만 보일 내용은 아래의 Fan 란에 코드를 적어넣으면 됩니다.
아래 내용은, 어제 저희 블로그 댓글에 남긴 질문 내용입니다.
안녕하세요~ 많은 도움이 되었습니다.이 질문 때문에 이 글을 쓰게 되었는데요.
다름이 아니라 페이지를 운영하고 있는데 댓글창에 팬들만 쓸 수 있게하려면 어떻게 해야하나요? 답변 꼭 부탁드립니다 ^^
간단하게 답변하자면, 팬이 보는 란에만 댓글창을 달면 됩니다.
소셜플러그인 중 코멘트를 찾아갑니다. 바로 여기입니다.
URL 적는 란에 페이스북페이지 주소를 적습니다. 탭이 여러 개일 경우에는 탭 주소를 적는 게 좋겠지요.([페이지관리] > [앱] 에 가면 탭 링크 주소가 있습니다.)
| * 참고: 블로그에 페이스북 댓글창을 달 경우
주소란에 블로그 주소를 적고나머지 칸도 알맞게 적어넣은 후 <Get Code>를 누르면 코드가 나옵니다. 단, en_US 를 ko_KR 로 고쳐주어야 한글로 나옵니다. 그리고 블로그 주소 다음에 <##_article_rep_link_##>를 넣어야 개별 게시물마다 고유 댓글이 달립니다. 예를 들면 "http://inmaeg.tistory.com/<##_article_rep_link_##>" |
이제 끝났습니다. 많이 어렵지는 않지요? 페이스북댓글 다는 과정이 간단해져서 좋습니다.그럼 이렇게 해서 만든 페이스북 댓글창, 구경 한번 가볼까요?
여기를 살짝 눌러주시면 이동됩니다.
구경하셨나요? 대단한 호미농장이지요~
참, 한 가지가 빠졌습니다.
먼저, ［페이지관리］에서 ［앱］으로 들어간 다음, 그 해당 앱(탭프레스)의 ［설정관리］에 들어갑니다.
적당한 탭이름을 정해서 적어주고 ［저장］과［확인］을 눌러주어야 합니다. 따로 설정해주지 않으면 원래 정해진 이름(Welcome)이 나가게 됩니다.
진짜 끝났습니다 ^^
'소셜미디어 이야기 > 페이스북 이야기' 카테고리의 다른 글
| <뉴미디어가 세상을 바꾼다> 문용식 대표 강의 요지 (0) | 2011/06/09 |
|---|---|
| 페이스북 사진 올리기 (7) | 2011/06/06 |
| 페이스북 페이지탭 추가와 페이스북 댓글창 달기 (37) | 2011/06/03 |
| 페이스북 "정적FBML 탭"에 댓글창(comment box) 달기 (13) | 2010/12/26 |
| 페이스북에서 개인 정보 설정하기 (0) | 2010/11/27 |
| 페이스북 페이지 탭에 이미지 올리기, 이미지에 링크 걸기 (11) | 2010/10/18 |
|
| Follow @kimnjinsk |
http://www.facebook.com/fbnmedia?v1 ,
http://www.facebook.com/fbnmedia?v2 이렇게 말이지요. 페이지관리/'앱'에 가면 각 탭마다 링크주소가 있습니다. 그 주소를 적어주는 것도 확실한 방법이기도 합니다
이 탭에서 가로, 세로 스크롤바를 없앨 수는 없는건가요?ㅠㅠ
저에 대한 댓글만 보이가 다른 사람의 댓글이 보이지가 않습니다
왜 이런현상이 일어나는지 알수 있을까요?
페이스북 개발자 사이트에서 get code를 그대로 가져왔는데
벌써 일주일째 해결을 못하고 있네요 ㅠㅠ
포스팅이 정말 보기 좋게 정리가 잘 되어있어서 덕분에 잘 보고갑니다^0^
한가지 궁금한점이 있는데요,
페이스북 메뉴중에서 '호미농장 소개'는 어떤 앱을 사용하여서 만든건지 궁금합니다!
꼭! 답변해주세요! 부탁드립니다!!
대신 본문에서 소개한 'StaticHTML' 앱을 써도 충분합니다.
바닐라비 페이지 운영중인데 , 며칠전부터 tap에 에러코드가 계속 뜨네요.
Bad Parameter / There was an error understanding the request.
이렇게 뜨고, 페이스북 고객센터, 대한민국 모두 답 없구요.
포스팅보고 모든 앱을 추가해서 다 코드 따서 넣어봤는데
...댓글창은 만들어지는데 댓글을 달면 에러라고 뜨면서 달아지지 않아요.
아무것도 손대지 않았는데 갑자기 이런 에러가 떠서 너무 답답하네요.. 좀 도와주세요 ㅠㅠ
문제가 되고 있는 앱은 https://www.facebook.com/banilab#!/banilab?sk=app_7146470109 입니다..
지금 알려주신대로 statichtml 앱을 사용하여 새로 댓글을 받는 이벤트를 하고 있구요.
이제까지 받은 댓글을 보고 싶거든요..
페이스북쪽에서는 우선 지금 사용하고 계시는 댓글 상자는 오래전에 사용이 중지된 legacy fbml입니다.
개발자분께 우선 문의 부탁 드립니다.
http://developers.facebook.com/docs/reference/fbml/comments_(XFBML)/
이라고 하는데.. 어렵네요 ㅠ
전체적으로 페이스북이 업테이트 중이라 버그가 많으니 며칠 더 지켜보는 수밖에 없네요.
이전 댓글은 현재 에러창에 '확인'을 눌러주면 이전 댓글이 보이기는 합니다. 더 달리지는 않네요.
현재로선, 댓글창을 떼든지, 다른 앱을 사용해서 댓글을 달든지 해야겠네요. 다른 방법을 찾게 되면 댓글 달도겠습니다.
그나마 전체적으로 이런 상황이라 조금 위로가 ㅠㅠ
근데 확인 누르면 제일 마지막 페이지 댓글만 보이거든요.
그 앞 페이지 댓글이 보고 싶은데..
그 방법 알게 되시면 좀 알려주세요.
페이스북에 문의/신고 넣기는 했는데 과연 답해줄지 모르겠네요..
근데 지금 페이스북이 업데이트 중인 상황인가요?
제발 정상화 되면 좋겠어요..
감사합니다 ㅠㅠ
페이지 첫화면에 링크를 걸려고 하는데요.
링크걸 화면이 이벤트달력안에 들어가 있는 이벤트에요.
진행하는 이벤트 페이지 상세페이지를 새창에 띄우는형식이 아닌 페이지안에서 화면전환이
안될까요?(레이아웃이 달라서 화면전환으로는 힘든가요;;;
http://www.facebook.com/apps/application.php?id=207405752621212
1. 위에 get code를 눌러 나오는 코드 html5 1,2번을 복사해서 위에 <>-->[] 변경까지하여 팬이됐을때 나오는 창에 코드를 넣어 댓글창이 생성이 되었습니다<탭프레스 사용>.. 제 개인계정에서 페이지로 가서 가 테스트를 하니 댓글의 댓글까지 잘 나왔습니다.. 제 개인페이스 북에도 잘 나오더라구요..그런데 제 담벼락에 올라온 페이지를 클릭하니 온통 요청하지 않은 페이지 입니다 라고 뜹니다..제가 어떤걸 잘못 넣은것일까요?
이렇게 글을 남깁니다..마지막 구원자 입니다..ㅜㅜ
페이스북 페이지 이벤트를 진행 하는데요..스마트폰에서는 어느쪽을 통해 이벤트를 참여해야할지
찾기가 힘들어서요..혹시 이벤트 같은것은 스마트폰에서 기능이 제한되어있나요?..
별도로 작업을 해야하는건지.....제가 개발자가 아니어서..속시원한 답변 부탁드립니다..(제발)
능력자십니다..!!
궁금한게 하나 있어서 질문 드리는데요~ 페이지에 들어가면 좋아요를 클릭해야
그 페이지가 활성화되는 곳이 많이 있더라구요. 이건 어떻게 설정하는건가요?
답변주심 정말 감사하겠습니다 ㅠㅠ
그런데 질문이 있습니다. 저는 Iframe Wrapper(http://www.facebook.com/iFrameWrapper)라는 탭을 만들고, 또 글에서 소개해주신대로 댓글창을 달았는데요. 'URL to comment on' 항목에 어떤 주소를 입력해야 하는지요. 페이지 주소를 입력했더니, 예전에 다른 탭을 사용했을 당시 달렸던 댓글까지 같이 나오는 데다가 댓글을 입력한 게 확인이 되질 않더라구요. 그래서 생성한 Iframe Wrapper의 링크를 주소로 입력하니, 이번엔 댓글창이 깔끔하게 생겼지만 또 다른 문제가 발생했습니다. 댓글을 달면 저만 확인을 할 수 있더라구요. 제가 분명 댓글을 달 수는 있는데 다른 컴퓨터에서는 그 댓글이 뜨지 않고, 시험삼아 다른 컴퓨터에서도 댓글을 다니 그 쪽 컴퓨터에선 댓글이 보이지만 제 컴퓨터에선 또 댓글이 보이지 않네요. 아무래도 'URL to comment on' 항목에서의 주소 입력 문제 같은데, 혹시나하는 마음에 실례를 무릅쓰고 이렇게 질문을 하게 되었습니다. 그럼 답변 기다리겠습니다. 감사합니다^^
댓글창달기를 했는데.. 제가 다른 아이디로 로그인해서 댓글을 달아보니 분명 내꺼가 보이는데, 다시 관리자 아이디로 들어가면 썼던게 보이질 않아요...ㅠ_ㅠ 이벤트 시작했는데.. 넘 넘 큰일이예요 ㅠㅠ 소스도 다 get code 사용해서 만들었는데...ㅠㅠ
해당 탭에 댓글창 어찌 다나요??
아직 좋아요 25명이 안돼서 고유 주소는 없는 상태입니다.
도와주세요~~