워드프레스와 페이스북 제대로 연동하기

지난번 워드프레스 포스트를 페이스북 팬페이지와 트위터에 자동 등록 포스트에서 워드프레스의 포스트를 페이스북 페이지에도 포스팅이 되도록 하는 방법을 소개드렸는데요.

이 방법(블로그 feed를 자동으로 불러오는 기능)은 더이상 페이스북에서 지원을 하지 않는다고 하네요. 대신 직접 노트에 게시물을 올리던가 게시물의 링크를 올려야 한도고 하는데 당연히 링크를 올리는 것이 편리하겠죠. 그래서 이번에는 포스트 링크를 페이스북 페이지에 자동으로 연결하는 방법에 대해 소개하겠습니다.


Add link to facebook

테스트 버젼
  • 워드프레스: 3.2.1
  • 플러그인: 1.131
  • 브라우져: 크롬, 파이어폭스 & 사파리
  • 다운로드
특징:
  • 워드프레스에서 발행하는 포스트 링크, 요약글, 이미지 등을 자동으로 페이스북에 업데이트
  • 워드프레스과 페이스북의 댓글 및 좋아요 통합
  • 사이드바 위젯 제공
  • 페이스북 like box, comments box, facepile, registration, activity feed 등 지원
사용법:

플러그인 셋업 방법

Add link to facebook을 사용하기 위해서는 페이스북 어플리케이션을 만들고 권한 부여하는 과정이 필요합니다.

아래 이미지 설명: 첫번째 이미지에서 빨간색 1 -> 2 과정을 진행 합니다. 빨간색 1의 과정은 두번째 이미지에서 파란색 (1) ~ (3) 세부 과정으로 진행됩니다.

먼저 페이스북 어플리케이션 만드는 과정을 말씀드리겠습니다.

1. 아래 플러그인 설정 화면에서 Easy setup 아래 show를 눌러주세요.

2. 이제 Easy setup의 내용이 보입니다. 아래 이미지에 적힌 순서로 진행하셔서 페이스북 어플리케이션을 만들어주세요.
**아래 (2)번 과정에서 Website(클릭) > Site URL과 App Domain을 착각하는 경우가 종종 있습니다. 잘 확인하시고 Website(클릭) > Site URL에 웹사이트 주소를 입력하시면 됩니다.

3. 위의 화면에서 App ID와 App Secret까지 모두 입력하시고 Save 버튼을 누르세요.

어플리케이션을 만들고 위의 과정까지 마쳤다면 이제는 권한부여를 하시면 됩니다.

4. 위의 첫번째 이미지에서 Authorize 버튼을 눌러서 Add link to facebook 플러그인이 페이스북에 링크를 보낼 수 있도록 권한을 부여합니다.

플러그인 세부 기능 설정

아래 Additional Settings 화면을 보시면 Picture부터 Admin까지 다양한 세부 기능 설정 탭이 있습니다. 원하는 기능을 살펴보시고 설정을 하시면 됩니다. 설정에 관한 세부 사항은 플러그인 setup guide를 참고하시기 바랍니다.

위의 기능 중에서 picture에서는 페이스북에 링크되는 포스트의 이미지를 선택할 수 있습니다. 또한 Comments에서 페이스북 댓글 및 좋아요를 워드프레스 포스트와 통합할 수 있습니다.

아래의 화면은 페이스북에 자동으로 링크된 구글 플러스 기능 소개 및 워드프레스에 뱃지 달기 포스트입니다. 보시는 것처럼 링크 이미지는 추천 이미지(featured image)가 보여지고 있습니다. picture 세팅에서 추천 이미지를 선택했기 때문이죠.

또한 페이스북의 댓글이 아래와 같이 해당 포스트의 댓글로 통합이 됩니다. 반대로 워드프레스 포스트에 댓글을 달아도 페이스북에 동일하게 업데이트 됩니다. 즉, 양방향 댓글 기능이 가능해지는 것입니다.

이 외에도 다양한 기능이 있으니 차근차근 살펴보시고 필요한 것들을 선택하셔서 사용하시면 좋을 것같네요.

마치며

페이스북은 이미 전세계 왠만한 웹사이트에서 연동하여 사용하고 있습니다. 이런 소셜 네트웍은 웹사이트의 네트웍을 강화시켜주며 웹사이트는 소셜 네트웍에 양질의 컨텐츠를 링크시켜주기 때문에 서로 돕고 돕는 사이로 끈끈한 우정을 맺어가고 있습니다. 그 우정이 두터워질 수록 인터넷은 더욱 다양한 컨텐츠와 교류가 넘치는 글로벌 장이 될 것같네요. 그럼 오늘도 즐거운 블로깅 하세요. :)

54 thoughts on “워드프레스와 페이스북 제대로 연동하기

  1. 김주환 says:

    이게 지금도 적용이되는 플러그인이긴한데 문제가…
    타임라인에 올라가긴하고 전체공개인데 사실상 남에게 보이지가않네요..
    혹시 이당시에도 이런문제가있었나요?

    Reply
  2. Taewon Cho says:

    좋은글 잘 읽었습니다.

    Reply
  3. roeman says:

    Website > Site URL:http://ooooooo.co.kr/wordpress/고유주소 뒤에 워드프레스는 뺄수 없나요? 너무 길어서 앱 등록이 안되고 있습니다 ㅠㅠ

    Reply
    1. HwangC says:

      워드프레스 설치가 root/wordpress 폴더에 되어있기 때문에 그렇습니다. http://codex.wordpress.org/Moving_WordPress 를 참고해보시고 잘 모르겠다면 호스팅 업체에 문의를 해보세요.

      Reply
  4. JinHyung says:

    좋은 글 잘 봤습니다!
    혹시 제가 직접 워드프레스와 타 블로그 플랫폼을 연동시키는 프로그램을 만들었는데 소개시켜 주실 수 있으신지요?
    http://generator.just4fun.co.kr/blog/?cat=27

    Reply
    1. HwangC says:

      프로그램 소개 감사해요. 하지만 개인적인 생각으로 하나의 컨텐츠는 하나의 도메인에 존재하는 것이 바람직하다고 생각합니다. 네이버는 어떨 지 몰라도 구글 검색엔진에서 두가지 동일한 컨텐츠가 서로 다른 도메인에서 발견되면 SEO측면에서 크게 도움이 되지 않을 것같거든요. 워드프레스 사용하시는 분들은 제대로된 컨텐츠로 트래픽을 늘리는 방안을 고민했으면 좋겠네요.

      Reply
    1. add says:

      어떤 분이 무단으로 퍼가신것 같아요.

      Reply
      1. HwangC says:

        제보 감사합니다. 이런 일도 있군요; 일반분도 아니고 워드프레스쪽 비지니스 하시는 분인것 같은데 이런 일을 하시는 것이 더욱 안타깝네요. creative braveweb이라고 써있데 creative하지는 않지만 brave는 하시네요. :)

        Reply
  5. Seyeom Park says:

    애플 앱 만드는데 계속 에러가 뜨네요. ㅠㅠ

    Reply
    1. HwangC says:

      혹시 모르니 플러그인 포럼 및 페이스북 고객 센터에 문의를 해보세요. :)

      Reply
  6. Jayd Kang says:

    항상 워드 프레스 관련 궁금한 사항이나 필요한 정보가 있으면 이곳 먼저 들르고 있습니다. 이 페이스북 플러그인같은 경우도 너무 찾고있었는데 딱하고 이미 올라와있었군요. 무려 1년전에…;;; 감사합니다.~

    Reply
    1. HwangC says:

      아 벌써 일년전이군요;; 시간이 금방 가네요 ㅎㅎ 저는 1년 전에 찾았지만 글로벌 워드프레스 유저들은 저보다 먼저 사용하고 있었겠죠. 그럼 멋진 사이트 꾸미세요. :)

      Reply
  7. JOHN KIM says:

    페이지로 연동시키는 방법을 모르겠어요 ㅠㅜ

    Reply
    1. HwangC says:

      page/group 탭에서 원하는 @jumpnwow:disqus 님의 페이지를 선택하시면 됩니다. 그리고 포스팅을 하실 때 에디터 화면에 add link to facebook 위젯이 나오는데 거기서 페이스북 Do not add link to Facebook이 언첵(uncheck) 되어있어야겠죠.

      Reply
  8. Zayinn Kim says:

    질문을 드리겠습니다. 현재 말씀대로 잘 이용하고있었는데 지금보니 로그아웃이 되거나 다른 아이디로 펜페이지를 가보면 타임라인에 여지껏 업데이트 된 글들이 안보이네요-_-. 제 아이디로만 들어갔을때 정상적으로 나오는 경우는 어떤 경우인가요?

    Reply
    1. HwangC says:

      1. 페이스북에서 갑자기 페이지에 피드가 제대로 안보이는 경우가 있습니다. 페이스북 커스터머 서비스에 보시면 이런 경우 몇일 이후에 제대로 복구됩니다. 제 페이지도 그런 경우가 있었는데 몇일 이후에 자동 복구 되더군요.
      2. 만일 로그인에서는 제대로 동작하는데 로그 아웃 이후에만 안보이는 거라면 페이스북 페이지 옵션을 살펴보세요. 나만 보기로 되어있다면 다른 사람들에게는 공개가 안되겠죠. 페이지를 공개하셔야 다른 사람에게도 노출되겠죠. :)

      Reply
  9. kang2oon says:

    아웅.. 죄송한데 전 앱을 만드는데 URL 넣는게 안보이는데 앱을 만드는 다른 방법이 있나요?

    Reply
    1. HwangC says:

      앱은 “https://developers.facebook.com/apps >> +새 앱 만들기” 에 가셔서 만드시면 됩니다.

      Reply
      1. kang2oon says:

        저도 이미지 첨부해주신 부분인거 같아 거기다 URL을 넣었는데도 자구 인증에 실패했다고 나와서… 거기가 아닌가 하구요… 아웅.. 왜 안되지.. 좀 더 해봐야겠네요…

        Reply
        1. HwangC says:

          테스트 앱을 만들면서 캡춰해봤습니다. 참고하세요. 문제가 계속된다면 페북에 문의를 해보시는 것이 좋을 것같아요. :)

  10. Mr.마사감 says:

    근데 이 플러그인 쓰니깐, publish버튼 누르고 기다리는시간이 2배 이상 느려졌네요ㅋㅋ 근데 뭐… 충분히 기다릴 가치가 있는 플러그인!!!

    Reply
    1. HwangC says:

      워드프레스 자체 포스팅 하는 것 이외에 페이스북 링크거는 작업이 추가되니 아무래도 느려지겠죠. ㅎㅎ 하지만 크게 문제될 일은 아닌 것같네요. :)

      Reply
  11. Mr.마사감 says:

    http://www.hwangc.com/wordpress-facebook-fan-page-twitter-auto-post/ 여기서는 워드프레스 글이 페이스북 페이지로 포스트 되는건데, 이 플러그인은 사용자 담벼락에 직접 포스팅 되는건가요?

    Reply
    1. Mr.마사감 says:

      사용자의 담벼락에 직접 올려지는거네요!! 완전좋아요!!!
      근데, 혹시 이 플러그인 설치 이전에 쓴 글들은 어떻게 올리나요..

      Reply
      1. HwangC says:

        http://wordpress.org/extend/plugins/add-link-to-facebook/faq/ 에서 U09 How can I add a link to an existing post?
        Change the post status temporarily to draft, update the post and publish the post again. 를 참고해보세요.

        – 포스트 상태를 드래프트로 변경
        – 업데이트하기
        – 공개하기

        Reply
  12. water says:

    페이스북 앱 만들기 원래 어려운가요?
    보안문자가 왜 넘어가질 않을까요?ㅜㅜ

    Reply
    1. 익명 says:

      저같은 경우는 별다른 문제 없이 진행되었기 때문에 크게 어려운 것은 아닌 것같습니다만 문제가 있으시다면 페이스북에 문의를 해보시는 것이 빠를 것같네요. 아무쪼록 잘 해결되시길 바랍니다!

      Reply
  13. yulrhyme says:

    알려주신대로 페이스북에서 확인해 봤습니다.
    링크가 전혀 아무문제없이 정상적으로 잘 올려지는데요,
    이상하게 add link to facebook 플러그인을 사용해서
    블로그에서 포스팅을 하면 블락메세지가 뜨면서 연동이 안되네요~
    연재해주신 글 다시 한번 살펴보고 따라해봐야겠습니다 ^ㅠ^

    Reply
    1. 익명 says:

      플러그인의 문제라면 여러 사용자들의 문의가 많았을텐데 문의를 찾아보기 힘든 것을 보면 플러그인의 오류보다는 페이스북 시스템에서 외부에서 자동으로 피드되는 주소에 대해 핸들링하는 방법에 의한 차단으로 추측 해봅니다. 혹시 모르니 다른 플러그인(예: Simple Facebook Connect)도 한번 사용해보세요. :)

      Reply
      1. yulrhyme says:

        드디어 설정했습니다 ^^a 감사합니다~

        Reply
        1. 익명 says:

          축!! 저도 기분이 좋네요 ㅎㅎ 설정에서 문제가 있었나요? 다른 분들도 혹시 이런 문제가 있을 지 모르니 팁이 있다면 같이 공유해주세요:)

        2. yulrhyme says:

          제가 한 것은 워드프레스를 완전 삭제했다가 새로 깔고, @HwangC님의 포스트에 나와있는 대로 다시 잘 따라했습니다.ㅎㅎ 워드프레스를 새로 깔고 달라진 점은 예전에는 계속 빨간색 박스에 블락 에러 메세지가 뜨던것이 -> 노란 박스의 안내문구형태로 설치에 도움을 주는 형식으로 바뀌었습니다. 정확한 이유는 저도 모르겠지만요~ 제일 중요한 것은 페이스북 앱 설정할때 Site URL써주는 곳에 플러그인 Easy Setup에 나와있는 빨간색 URL을 정확하게 써주는것이 관건인것 같습니다 ^^a 예를 들어 http://www.hwangc.com 인데 http://www.을 빼먹고 hwangc.com만 쓴다던가 하면 오류가 나는 것 같아요. 해결하고 나니 속시원하네요~! 감사합니다 ^^

        3. 익명 says:

          좋은 정보 공유 감사드려요! 비슷한 문제가 있는 분들에게 큰 도움이 되실 것같네요. 여러분도 비슷한 문제가 있을 때는 URL을 정확하게 잘 작성했는 지 다시 한번 확인해보세요. :)

  14. 익명 says:

    Add link: Facebook error: (#100) Sorry, this post contains a blocked URL

    먼저 포스트 자체에 blocked URL이 될만한 것이 없는 지 확인해보세요. 페이스북에서 특정 URL에 대해서는 block을 시킬 수도 있습니다.

    아래는 비슷한 질문을 하신 분에 대한 개발자 답변입니다.

    Assuming you didn’t do anything bad, check your website thoroughly for hacks and malware. Try Googling your site to see if Google also warns about malware.

    위의 답변은 사이트가 해킹되거나 malware가 없는 지 살펴보시고 구글에서도 사이트를 검색해보셔서 malware에 대한 경고가 있는 지확인해보라는 거네요. :)

    Reply
    1. yulrhyme says:

      불쑥 메일을 드렸는데 친절한 답변 감사드립니다~
      페이스북에 블락을 풀어달라고 요청했는데
      고객센터에 검색해보고 해결하라는 답변이 왔어요 -_-
      구글검색도 해봤는데 malware가 뭔지 잘 모르지만 그런건 발견되지 않았습니다.
      해킹도 잘 모르겠구요..
      페이스북 질문답변들을 보면 여러번 포스팅을 하면 블락당할 수 있다고 하네요~
      워드프레스 플러그인을 설치하고 테스트하는 과정에서
      제가 의도치 않게 자주 여러번 블로그에 포스팅을 한적은 있지만
      페이스북 연동은 실패한 관계로
      실제로 페이스북에 연동되어 포스팅이 된적은 단한번도 없는데
      왜이런지 모르겠네요 ㅠㅠ

      Reply
      1. 익명 says:

        무엇보다 페이스북의 block 리스트에 포함된 주소를 사용하지 않는 지 확인해보시는 것이 좋을 것같네요. 페이스북에 직접 해당 사이트의 주소나 포스트에 링크된 주소를 입력해서 테스트해보세요.
        Explaining Facebook’s Spam Prevention Systems 참고하세요.

        Reply
  15. FOTH says:

    좋은 정보 주셔서 감사합니다.
    님께서 알려주신 방법으로 설정하다가 궁금한게 있는데요
    이 방법은 개인의 페북 페이지로만 동시 링크가 됩니다.

    app id 생성은 개인자격으로만 개발자 페이지에서 생성됩니다.
    팬페이지의 이름으로는 생성이 안되죠
    그래서 authorized 시키면 팬페이지가 아니라 팬페이지를 만든
    개인의 페이지에 동시 링크되는겁니다.

    팬페이지에 동시 링크시킬수 있는 방법은 없을까요?

    감사합니다.

    Reply
    1. 익명 says:

      팬페이지로 가능합니다. 플러그인 사이트에서 사용법을 다시 한번 확인해보세요. :)

      Reply
      1. FOTH says:

        그러네요… 지금막 방법을 찾아서 .. 해결했다고 말씀드리려
        했는데… 답급을 달아 주셨네요….ㅋㅋ

        고맙습니다….

        Reply
        1. 익명 says:

          해결하셨다니 다행이네요. 혹시 궁금한 분들이 계실지도 모르니 시간이 되시면 어떻게 해결했는 지도 공유 부탁드려요~ :)

  16. boss21 says:

    워드프레스 … 새로운 것에 대한 도전이라 기대가 많이 됩니다. 특히나 페이스북 등 SNS 연동에 관심이 많아 워드프레스의 완소 기능들을 잘 활용해서 멋진 블로그 사이트를 만들고 싶습니다. 오늘 2차 강의에 가는데요. 기대됩니다. ^^

    Reply
    1. 익명 says:

      오늘 오시는군요. 저도 지금 가는 중입니다. ㅎㅎ 오늘 몇가지 SNS연동에 대해 얘기할 예정인데 도움이 되시면 좋겠네요. 그럼 있다가 뵙겠습니다!

      Reply
  17. recoverlee says:

    올해 목표가 저만의 블로그를 새로 개설하자였는데 워드프레스에 대해서 알게되어서 뭔가 지금 신난상태입니다. 노트북이 준비되지않아 조만간 구입할 예정인데 비록 내일 강의는 가지 못해도 추후 초보3기 강의를 하시길 기대해 보겠습니다.^^

    Reply
    1. 익명 says:

      안녕하세요!

      제가 처음 워드프레스 접했을 때와 비슷한 기분인 것같네요. 워드프레스로 할 수 있는 것들이 많기 때문에 시작하신 후에도 재미있을 거에요. 그럼 오늘도 즐거운 블로깅 하시고 다음 3기때 기회가 되면 뵈요 :)

      Reply
  18. 아보카도스 says:

    좋은 기능입니다 !

    Reply
    1. 익명 says:

      네, 저도 매우 동감합니다. 이런 기능을 무료로 만들어 제공하는 개발자에게도 감사하구요. :)

      Reply
  19. jungjindol says:

    이제 만들 계획인데 잘 활용할께요!

    Reply
    1. 익명 says:

      멋진 사이트 만드세요:)

      Reply
  20. 김경택 says:

    저 한테는 정말 유용한 기능일듯 합니다. ㅎ

    Reply
    1. 익명 says:

      네, 잘 활용하시면 두마리 토끼를 잡으실 수 있을거에요 :)

      Reply
  21. 카리스턱 says:

    저런게 가능하군요! ㅎㅎ
    좋은 포스팅 감사합니다

    Reply
    1. 익명 says:

      감사합니다 :)
      별 모양 아바타가 이쁘네요 ㅎㅎ

      Reply
Add Comment Register



이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.

다음의 HTML 태그와 속성을 사용할 수 있습니다: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">