구글블로그 페이스북 페이지 삽입하기
오늘은 구글 블로그에 페이스북 페이지를 연결하는 작업을 설명 드리도록 하겠습니다.
페이스 북은 다양한 공유 기능이 있어서 좋은 글을 쓴다면 엄청난 공유를 일으킬 수 있습니다.
때문에 많은 사람들이 별도의 페이지를 구성하고 블로그를 공유하는데요.
내 블로그에 페이스북 페이지를 삽입하여 페이지도 홍보 한후, 방문자에게 좋아요를 유도하고, 새 글이 업데이트 될때마다 facebook 페이지에 공유를 하면,
내 페이지를 팔로우 한 사람이면 해당 글이 뉴스피드에 노출됩니다.
보다 많은 사람이 유입될 수 있을겁니다.
방법은 아주 간단합니다.
우선 아래의 페이스북 링크에 들어갑니다.
https://developers.facebook.com/docs/plugins/page-plugin
소셜 플러그인 - 페이지 플러그인 메뉴인데요.
다양한 형태로 삽입 시킬 수 있습니다.
저는 아래쪽에 페이지 플러그인을 웹사이트에 추가라는 메뉴의 소스를 사용 했습니다.
예시로 나온 샘플 코드인데요, 아래에코드중 페이스북 주소를 나의 페이스북 페이지의 주소로 변경만 해주면 됩니다.
<div class="fb-page"
data-href="https://www.facebook.com/facebook"
data-width="380"
data-hide-cover="false"
data-show-facepile="false"
data-show-posts="false"></div>
Html을 조금 다루실 수 있으면 속성들이 있는데 이 속성들을 제어할 수 있습니다.
변경 가능한 속성은 아래 표와 같습니다.
설정 | HTML5 속성 | 설명 | 기본값 |
href | data-href | Facebook 페이지의 URL | 없음 |
width | data-width | 플러그인의 픽셀 너비입니다. 최소값은 180이고 최대값은 500입니다. | 340 |
height | data-height | 플러그인의 픽셀 높이입니다. 최소값은 70입니다. | 500 |
tabs | data-tabs | 표시할 탭(예: timeline, events, messages)입니다. 쉼표로 구분된 리스트를 사용하여 여러 탭(예: timeline, events)을 추가합니다. | timeline |
hide_cover | data-hide-cover | 헤더에서 커버 사진 숨기기 | FALSE |
show_facepile | data-show-facepile | 친구가 좋아요를 클릭하면 프로필 사진 표시 | TRUE |
hide_cta | data-hide-cta | 행동 유도 버튼에 대한 맞춤 호출 숨기기(사용 가능한 경우) | FALSE |
small_header | data-small-header | 작은 헤더를 대신 사용 | FALSE |
adapt_container_width | data-adapt-container-width | 컨테이너 너비에 맞춤 | TRUE |
이제 구글 블로그로 가겠습니다.
구글 블로그의 관리자메뉴 - 레이아웃 으로 들어가신 후
원하는 위치에 가젯을 추가히시고 가젯 항목중에 HTML/JavaScript 를 추가합니다.
이곳에 좀전에 페이스 북에서 가져온 Code를 붙여주시면 끝 입니다.
블로그의 방문자 수를 늘리고 싶으시다면 소셜 네트워크를 활용하여 홍보하고 활동 하시는 것도 좋은 방법일 것 같습니다.
댓글 개