4. 개발자별 페이스북 앱의 분류
기본 앱
3rd Party 앱
DIY 개발 앱
http://www.facebook.com/page.kr 4
5. 페이스북 앱, 무엇이 다른가?
구분 PC 응용프로그램 페이스북 앱
설치방식
로컬PC 다운로드
(설치하기)
로그인 커넥트
(허가하기)
구동방식 로컬 PC 독립형 웹 클라우드 형
장점
비교적 빠른 수행
인터넷 무관 동작
1회 설정으로
어디서나 사용 가능
단점 PC별 반복 설치/설정 필요
인터넷 장애시 동작 불가
큰 프로그램 종종 에러
6. 앱으로 무엇을 할까?
인터랙션 무비
참여 이벤트
스트리밍 방송
소셜게임
FUN!
즐겨찾기
재방문 유인
접점 창출
브랜드 홍보
SNS 연동
7. 어떤 앱이 재미있고 유익할까?
http://www.timelinemoviemaker.com/
페이스북 타임라인 무비 만들기
9. 어디서 어떤 앱을 찾을까?
1. [홈] [앱] [앱센터] [웹/ 모바일] 분류 선택
[추천됨/ 평점순 / 급상승/ 친구들이 사용하는 앱]
( https://www.facebook.com/appcenter 접속)
2. 앱 목록 중에서 설치하고 싶은 앱 선택
3. 해당 앱 제목 클릭 [허가하기] 버튼 클릭!
* 과도한 개인 정보 요구시 옵션 설정 신중히!
4. 추가 진행 정상설치 확인 및 추가 옵션 설정
11. 페이지용 앱을 스스로 만들려면?
1단계. http://www.facebook.com/developers/ 접속
[Apps] 페이스북 [개발자]로 등록
2단계. [새 앱 만들기] 클릭
캔버스 URL 및 앱 통합 정보 설정
3단계. 원하는 페이지에 만든 [앱] 추가하기
http://goo.gl/RBy82 참고!
http://www.facebook.com/developers/
13. 페이지에 탭 설치하기- 1단계(개발자 등록)
https://developers.facebook.com/apps
http://www.facebook.com/developers [Apps] 개발자 메뉴 접속
개발자 페이지 최초 접속시에는 [Register Now] 버튼을 눌러,
최초 앱 만들기 전에 [개발자 등록] 과정을 거쳐야만 함.
이미 개발자로 등록한 경우 [앱 수정] 또는 [새 앱 만들기] 가능!
15. 페이지에 탭 설치하기- 2단계(새 앱 만들기)
http://goo.gl/RBy82
http://developers.facebook.com/apps (새 앱 만들기)
[계속하기] 하면 자동으로 [이용
약관에 동의] 하는 것으로 간주함.
보안 확인용 문자 그림을 정확하게
맞추어 적어 주어야 함.
16. 페이지에 탭 설치하기- 2단계(개발자 인증)
http://www.facebook.com/developers (최초 등록시 본인인증 과정)
첫 등록시 [내 앱] 목록은 비어 있음
이미 등록한 앱이 있을 경우 [앱 목록]중
에서 선택하여 [앱 수정] 가능
최초 앱 등록시 휴대폰 또는 신
용카드로 본인인증 필요!
http://goo.gl/RBy82
17. 페이지에 탭 설치하기- 2단계(새 앱 만들기)
앞서 [새앱 만들기] 팝업창에서 입력한 표시
할 앱이름 및 앱 Namespace 를 확인하고
부여된 App ID를 기록(저장)해 두어야 함.
어떻게 앱을 Facebook과 통합시킬지
선택하는 목록에서 [페이지 탭] 선택!
18. 페이지에 탭 설치하기- 2단계(새 앱 만들기)
http://goo.gl/Ehc9M
[페이지 탭 URL] 입력창에 페이지로 불러오려는 외부 웹 페이지의 URL 주소를 입력함.
[페이지 탭 URL(HTTPS 보안)] 항목은 보안 처리된 서버의 주소를 입력해야 하지만,
그러지 못한 경우 http:// 대신 https://으로 변경하고 같은 주소를 입력해줌.
[페이지 탭]의 이미지는 111 * 74 픽셀
로 크기가 정확히 일치해야 업로드됨.
19. 페이지에 탭 설치하기- 3단계(앱 추가하기)
http://goo.gl/S1J4h
위의 구문 중에서
{YOUR_APP_ID}에 해당하는
부분을 앞서 기록(저장)해 두었
던 APP_ID 숫자로 치환하여 웹
브라우저 URL창에 붙여넣고 엔
터를 누름!
원하는 페이지 목록을 선택
해 해당 앱 추가 버튼을 클릭함!
http://www.facebook.com/add.php?api_key={YOUR_APP_ID}&pages
(페이스북 페이지에 [탭 페이지] 앱을 추가하기)
20. 페이지에 탭 설치하기- 3단계(앱 추가하기)
http://goo.gl/vQxLt
“준비중이니 다시 시도하라”는
경고 문구가 뜨지만 설치가 실
패한 것이 아니므로, 페이지로
이동해보면 새로 만든 앱이 추
가되어 있음.
21. 페이지에 탭 설치하기- 마지막 팁
http://goo.gl/vQxLt
“해당 웹페이지를 사용할 수 없음” 경고
문구가 뜨는 것은 [탭 페이지]에 설정한
링크가 보안인증을 제공하지 않기 때문.
[설정]-[계정설정]-[보안] 설정 화면을
열어서 [안전한 브라우징]의 활성화상태
의 체크표시를 해제하고 [변경내용 저장]
을 누르면 비보안 링크 페이지가 보임.
22. 앱 설정을 변경하려면?
1. 앱이 설치된 페이지 접속
2. [페이지 관리] – 아무 탭이나 클릭
3. 왼쪽 메뉴판의 [앱] 클릭!
4. 해당 앱을 찾아 [설정변경] 또는 [삭제]
http://goo.gl/TPgjf
23. 페이지에 내 가게를 오픈하려면?
검색창에 [myitems –Shop
Builder]를 입력 [앱] 카테
고리 중 해당 앱을 찾아 [앱으
로 가기] 버튼을 클릭 [허
가] 클릭
➊
➋
➌
➍
➎
24. 페이지에 내 가게를 오픈하려면?
1) 메뉴판의 앱탭
2) [상점오픈] 클릭
3) [이미 페이지가 있
어요] 버튼 클릭
4) 설치하기를 원하는
페이지를 선택한 뒤 [상
점 오픈] 버튼 클릭
5) [페이지로 가기] !
http://apps.facebook.com/myitems/
25. 페이지에 내 가게를 오픈하려면?
http://apps.facebook.com/friendyshop/
거래 결제용 계정 생성 (심사대기)
사업자등록, 업종정보 필요
http://apps.facebook.com/friendyshop/
39. 티스토리에 페이스북 댓글을 단다
1. http://developers.facebook.c
om/docs/reference/plugins/c
omments/ 접속
2. [Comments] 코드 입력창에
자신의 블로그 주소를 입력하고
너비 사이즈를 적정하게 입력한
뒤 [Get Code] 클릭
3. XFBML코드를 복사한 뒤
4. 블로그 [관리자]-[스킨]-
[HTML/CSS편집] 선택,
5. 원하는 삽입 위치를 검색해
(##article_rep_desc_## 아래)에
[Ctrl+V] 로 코드 붙여넣기
http://lghn.tistory.com/168