페이스북은 워드프레스를 위한 매우 포괄적인 플러그인을 출시했습니다.

이 새로운 플러그인으로 타임라인에 자동적으로 글을 올릴 수 있으며 워드프레스 홈페이지 제작에 많은 페이스북 기능을 추가할 수 있습니다. (이 플러그인은 WordPress.com에서 호스팅하는 블로그에서 작동하지 않습니다.)

이것은 누구나 액세스 가능한  Facebook의 소셜 공유 고급 기능입니다.

이 상세한 문서에서는 강력한 플러그인을 설치하고 사용하는 방법을 알려줍니다.

 

#1: 워드프레스에 페이스북 플러그인 설치

워드프레스 관리자 대시보드에서 플러그인 섹션으로 이동하여 “facebook” 키워드로 검색하면 많은 페이스북 관련 플러그인중 상단에 있습니다. 이 공식 페이스북 플러그인(Official Facebook plugin)을 자신의 워드프레스 사이트에 설치하세요.

스크린샷, 2013-09-18 12:23:07

자신의 워드프레스 사이트에 플러그인을 설치한 후에 페이스북 플러그인을 활성화시키세요.

 

 

워드프레스는 페이스북 플러그인 설치에 필요한 단계를 안내합니다. 다음 단계는 자신의 페이스북 애플리케이션을 작성하는 것입니다. 이 과정은 한 줄의 코드도 작성할 필요가 없는 매우 쉬운 과정입니다.

#2: 자신의 페이스북 애플리케이션 생성

워드프레스에 새로 설치한 페이스북 플러그인을 사용하기 위해서, 자신의 페이스북 애플리케이션을 작성해야합니다.

페이스북 홈의 왼쪽 메뉴중에 “앱 만들기…”를 클릭합니다.

스크린샷, 2013-09-18 13:16:10

애플리케이션의 작성은 페이스북의 애플리케이션에 가서 화면의 오른쪽 상단에있는 “새 앱 만들기”버튼(New App button)을 클릭합니다.

스크린샷, 2013-09-18 13:22:29

애플리케이션 이름 및 애플리케이션 네임 스페이스를 입력하라는 메시지가 표시됩니다. 현명하게 그 이름을 선택합니다. 대부분의 경우에 블로그 사이트의 이름을 정한 후에 이것을 페이스북 애플리케이션 이름으로 지정하는 것입니다.

앱 이름 ( 예를 들어 “Social Media Examiner”)에 공백을 사용할 수 있지만 앱 네임스페이스 필드에 ( “socialmediaexaminer”)에 스페이스를 사용하지 않습니다.

스크린샷, 2013-09-18 13:27:34

 

애플리케이션 이름을 입력하면 설정 화면으로 이동됩니다. 연락처 이메일, 페이스북 로그인과 연계되는 웹사이트 주소와 모바일 버전이 있다면 모바일 주소를 블로그 도메인 필드에 입력합니다.

스크린샷, 2013-09-18 13:34:1622

 

또한 애플리케이션 로고와 아이콘을 업로드하는 것을 잊지 마세요. 그것은 페이스북의 블로그에서 등록된 글에서 볼 수 있게 됩니다. 브랜드의 가시성을 높이기 위한 기회를 놓치지 마세요!

personalize app logo

이 설정들은 기본 옵션 메뉴에서 설정해야하는 유일한 옵션입니다. 변경 사항 저장을 클릭하는 것을 잊지 마세요!

이러한 기본 옵션이 정의되면, 응용 프로그램에 대한 그래프 열기 작업을 설정해야합니다.

애플리케이션 설정의 Open Graph 메뉴를 클릭합니다.

스크린샷, 2013-09-18 15:18:17

 

다음 단계는 작업 유형과 객체 유형을 정의하는 것입니다. 여기서는 작업 유형은 “Publish”이며 오브젝트 유형은  “Article”입니다.

스크린샷, 2013-09-18 15:24:05

 

Open Graph 액션의 설정을 완료하는 방법에 대한 자세한 내용은 페이스북 가이드를 참고하세요.

성공적으로 페이스북 애플리케이션을 생성하였다면 App ID, App Secret key, App 네임스페이스을 복사해야 합니다.

copy info

그런 다음, 워드프레스 관리자 화면으로 돌아가서 페이스북 플러그인 설정화면 해당 필드에 페이스북관련 정보를 붙여 넣습니다.

wordpress settings

변경 내용을 저장하면 페이스북 플러그인은 이제 완전히 설치되어 있습니다. 수많은 소셜 기능을 활용할하도록 설정을 조정할 수 있습니다.

 

#3: 워드프레스에 대한 페이스북의 플러그인을 설정

설치가 완료되면, 페이스북 플러그인의 모든 설정에 액세스 할 수 있습니다. 단일 인터페이스로 제공하는 화면에서 설정이 가능합니다.

  • 소셜 출판 기능
  • 게시글에서 ‘좋아요’버튼(Like button)의 위치와 디자인
  • 작성자의 글을 확인할 수 있는 구독 버튼(Subscribe button)
  • 페이스북 메시지 또는 전자 우편으로 글의 일대일 공유를 쉽게하기 위한 전송 버튼(Send button)
  • 독자가 페이이스 ID로 게시글에 대한 댓글 작성
  • The Recommendations bar to display personalized article recommendations based on your readers’ friends’ favorites and activate your very own social reader

settings facebook plugin

이러한 옵션의 전체 또는 원하는 경우만 활성화 할 수 있습니다.

소셜 출판의 활성화

소셜 출판(Social Publishing) 기능은  페이스북 친구, 자신의 페이스북 페이지 또는 게시글에 관심이 있는 다른 페이스북 페이지에 최근 게시글을 홍보하는 좋은 방법입니다.

첫 번째 옵션은 저자의 타임 라인에 자신의 블로그 게시물을 자동으로 게시할 수 있는 자동출판(automatic publication)을 활성화하는 것입니다.

그렇게하면, 자동으로 자신의 페이스북 페이지 중 하나에 각각의 글을 게시 할 수 있습니다. 이것은 하나의 Facebook 페이지로 제한됩니다.

social publisher

워드프레스 사이트에서 글이 게시되면 자신이 선택한 페이스북 페이지에 자동으로 등록됩니다. 자신의 글을 게시할 때 설명을 추가할 수 있는 옵션이 있습니다.

personalized description

더 중요한 것은 소셜 퍼블리셔(Social Publisher)를 활성화했다면 자신을 글을 편집할 때 페이스북 친구 또는 페이스북 페이지에 언급할 수 있는 옵션이 있습니다.

자신의 글을 페이스북에 공유하려면 페이스북 친구 나 페이스북 페이지를 입력하면 페이스북은 자동으로 친구 나 페이지에 제안합니다.

mention friend or facebook page

공유 옵션은 글이 게시되었을 때 빠르게 알릴 수 있는 좋은 방법입니다. 자신의 글에 관심이 있는 친구나 페이스북 페이지의 글을 읽는 사람들에게 글을 공유하게 합니다. 이렇게 함으로써 블로그 독자의 수를 늘릴 수 있습니다.

페이스북 친구의 타임라인에 직접 글을 올리는 것처럼 자신이 선택한 친구나 페이스북 페이지의 타임라인에 자신의 글이 나타납니다. 이것은 시간을 절약하는 방법입니다.

업데이트는 애플리케이션 이름(App Name)을 통해 이루어지기 때문에 애플리케이션 이름은 신중하게 선택해야 합니다.

via application name

<플러그인을 사용하여 친구에게 언급하면 블로그의 글이 친구들의 타임라인에 자동으로 게시됩니다.>

Finally, the friends and pages mentioned at the time you published your article will appear on the blog at the top or bottom of your article, depending on the option you selected in the settings.

 

friends and pages mentioned

‘좋아요’ 버튼의 추가와 버튼 위치와 디자인

자신의 블로그 글에 “좋아요” 버튼을 추가하는 것은 공원에서 산책하는 것만 큼이나 간단합니다. 

Adding a Like button on your articles is as easy as a walk in the park. You can even add a Send button, choose to show likers’ faces (which is recommended), choose the name of the action (Like or Recommend), select its position on the top or bottom (or both) of your article (recommended) and the width allocated to the button.

 

이러한 설정 작업은 아래와 같이 쉽게 할 수 있습니다.

스크린샷, 2013-09-18 15:44:15

add like button

<Select the options for your Like button. Don’t forget to select “Show faces”—it will double your click rate!>

 

독자가 글의 게시자를 팔로워할 수 있는 구독 버튼

자신의 글마다 구독 버튼을 추가 할 수 있습니다. 이렇게 함으로써 독다가 페이스북에서 업데이트된 글을 구독할 수 있습니다.

You can add a Subscribe button on each of your articles. This will allow your readers to subscribe to the authors’ public updates on Facebook. This is a great way to give your authors additional visibility on Facebook in recognition for their contribution.

add subscribe button

<Allowing your readers to subscribe to the authors of your blog will help them increase their personal  audience.>

구독 버튼의 위치는 어디에든지 나타나도록 설정을 할 수 있습니다. 보통은 글의 하단에 위치하는데 여기에는 작가의 프로필이 있는 곳입니다.

“Show faces” 버튼을 선택하는 것을 추천하며 블로그에서 사용될 폰트를 선택합니다.

show faces option

<The Subscribe button should be located close to the author’s name or bio, usually at the bottom of the article.>

일대일로 게시글의 공유를 쉽게 하는 보내기 버튼 추가

보내기 버튼은 독자가 특정 페이스북 친구 (여러 친구들) 또는 이메일로 게시글을 보낼 수 있도록 하는 편리한 방법입니다.

add send button

보내기 버튼의 색 구성표와  글꼴 및 표시 할 위치를 선택할 수 있습니다.

display send button

<보내기 기능을 포함하는 “좋아요” 버튼을 설정했다면 보내기 버튼을 설정할 필요가 없습니다.  >

독자가 페이스북 계정으로 쉽게 댓글을 쓸 수 있는 댓글 활성화

페이스북의 댓글은 자신의 블로그에 소셜 댓글 기능을 추가하는 가장 좋은 방법입니다. 이것은 독자가 페이스북 계정으로 쉽게 댓글을 달게 해주며 그들의 실제 아이디를 사용함으로써 스팸을 현격하게 줄일수 있습니다.

이 댓글의 관리는 페이스북의 관리자에서 하게 됩니다. 페이스북 댓글은 워드프레스의 댓글 관리에서 댓글의 목록, 삭제등을 할 수 없습니다.

페이스북 댓글 옵션은 매우 간단합니다. 한 페이지에 표시되는 댓글의 최대 수를 입력하고, 댓글 박스의 폭을 정하면 이것으로 설정은 끝이고 댓글 플러그인은 활성화됩니다.

스크린샷, 2013-09-20 18:40:10

 

아래 그림에서 댓글의 사용을 볼 수 있습니다.

스크린샷, 2013-09-20 18:42:51

페이스북 댓글 플러그인은 댓글 기능을 수정할 수 있는 관리자 옵션을 제공합니다.

스크린샷, 2013-09-20 18:58:3122

 

Use the Recommendations bar to display personalized article recommendations based on your readers’ friends’ favorite articles and also to activate your own social reader.

Recommendations bar는 플로그인의 강력한 기능중에 하나 입니다. 간단히 말해서, 그것은 두 가지 작업을 수행합니다 :

  1. 자신의 친구가 “좋아요”한 블로그에 기반으로 독자에게 글을 추천하는 탐색창의 하단에 pop-in 바를 표시합니다.
  2. 방문자가 블로그에서 읽은 모든 글을 자동으로 공유할 수있도록 하는 소셜 리더를 제공합니다.

recommendation bar

<The Recommendations bar is a great way to suggest interesting content to your readers and get them to view more pages and spend more time with you. >

설정에서는 Recommendations 바가 언제 표시 될지를 설정할 수 있습니다. ( 특정 시간이 지난후 또는 페이지의 특정 비율로 스크롤 한후 ). 또한 표시되는 화면 중에 선택할 수 있습니다.

recommendation bar settings

 

디버거

 

스크린샷, 2013-09-20 19:21:31

소셜 플러그인(Social Plugins)은 페이스북 플러그인이 제공하는 기능이 자신의 사이트에 어떻게 적용되어 있는지를 보여줍니다. 아래 그림에서 댓글(Comments Box)는 설정되어 있지 않은 것을 알 수 있습니다. “좋아요” 버튼은 홈페이지를 제외한 모든 페이지에 적용되어 있음을 알 수 있습니다.

스크린샷, 2013-09-20 18:28:08

 

출처 : http://www.socialmediaexaminer.com/facebook-plugin-for-wordpress-guide/

바로가기

온누리넷은 워드프레스 홈페이지 제작, 워드프레스 테마 개발 서비스를 제공하고 있습니다.

바로가기