본문 바로가기
dev/facebook

facebook 공유하기 내용 정리.

by Kelvin™ 2013. 2. 13.

페이스북 공유하기 기능 내용 정리.


1. 페이스북 공유 여부를 홈페이지 상에서 체크해야 할때 사용.

   기능으로는 공유 버튼을 눌렀을때 자신의 의견을 첨부할 수 있고, 친구를 태깅 기능을 이용해서 호출 할수 있으며

   각 공유 내용마다 보기 권한을 설정 가능한 장점이 있다.  

   그리고 조금 뽀대 난다..

   마지막으로 공유가 완료되면 callback 받아 특정 스크립트를 실행시킬 수 있다.

   ( 이 부분이 공유 로깅 작업에 용이하다. )


      function postToFeed() {


         로그인 확인 스크립트 삽입


        // calling the API ...

        var obj = {

          method: 'feed',

          link: '클릭하면 들어올 링크',

          picture: '이미지 주소 ( 반드시 http:// 로 시작하는 풀 주소이여야 함 )',

          name: '제목줄에 들어가는 이름 ( 진한색 )',

          caption: '제목 바로 밑에 들거가는 글 ( 난 보통 주소 풀 네임을 작성 )',

          description: '해당 게시글에 대한 설명글, 가급적 100자 이내가 좋은 듯 하다.'

        };


        function callback(response) {

          if (response && response.post_id) {


            /** 정상적으로 포스트 아이디를 받아오면 등록 완료 스크립트를 실행 **/


             alert("회원님의 페이스북으로 공유되었습니다.");

          } else {

             alert("회원님의 페이스북으로 공유되지 못했습니다.");

          }

        }


        FB.ui(obj, callback);

      }



2. 특정 스크립트 실행 없이 모든 사람에게 공개하는 퍼가기 스크립트.

    공유하기 로깅 작업 없이 단순 퍼가기만을 허용하고 싶을때 사용한다. 

    예전에 쓰던 방법으로 가장 단순한 방법..

    이것도 위의 기능과 동일하게 사용가능하나 로깅 작업을 할수가 없다.


<script language="javascript">

  function sns_share() {

    var ShareUrl;     // 공유 주소
    var DocTitle;     // 공유 제목
    var DocSummary;   // 공유 내용 간략 설명
    var DocImage;     // 공유 썸네일 ( 80x80 사이즈 추천 )

    ShareUrl    = location.href; //현재 페이지 또는 퍼갈 주소를 설정
    DocTitle    = "facebook 퍼가기 테스트 입니다.";
    DocSummary  = "해당 글에 대한 짧은 내용";
    DocImage    = "썸네일 이미지 경로"  

    newwindow = window.open('http://www.facebook.com/sharer.php?s=100&p[url]='+encodeURIComponent(ShareUrl)+'&p[title]='+encodeURIComponent(DocTitle)+"&p[summary]="+encodeURIComponent(DocSummary)+"&p[images][0]="+encodeURIComponent(DocImage),'facebookpopup', 'toolbar=0, status=0, width=626, height=436');

    if (window.focus) {newwindow.focus();}

  }
</script>