구글블로그(Blogger)

구글블로그 페이스북 페이지 삽입하기

2017.06.02 18:29

오늘은 구글 블로그에 페이스북 페이지를 연결하는 작업을 설명 드리도록 하겠습니다.


페이스 북은 다양한 공유 기능이 있어서 좋은 글을 쓴다면 엄청난 공유를 일으킬 수 있습니다.

때문에 많은 사람들이 별도의 페이지를 구성하고 블로그를 공유하는데요.

내 블로그에 페이스북 페이지를 삽입하여 페이지도 홍보 한후, 방문자에게 좋아요를 유도하고, 새 글이 업데이트 될때마다 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를 붙여주시면 끝 입니다.


블로그의 방문자 수를 늘리고 싶으시다면 소셜 네트워크를 활용하여 홍보하고 활동 하시는 것도 좋은 방법일 것 같습니다.




저작자 표시 비영리 변경 금지
신고

작성자

Posted by 구르는石

공유

댓글 2

  • 댓글 영역

    프로필 사진
    2017.08.26 07:46

    비밀댓글입니다

    • 댓글 영역

      프로필 사진
      2017.08.28 19:55

      비밀댓글입니다