페이스북 플러그인 설치하는 방법 > jquery

출처 : http://tistoryadlab.tistory.com/38

페이스북의 모든 플러그인을 설치하기 전 준비해야 하는 것이 있습니다. 바로 페이스북 SDK를 설치해야 합니다. 겁먹지 마세요. 저도 HTML 코드만 조금 아는 사람입니다. 그래야 플러그인을 설치한 후 관리가 됩니다. 그냥 플러그인 설치 페이지에서 코드만 넣으면 에러 메시지가 나오거나 댓글 플러그인 같은 경우 댓글 관리를 할 수 없습니다.

페이스북 SDK 설치

우선 페이스북 개발자 페이지로 이동하여 가입을 해주세요. 가입은 휴대폰 인증만 하시면 바로 가능합니다. 참고로 이런 개발자 가입이 처음이라 혹시 유료 아닌가? 하여 엄청 쫄았습니다. -_-

Add a New App를 누르세요. 혹시 위와 같은 화면이 아니라도 같은 메뉴라면 해당 메뉴를 클릭하시면 됩니다. 위 화면은 제가 삽질한 후 다시 설명하는 페이지라서 이미 앱이 있습니다.

우리가 원하는 것은 블로그나 웹사이트에 넣는 플러그인 타입이므로 웹사이트를 클릭합니다.

이제 앱 이름을 넣어야 ㅎ바니다. 본인의 사이트명이나 나중에 식별하기 쉬운 블로그 이름으로 넣으세요.(참고로 한글로 이름을 넣어도 되는지 잘 모르겠습니다. 겁나니까 영어로 넣죠? +--+) 그러면 하단에 Create New Facebook App ID 버튼이 생겨요. 눌러주세요.

팝업이 나오는데 테스트 버전용을 만드는게 아니므로 그냥 놔두세요. 카테고리는 알아서 넣으시고 앱 ID 만들기를 눌러주세요.

이제 화면이 바뀌면 코드와 웹사이트를 넣으라는 폼이 보입니다. 우리가 필요한 것이 바로 저 코드입니다. 모든 페이스북 플러그인에 들어가는 공통 코드이고 이런 개발자 가입 없이 일반적으로 코드를 복사해서 넣으면 appID가 없는 개발자 버전 코드를 넣게 되더군요. 해당 코드를 복사해서 본인의 웹페이지의 </body> 위에 삽입하세요. 혹은 메모장에 넣으셔도 되고 나중에 다시 얻어도 됩니다. 아래 웹사이트 이름을 넣으세요. 티스토리 블고그 주소를 넣으시던가 아니면 워드프레스 주소를 넣으시면 됩니다. 이제 Next를 누르면 넘어갑니다.

그럼 위와 같은 코드가 나오는데 넘어가도 됩니다. 이유는 위의 코드는 시험용 코드이므로 우리는 이제 SDK 설치가 끝난거에요.

이제 준비과정은 끝났습니다. 본격적으로 다음 포스트부터 페이스북 플러그인 종류들을 설치하겠습니다.