페이스북 9

웹페이지 페이스북 앱 만들기X로그인테스트

현재버전 : 2.6 웹페이지 페이스북 api 연동 https://developers.facebook.com/docs/ 1. 새앱추가 2. skip 후 앱만들기 3. 보안확인잼 ㅋ 설정 > 플랫폼추가 > 웹사이트 * 빠른시작하면 소스긁어올수있음 ㅋ HTML CODE 로그인사용자 : 없음. SCRIPT //init window.fbAsyncInit = function() { FB.init({ appId : '생성된 앱 id', xfbml : true, version : 'v2.6' }); }; //sdk로드 (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.creat..

페이스북 2016.05.25

SNS(페이스북/트위터/핀터레스트) 링크단순공유하기

단순히 버튼이나 a태그에 사용할수있는 공유 스크립트 function fnShareFb(sMsg,sUrl) { var href = "http://www.facebook.com/sharer.php?u=" + sUrl + "&t=" + encodeURIComponent(sMsg); var a = window.open(href, 'facebook', 'width=800, height=500'); if ( a ) { a.focus(); } } function fnShareTw(sUrl){ var sTxt = "텍스트"; var href = "http://twitter.com?status="+encodeURIComponent(sTxt)+" "+encodeURIComponent(sUrl); var a = window..

페이스북 2014.11.20

페이스북 사진 사이즈 가이드 / 2014 새로운 레이아웃

출처 : http://havecamerawilltravel.com/photographer/images-photos-facebook-sizes-dimensions-types 2014년 6월을 지나면서 뉴스피드나 타임라인의 레이아웃이 바뀌면서,,이미지 사이즈에 대해 알아볼 필요성을 느낀부분,, 검색을해보니 비공식 가이드가 있었다. ※ 요약 1. 커버사진 가로 720~851px 세로 315px 2. 프로필이미지 최소 180x180px 권장 : 320x320px 3. 공유링크 이미지 최소 155x114px 권장 484x252 4. 타임라인 이미지 가로세로 504px기준으로 비율표시

페이스북 2014.11.11

웹페이지 페이스북 API 연동하기(3)

1_에서는 SDK를 로드하는법. 2_에서는 페이스북 앱생성 및 설정하는 부분. 3_에서는 초기화 후 페이스북 로그인하여 사용자의 정보를 알아오는 부분. 순서. 1.window.fbAsyncInit에 함수할당 2. SDK로드 완료 3.window.fbAsyncInit 호출 4. FB.init() 실행 //앱 아이디 var runAppID = "1000000000000"; function facebookReady() { FB.init({ appId: runAppID, status : true, cookie : true, // enable cookies to allow server to access session, xfbml : true, oauth : true, // enable OAuth 2.0 versi..

페이스북 2014.10.22

웹페이지 페이스북 API 연동하기(2)

웹페이지나 페이지탭에 연동하기위해서는 페이스북 앱을 생성해야한다.생성방법은 그리어렵지 않음ㅋ. * 플랫폼 추가 시 웹페이지와 연동할거면 WebSite, 페이스북 내부에 등록하는 페이지탭을 연동하려면 PageTab. 요정도만 해주면 기본적인 앱설정은 완료되는 부분,, * 페이지탭 앱 등록시키기- 만약 페이지를 가지고있거나, 페이지의 관리자라면 페이지탭 등록이 가능. 아래 이미지에 보이는 URL에 앱 ID와 HTTPS포함 경로를 적어주면 등록 페이지로 이동한 후, 페이지를 선택하면 됨ㅋ. ※ 참고사항2014년 7월 이후 페이지 탭 좋아요 속성에 따른 구분을 못하게 됨페이스북 API 2.1 이 출시되면서 2014년 11월5일부터 항상 ‘좋아요’값을 반환 할 예정 참고 : https://developers.fa..

페이스북 2014.10.22

웹페이지 페이스북 API 연동하기(1)

facebook api version 2.0api버전 2.0이 되면서 한번 정리해보기위해 작성ㅋ. 페이지내에서 페이스북 API를 사용하기위해서는 SDK를 로드해야한다.그러기 위해서는 id가 fb-root인 div가 필요한데, SDK를 로드하기위한 필요요소 정도로 생각하면된다.만약 소스상에 없을 시 SDK에서 자동으로 생성하긴 해줌,, 이렇게 SDK를 로드해준다면, API를 사용할 수 있는 준비는 된 셈ㅋ

페이스북 2014.10.22