워드프레스 페이스북 연동 ‘좋아요(Like)’ 버튼 붙이기

워드프레스는 다양한 소셜 네트워크 서비스(SNS)와 밀접한 관계에 있습니다. 또한, SNS 중 가장 인기 있고 마케팅의 활용도가 높은 페이스북(Facebook)을 중심으로 워드프레스와 연동하는 다양한 방법들이 있습니다. 이 글에서는 이들 중에서 페이스북의 ‘좋아요(Like)’ 버튼을 붙이는 방법에 대해서 알아보기로 하겠습니다.

페이스북의 ‘좋아요(Like)’ 버튼을 사이드바에 붙이기 위해서는 '플러그인 < 플러그인 추가하기'로 들어갑니다. Easy Facebook Likebox를 검색해서 설치하고 활성화시킵니다.

 

플러그인이 설치되고 나면, 좌측에 'Easy Facebook Likebox'가 생성된 것이 보입니다.

여기서 Auto PopUp 탭을 클릭해 봅니다. Auto PopUp은 웹사이트에서 좋아요 박스를 팝업으로 설정하는 기능을 합니다. 여기서는 팝업을 설정하지 않겠습니다.

 

다시 '외모 < 위젯'으로 가서 'Easy Facebook Likebox' 위젯이 보일 것입니다. 이것을 클릭해서 오른쪽에 있는 Right Sidebar 박스 제일 상단에 드래그해서 위치시키고 아래와같이 옵션을 설정해 해줍니다.

 

1번) 타이틀(Title)은 원하는 이름으로 설정해줍니다.

2번) URL은 비즈니스 페이스북 URL의 주소 링크를 복사해서 붙여 넣습니다.

3번) 앱 아이디(Application ID)는 선택적인 것이니까 여기서는 생략하겠습니다.

4번) 넓이(Width)는 340으로 주겠습니다.

5번) 언어(Locale)는 English (US)로 선택하겠습니다.

6번) 보이는 옵션인데, 얼굴이 보이는 것으로 하려면 'Show Faces'로 선택해주면 됩니다.

타이틀, URL, 넓이, 높이, 페이지 언어, 얼굴 노출 등의 설정을 했으면 저장하기 버튼을 클릭합니다.

 

사이트에서 새로 고침 해보면 페이스북의 ‘좋아요(Like)’ 박스가 좌측 사이드바에 보이게 되고 "Like Page" 버튼을 누르게 되면 '좋아요' 숫자가 올라가는 것을 확인할 수 있습니다.

 

이번에는 글(포스트) 내용 중에서 페이스북의 '좋아요(Like)' 버튼을 삽입해 보겠습니다. 다시 '외모 < 위젯'으로 가서 오른쪽에 있는 Right Sidebar 박스 안에 있는 Easy Facebook Likebox 위젯 설정 맨 아래쪽에 있는 숏코드(shortcode)를 복사합니다.

 

원하는 글(포스트) 페이지의 편집으로 들어가서 [korea_sns_button] 바로 아래에 방금 복사한 페이스북의 '좋아요(Like)' 숏코드(shortcode)를 붙이고 업데이트해줍니다.

 

사이트에서 새로 고침 해서 확인해보면, 글(포스트) 내용 상단의 소셜 아이콘 바로 밑에 페이스북의 ‘좋아요(Like)’ 페이지가 위치해 있는 것을 볼 수 있습니다. 마찬가지로 "Like Page" 버튼을 누르게 되면 좋아요 숫자가 올라가는 것을 확인할 수 있습니다.

 

지금까지 워드프레스 Accelerate 테마에서, Easy Facebook Likebox 플러그인을 설치해보고 SNS 연동하는 방법을 알아보았습니다. 설치한 위젯으로 글(포스트)나 사이드바에 페이스북의 ‘좋아요(Like)’ 버튼을 붙여서 SNS를 공유할 수 있도록 연결해 보았습니다.