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

Posted at 2011.06.03 07:30 | Posted in 소셜미디어 이야기/SNS마케팅 이야기

페이스북 페이지탭 추가와 페이스북 댓글창 달기/ 블로그페이스북댓글창 달기

  페이스북 탭 추가 하기  

아이프레임을 이용하여 모든 웹사이트의 내용들을 페이스북에 구현이 가능해졌습니다.
아이프레임 앱을 만들어 탭을 추가하는 방법을 아래 글을 참고하시길 바랍니다.
*참고: 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. 이전 댓글 더보기
  2. 정말 감사합니다! 왠만하면 검색하고 블로그에서 정보만 쏙 빼먹고 댓글 안남기고 휙 가는 애인데 이런 강같은 포스트가 ㅜㅜ 완전 감사드려요 !!! 제가 페이지를 지금 구축하고 있는데 딱 이 포스트가 필요했어요 ><
  3. 이혜승
    안녕하세요? 블로그포스팅 너무 잘 보고 있습니다.대단하신것 같아요..!!
    페이지 첫화면에 링크를 걸려고 하는데요.
    링크걸 화면이 이벤트달력안에 들어가 있는 이벤트에요.
    진행하는 이벤트 페이지 상세페이지를 새창에 띄우는형식이 아닌 페이지안에서 화면전환이
    안될까요?(레이아웃이 달라서 화면전환으로는 힘든가요;;;;)
    • 2011.11.30 11:52 [Edit/Del]
      탭 안에 다시 탭을 만드는 경우는 '팬페이지 메이커'앱을 추천합니다.
      http://www.facebook.com/apps/application.php?id=207405752621212
  4. 최윤은
    페이지 관리중에 있는데 너무나 도움이 많이 되고 있습니다..감사합니다..ㅠㅠ 질문이 있어요..
    1. 위에 get code를 눌러 나오는 코드 html5 1,2번을 복사해서 위에 <>-->[] 변경까지하여 팬이됐을때 나오는 창에 코드를 넣어 댓글창이 생성이 되었습니다<탭프레스 사용>.. 제 개인계정에서 페이지로 가서 가 테스트를 하니 댓글의 댓글까지 잘 나왔습니다.. 제 개인페이스 북에도 잘 나오더라구요..그런데 제 담벼락에 올라온 페이지를 클릭하니 온통 요청하지 않은 페이지 입니다 라고 뜹니다..제가 어떤걸 잘못 넣은것일까요?
    • 2011.11.30 00:09 [Edit/Del]
      페이스북 페이지인 경우는 <##_article_rep_link_##>를 붙일 필요가 없구요. 블로그인 경우 개별 주소를 인식하기 위해서 붙인 거라,이 태그를 떼고 그대로 붙여보면 어떨까 싶습니다.
    • 최윤은
      2011.11.30 11:21 [Edit/Del]
      너무 감사합니다..^^!!!!
  5. 박석재
    안녕하십니까?..궁금한게 있는데 찾아도 나오지 않고..대답해주실 분도 없어서..
    이렇게 글을 남깁니다..마지막 구원자 입니다..ㅜㅜ
    페이스북 페이지 이벤트를 진행 하는데요..스마트폰에서는 어느쪽을 통해 이벤트를 참여해야할지
    찾기가 힘들어서요..혹시 이벤트 같은것은 스마트폰에서 기능이 제한되어있나요?..
    별도로 작업을 해야하는건지.....제가 개발자가 아니어서..속시원한 답변 부탁드립니다..(제발)
    • 2011.12.01 01:39 [Edit/Del]
      페이스북 페이지의 탭은 스마트폰에서 보이지 않습니다. 그렇지만 이벤트 내용과 참여방법을 페이지 담벼락에 게시하면 스마트폰에서 확인 가능하니 참여를 이끌어낼 수 있지 않을까요?
    • 박석재
      2011.12.01 16:47 [Edit/Del]
      아 정말 감사합니다..!속시원한 답변을 해주신
      능력자십니다..!!
  6. 앵두껍질
    안녕하세요, 너무 유용한 정보가 많아서 잘 배워가고 있습니다 ^^
    궁금한게 하나 있어서 질문 드리는데요~ 페이지에 들어가면 좋아요를 클릭해야
    그 페이지가 활성화되는 곳이 많이 있더라구요. 이건 어떻게 설정하는건가요?
    답변주심 정말 감사하겠습니다 ㅠㅠ
    • 2011.12.07 23:11 [Edit/Del]
      본문 중에 있듯이 탭프레스 같은 앱을 활용하여, [Non - Fan ]란에 좋아요 클릭을 권하는 안내문을 싣고,[ Fan ] 란에 팬에게만 보일 본 내용을 적어넣으면 됩니다.
  7. 우왕
    정말 좋은 정보 얻고 갑니다~ 그런데 질문이 있습니다. 탭프레스 설치까지는 끝났는데 소스를 붙여넣기 해야하나요? URL은 안되나요? 사진을 넣고 싶은데 ㅜㅜ 어떻게 하는지 궁금합니다. ^^
  8. 비밀댓글입니다
  9. 임동현
    안녕하세요, 우선 좋은 정보 공유해주셔서 감사합니다. 덕분에 페이스북에 탭과 댓글창 모두 설치할 수 있었어요.
    그런데 질문이 있습니다. 저는 Iframe Wrapper(http://www.facebook.com/iFrameWrapper)라는 탭을 만들고, 또 글에서 소개해주신대로 댓글창을 달았는데요. 'URL to comment on' 항목에 어떤 주소를 입력해야 하는지요. 페이지 주소를 입력했더니, 예전에 다른 탭을 사용했을 당시 달렸던 댓글까지 같이 나오는 데다가 댓글을 입력한 게 확인이 되질 않더라구요. 그래서 생성한 Iframe Wrapper의 링크를 주소로 입력하니, 이번엔 댓글창이 깔끔하게 생겼지만 또 다른 문제가 발생했습니다. 댓글을 달면 저만 확인을 할 수 있더라구요. 제가 분명 댓글을 달 수는 있는데 다른 컴퓨터에서는 그 댓글이 뜨지 않고, 시험삼아 다른 컴퓨터에서도 댓글을 다니 그 쪽 컴퓨터에선 댓글이 보이지만 제 컴퓨터에선 또 댓글이 보이지 않네요. 아무래도 'URL to comment on' 항목에서의 주소 입력 문제 같은데, 혹시나하는 마음에 실례를 무릅쓰고 이렇게 질문을 하게 되었습니다. 그럼 답변 기다리겠습니다. 감사합니다^^
  10. 용용이
    http://www.facebook.com/bulgogibros?sk=app_197936773558886 푸른옥님 도와주세요ㅠ_ㅠ
    댓글창달기를 했는데.. 제가 다른 아이디로 로그인해서 댓글을 달아보니 분명 내꺼가 보이는데, 다시 관리자 아이디로 들어가면 썼던게 보이질 않아요...ㅠ_ㅠ 이벤트 시작했는데.. 넘 넘 큰일이예요 ㅠㅠ 소스도 다 get code 사용해서 만들었는데...ㅠㅠ
  11. static iframe tab을 이용해서 탭을 만들고 아이프레임을 추가해서 이미지가 노출되는것까진 되는데
    해당 탭에 댓글창 어찌 다나요??
    아직 좋아요 25명이 안돼서 고유 주소는 없는 상태입니다.
    도와주세요~~

Name __

Password __

Link (Your Website)

Comment

SECRET | 비밀글로 남기기