티스토리 툴바

페이스북 페이지탭 추가와 페이스북 댓글창 달기페이스북 페이지탭 추가와 페이스북 댓글창 달기

Posted at 2011/06/03 07:30 | Posted in 소셜미디어 이야기/페이스북 이야기
페이스북 페이지탭 추가와 페이스북 댓글창 달기/ 블로그페이스북댓글창 달기

  페이스북 탭 추가 하기  

아이프레임을 이용하여 모든 웹사이트의 내용들을 페이스북에 구현이 가능해졌습니다.
아이프레임 앱을 만들어 탭을 추가하는 방법을 아래 글을 참고하시길 바랍니다.
*참고: Facebook Fan Page에 iFrame Application을 넣어보자

별도의 서버 없이 사용할 수 있는 무료 앱 몇 개를 추천해드립니다.

◇  'StaticHTML'  
◆  '탭프레스'앱 
  'My tab'  앱
' iFrameWrapper: best FBML alternative' 앱

 
이 외에도 앱 검색을 해보면 많이 있습니다. 
 일단, 앱페이지에 가셔서 프로필 사진 아래에 있는 "내 페이지에 추가"를 눌러,  페이지를  지정해서 사용하시면 됩니다.
HTML 를 비롯한 웹언어들이 다 적용되기 때문에 쉽게 이용할 수 있습니다.

  페이스북 탭추가와 댓글창 달기
 (탭프레스 앱 활용)
 

'정적fbml'탭에서는  댓글에 댓글을 달 수가 없었고 , 신(新)버전앱을 썼을 경우에만  '프로필에 함께 게시'가 되는 단점이 있었습니다.
그러나 페이스북 댓글이 업그레이드 되면서, 
'프로필에 함께 게시' 물론이고 개인 또는 페이지이름으로도 게시가 가능하며, 무엇보다
댓글에 댓글달 수가 있게 되었습니다.
이제 페이스북 댓글창에 댓글을 달면 블로그 글이 페이스북에 소개되는 것까지 발전하여, 
소셜댓글창을 달던 블로그들도 하나 둘씩 페이스북댓글창을 바꿔 다는 추세입니다. 

그럼, 탭프레스앱을 이용하여  '아이프레임탭에 페이스북 댓글창'을 달아보겠습니다.

1) 위의 추천 앱 페이지에 가서 "내 페이지에 추가"를 합니다.
 그 페이지에 가서 탭프레스(welcome) 탭을 클릭하면 아래와 같이 뜹니다.

2) 편집창에 본문 코드를 적어넣은 후 저장합니다.
위 화면은 관리자에게만 뜹니다. 팬이 아닌 사람에게 보일 내용은 위의
Non - Fan 란에, 팬에게만 보일 내용은  아래의 Fan 란에 코드를 적어넣으면 됩니다.

아래 내용은, 어제 저희 블로그 댓글에 남긴 질문 내용입니다. 
안녕하세요~ 많은 도움이 되었습니다.
다름이 아니라 페이지를 운영하고 있는데 댓글창에 팬들만 쓸 수 있게하려면 어떻게 해야하나요? 답변 꼭 부탁드립니다 ^^
이 질문 때문에 이 글을 쓰게 되었는데요.
간단하게 답변하자면, 팬이 보는 란에만 댓글창을 달면 됩니다.

3) 개발자 사이트에 가서 페이스북 댓글창 코드를 얻습니다.

소셜플러그인 중 코멘트를 찾아갑니다. 바로 여기입니다. 

URL 적는 란에 페이스북페이지 주소를 적습니다. 탭이 여러 개일 경우에는 탭 주소를 적는 게 좋겠지요.([페이지관리] > [앱] 에 가면 탭 링크 주소가 있습니다.)  

 * 참고: 블로그페이스북 댓글창을 달 경우

주소란에 블로그 주소를 적고나머지 칸도 알맞게 적어넣은 후 <Get  Code>를 누르면 코드가 나옵니다. 단, en_US 를  ko_KR 로 고쳐주어야 한글로 나옵니다 그리고 블로그 주소 다음에 <##_article_rep_link_##>를 넣어야 개별 게시물마다 고유 댓글이 달립니다. 

예를 들면 "http://inmaeg.tistory.com/<##_article_rep_link_##>" 
이렇게 해주면 될 것입니다.
단, <##_article_rep_link_##>" 에서< > 를 [ ]로 바꿔줘야 합니다.
 

이제 끝났습니다. 많이 어렵지는 않지요? 페이스북댓글 다는 과정이 간단해져서 좋습니다.그럼 이렇게 해서 만든 페이스북 댓글창, 구경 한번 가볼까요?

여기를 살짝 눌러주시면 이동됩니다.

구경하셨나요? 대단한 호미농장이지요~
참, 한 가지가 빠졌습니다.

4) 페이스북 페이지 탭 이름 정하기

먼저, [페이지관리]에서 [앱]으로 들어간 다음,  그 해당 앱(탭프레스)의 설정관리]에 들어갑니다.



적당한 탭이름을 정해서 적어주고 [저장]과[확인]을 눌러주어야 합니다. 따로 설정해주지 않으면 원래 정해진 이름(Welcome)이 나가게 됩니다.
진짜 끝났습니다 ^^






  1. 한상용
    한페이지에 댓글창을 여러개 달을 경우에는 댓글만들때 페이지 주소를 어떻게 해주면되나요? 페이지 주소를 한개를 계속써서 만드니 모두 중복이 되어 나오네요.
    • 2011/06/17 10:39 [Edit/Del]
      페이지 주소 뒤에 ? 하고 임의로 이름을 정해주면 될 듯합니다.예를 들어 N미디어 페이지 주소가http://www.facebook.com/fbnmedia 인 경우
      http://www.facebook.com/fbnmedia?v1 ,
      http://www.facebook.com/fbnmedia?v2 이렇게 말이지요. 페이지관리/'앱'에 가면 각 탭마다 링크주소가 있습니다. 그 주소를 적어주는 것도 확실한 방법이기도 합니다
  2. 볼매
    운영자님! 그럼 도대체 페이스북 페이지탭에서 공유하기 버튼은 어떻게 만드는겁니까 ㅠㅠㅠㅠ 여러 사이트를 다니며 공유하기 버튼 소스를 얻었으나 페이지탭에 올린 이미지 공유는 되지 않고 전혀 상관없는 링크공유만 되네요 ㅠㅠㅠㅠㅠㅠ 제발 이에 관한 글도 올려주세요!! 흑
  3. 페북지기
    정말 강같은 자료입니다... 제가 지금 tap press 앱을 쓰고 있는데요
    이 탭에서 가로, 세로 스크롤바를 없앨 수는 없는건가요?ㅠㅠ
  4. 페북초보
    제가 페이스북 페이지를 만들고 있는 중인데 댓글 넣기를 하니

    저에 대한 댓글만 보이가 다른 사람의 댓글이 보이지가 않습니다

    왜 이런현상이 일어나는지 알수 있을까요?

    페이스북 개발자 사이트에서 get code를 그대로 가져왔는데

    벌써 일주일째 해결을 못하고 있네요 ㅠㅠ
  5. 꾸르릉
    안녕하세요^^
    포스팅이 정말 보기 좋게 정리가 잘 되어있어서 덕분에 잘 보고갑니다^0^
    한가지 궁금한점이 있는데요,
    페이스북 메뉴중에서 '호미농장 소개'는 어떤 앱을 사용하여서 만든건지 궁금합니다!
    꼭! 답변해주세요! 부탁드립니다!!
    • 2011/08/02 00:46 [Edit/Del]
      감사합니다. 그 탭은 '정적FBML'앱으로 만든 건데요. 3월말부터 새로 추가가 안되고 있습니다.
      대신 본문에서 소개한 'StaticHTML' 앱을 써도 충분합니다.
  6. bb
    혹시 답변 바로 가능하시다면 바로 부탁드릴게요.
    바닐라비 페이지 운영중인데 , 며칠전부터 tap에 에러코드가 계속 뜨네요.
    Bad Parameter / There was an error understanding the request.
    이렇게 뜨고, 페이스북 고객센터, 대한민국 모두 답 없구요.
    포스팅보고 모든 앱을 추가해서 다 코드 따서 넣어봤는데
    ...댓글창은 만들어지는데 댓글을 달면 에러라고 뜨면서 달아지지 않아요.
    아무것도 손대지 않았는데 갑자기 이런 에러가 떠서 너무 답답하네요.. 좀 도와주세요 ㅠㅠ
    문제가 되고 있는 앱은 https://www.facebook.com/b​anilab#!/banilab?sk=app_71​46470109 입니다..
    지금 알려주신대로 statichtml 앱을 사용하여 새로 댓글을 받는 이벤트를 하고 있구요.
    이제까지 받은 댓글을 보고 싶거든요..
    페이스북쪽에서는 우선 지금 사용하고 계시는 댓글 상자는 오래전에 사용이 중지된 legacy fbml입니다.
    개발자분께 우선 문의 부탁 드립니다.
    http://developers.facebook​.com/docs/reference/fbml/c​omments_(XFBML)/
    이라고 하는데.. 어렵네요 ㅠ
    • 2011/08/02 15:26 [Edit/Del]
      7월 28일 경부터 그런 현상이 일제히 나타나네요. 저희 페이지에도 같은 증상이라 댓글창을 떼어놓고 있습니다.
      전체적으로 페이스북이 업테이트 중이라 버그가 많으니 며칠 더 지켜보는 수밖에 없네요.
      이전 댓글은 현재 에러창에 '확인'을 눌러주면 이전 댓글이 보이기는 합니다. 더 달리지는 않네요.
      현재로선, 댓글창을 떼든지, 다른 앱을 사용해서 댓글을 달든지 해야겠네요. 다른 방법을 찾게 되면 댓글 달도겠습니다.
    • bb
      2011/08/02 17:13 [Edit/Del]
      감사합니다.
      그나마 전체적으로 이런 상황이라 조금 위로가 ㅠㅠ
      근데 확인 누르면 제일 마지막 페이지 댓글만 보이거든요.
      그 앞 페이지 댓글이 보고 싶은데..
      그 방법 알게 되시면 좀 알려주세요.
      페이스북에 문의/신고 넣기는 했는데 과연 답해줄지 모르겠네요..
      근데 지금 페이스북이 업데이트 중인 상황인가요?
      제발 정상화 되면 좋겠어요..
      감사합니다 ㅠㅠ
    • 2011/08/02 18:10 [Edit/Del]
      네 그렇군요. 마지박 페이지만 보이는군요. 좀 더 기다려보구요. 다른 방법이 있으면 댓글을 달도록 하겠습니다.
    • bb
      2011/08/04 09:32 [Edit/Del]
      이제 다시 되네요~ 일시적인지는 모르겠지만;; 감사합니다 ㅠ
    • 2011/08/04 11:12 [Edit/Del]
      네 저도 방금 떼어놓은 댓글창 다시 달았습니다.잘 되네요. 디행입니다. 저희도 소중한 댓글 영원히 간직하고 싶거든요.
  7. 지금 페이지 관리중인데~아직 잘 몰라서 ㅜㅜ 많은도움이되네요~~자주올게요~
  8. 정말 감사합니다! 왠만하면 검색하고 블로그에서 정보만 쏙 빼먹고 댓글 안남기고 휙 가는 애인데 이런 강같은 포스트가 ㅜㅜ 완전 감사드려요 !!! 제가 페이지를 지금 구축하고 있는데 딱 이 포스트가 필요했어요 ><
  9. 이혜승
    안녕하세요? 블로그포스팅 너무 잘 보고 있습니다.대단하신것 같아요..!!
    페이지 첫화면에 링크를 걸려고 하는데요.
    링크걸 화면이 이벤트달력안에 들어가 있는 이벤트에요.
    진행하는 이벤트 페이지 상세페이지를 새창에 띄우는형식이 아닌 페이지안에서 화면전환이
    안될까요?(레이아웃이 달라서 화면전환으로는 힘든가요;;;;)
    • 2011/11/30 11:52 [Edit/Del]
      탭 안에 다시 탭을 만드는 경우는 '팬페이지 메이커'앱을 추천합니다.
      http://www.facebook.com/apps/application.php?id=207405752621212
  10. 최윤은
    페이지 관리중에 있는데 너무나 도움이 많이 되고 있습니다..감사합니다..ㅠㅠ 질문이 있어요..
    1. 위에 get code를 눌러 나오는 코드 html5 1,2번을 복사해서 위에 <>-->[] 변경까지하여 팬이됐을때 나오는 창에 코드를 넣어 댓글창이 생성이 되었습니다<탭프레스 사용>.. 제 개인계정에서 페이지로 가서 가 테스트를 하니 댓글의 댓글까지 잘 나왔습니다.. 제 개인페이스 북에도 잘 나오더라구요..그런데 제 담벼락에 올라온 페이지를 클릭하니 온통 요청하지 않은 페이지 입니다 라고 뜹니다..제가 어떤걸 잘못 넣은것일까요?
    • 2011/11/30 00:09 [Edit/Del]
      페이스북 페이지인 경우는 <##_article_rep_link_##>를 붙일 필요가 없구요. 블로그인 경우 개별 주소를 인식하기 위해서 붙인 거라,이 태그를 떼고 그대로 붙여보면 어떨까 싶습니다.
    • 최윤은
      2011/11/30 11:21 [Edit/Del]
      너무 감사합니다..^^!!!!
  11. 박석재
    안녕하십니까?..궁금한게 있는데 찾아도 나오지 않고..대답해주실 분도 없어서..
    이렇게 글을 남깁니다..마지막 구원자 입니다..ㅜㅜ
    페이스북 페이지 이벤트를 진행 하는데요..스마트폰에서는 어느쪽을 통해 이벤트를 참여해야할지
    찾기가 힘들어서요..혹시 이벤트 같은것은 스마트폰에서 기능이 제한되어있나요?..
    별도로 작업을 해야하는건지.....제가 개발자가 아니어서..속시원한 답변 부탁드립니다..(제발)
    • 2011/12/01 01:39 [Edit/Del]
      페이스북 페이지의 탭은 스마트폰에서 보이지 않습니다. 그렇지만 이벤트 내용과 참여방법을 페이지 담벼락에 게시하면 스마트폰에서 확인 가능하니 참여를 이끌어낼 수 있지 않을까요?
    • 박석재
      2011/12/01 16:47 [Edit/Del]
      아 정말 감사합니다..!속시원한 답변을 해주신
      능력자십니다..!!
  12. 앵두껍질
    안녕하세요, 너무 유용한 정보가 많아서 잘 배워가고 있습니다 ^^
    궁금한게 하나 있어서 질문 드리는데요~ 페이지에 들어가면 좋아요를 클릭해야
    그 페이지가 활성화되는 곳이 많이 있더라구요. 이건 어떻게 설정하는건가요?
    답변주심 정말 감사하겠습니다 ㅠㅠ
    • 2011/12/07 23:11 [Edit/Del]
      본문 중에 있듯이 탭프레스 같은 앱을 활용하여, [Non - Fan ]란에 좋아요 클릭을 권하는 안내문을 싣고,[ Fan ] 란에 팬에게만 보일 본 내용을 적어넣으면 됩니다.
  13. 우왕
    정말 좋은 정보 얻고 갑니다~ 그런데 질문이 있습니다. 탭프레스 설치까지는 끝났는데 소스를 붙여넣기 해야하나요? URL은 안되나요? 사진을 넣고 싶은데 ㅜㅜ 어떻게 하는지 궁금합니다. ^^
  14. 비밀댓글입니다
  15. 임동현
    안녕하세요, 우선 좋은 정보 공유해주셔서 감사합니다. 덕분에 페이스북에 탭과 댓글창 모두 설치할 수 있었어요.
    그런데 질문이 있습니다. 저는 Iframe Wrapper(http://www.facebook.com/iFrameWrapper)라는 탭을 만들고, 또 글에서 소개해주신대로 댓글창을 달았는데요. 'URL to comment on' 항목에 어떤 주소를 입력해야 하는지요. 페이지 주소를 입력했더니, 예전에 다른 탭을 사용했을 당시 달렸던 댓글까지 같이 나오는 데다가 댓글을 입력한 게 확인이 되질 않더라구요. 그래서 생성한 Iframe Wrapper의 링크를 주소로 입력하니, 이번엔 댓글창이 깔끔하게 생겼지만 또 다른 문제가 발생했습니다. 댓글을 달면 저만 확인을 할 수 있더라구요. 제가 분명 댓글을 달 수는 있는데 다른 컴퓨터에서는 그 댓글이 뜨지 않고, 시험삼아 다른 컴퓨터에서도 댓글을 다니 그 쪽 컴퓨터에선 댓글이 보이지만 제 컴퓨터에선 또 댓글이 보이지 않네요. 아무래도 'URL to comment on' 항목에서의 주소 입력 문제 같은데, 혹시나하는 마음에 실례를 무릅쓰고 이렇게 질문을 하게 되었습니다. 그럼 답변 기다리겠습니다. 감사합니다^^
  16. 용용이
    http://www.facebook.com/bulgogibros?sk=app_197936773558886 푸른옥님 도와주세요ㅠ_ㅠ
    댓글창달기를 했는데.. 제가 다른 아이디로 로그인해서 댓글을 달아보니 분명 내꺼가 보이는데, 다시 관리자 아이디로 들어가면 썼던게 보이질 않아요...ㅠ_ㅠ 이벤트 시작했는데.. 넘 넘 큰일이예요 ㅠㅠ 소스도 다 get code 사용해서 만들었는데...ㅠㅠ
  17. static iframe tab을 이용해서 탭을 만들고 아이프레임을 추가해서 이미지가 노출되는것까진 되는데
    해당 탭에 댓글창 어찌 다나요??
    아직 좋아요 25명이 안돼서 고유 주소는 없는 상태입니다.
    도와주세요~~

Name __

Password __

Link (Your Website)

Comment

SECRET | 비밀글로 남기기

1 ... 91 92 93 94 95 96 97 98 99 ... 142