본문 바로가기

Web

[facebook] 공유하기 스크립트 만들기


페이스북 공유하기를 통해 표현할 수 있는 부분은 상당히 제한적이다. 

메타태그를 통해서 전달하는 데이터만 노출 가능하고, 

해당 메타태그 데이터의 변경을 바로 적용하고싶으면 공유하기 디버거 페이지에서 직접 캐시를 날려줘야한다.


메타태그 입력정보 확인: https://developers.facebook.com/docs/sharing/webmasters?locale=ko_KR

공유하기 디버거: https://developers.facebook.com/tools/debug/


모범 사례: https://developers.facebook.com/docs/sharing/best-practices


아래와같이 선언 후에

(function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) { return; }
    js = d.createElement(s); js.id = id;
    js.src = '//connect.facebook.net/en_US/sdk.js';
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

window.fbAsyncInit = function () {
    FB.init({
        appId: 'appid 고유 번호',
        xfbml: true,
        version: '버전'
    });
};

객체를 통해 쏴주면 된다.


FB.ui({
    method: 'feed',
     link: '전달할 링크 url'
 });



'Web' 카테고리의 다른 글

[PWA] 사파리 브라우저의 동영상 리퀘스트방식  (0) 2019.02.12