Facebook App(6)
-
Facebook Tab Page의 스크롤바 없애기
페북 탭 페이지를 만들어보니 스크롤바가 중간에 나타나서 보기가 흉한 상황이 계속 벌어졌다. 이 부분을 해결하기 위한 스크립트가 제공된다. http://developers.facebook.com/docs/reference/javascript/FB.Canvas.setAutoGrow/ 위와 같이 입력하시면 됩니다. 어때요 참~ 간단하죠~ 스크롤 없애기 전의 모습... 스크롤을 없앤 모습... http://www.facebook.com/pages/Hometown-Fan-Page/267525293321443?sk=app_374942652515928
2012.02.16 -
5-1. 페북 앱 추가하기를 쉽게...
페북 앱 추가를 쉽게 하기 위한 앱을 만들었습니다. 팬페이지로 만들어두었습니다. 좋아요~ 한번 눌러주시구 편하게 사용하세요. ^^ http://www.facebook.com/pages/Hometown-Fan-Page/267525293321443?sk=app_374942652515928
2012.02.15 -
5. 페이스북 팬 페이지에 페이스북 앱 추가하기
페이스북 팬 페이지에 페이스북 앱을 추가해보자. 아래와 같이 만들어진 팬 페이지가 있다. 이곳에 왼편 메뉴에 만들어진 앱을 추가해보자. 페이스북 팬페이지를 등록하기 위해서는 한개의 URL을 알아야만 한다. 예전에는 탭 페이지 추가를 위한 UI를 화면상에 제공하였으나 현재는 해당 기능이 어디론가 사라졌다. 따라서 아래와 같이 URL을 기억하고 직접 입력하여 등록해야만한다. ㅠㅠ 머 이딴... 떱~ 꾸욱 참자... http://www.facebook.com/add.php?api_key=[App ID]&pages=1 App ID 부분에는 app 등록시에 발급받은 App ID 값을 입력하는 곳이다. 해당 URL을 브라우저에서 불러보면 아래와 같은 화면이 나타난다. 어플리케이션을 추가할 페이지를 선택하게 된다. ..
2012.02.14 -
4. Facebook Fan page 만들기
페이스북 앱까지 개발이 완료되었고 이젠 페이스북 팬 페이지를 개설하여 보자. 페이스북 팬 페이지를 만들기 위해서는 페북 화면의 맨 하단에 주목해야 한다. 화면의 맨 하단에 Create a Page (페이지 만들기) 라는 메뉴가 아주 조그만하게 적혀져 있다. 한글 페이지와 영문 페이지를 함께 보여드리니 참고하시기 바란다. 한글 화면... 해당 메뉴를 클릭하면 위의 화면이 뜨게 된다. 여기서 Cause or Community (비영리, 자선단체) 페이지로 만들어본다. 다른 것으로 해도 상관이 없다. 필자가 그냥 편한데로... 만드는 것이다. 마우스를 해당 메뉴에 가져다 대면 아래와 같이 나타나는데 해당 팬 페이지의 타이틀을 아래의 칸에 입력하면 된다. 이름을 입력한 후에는 3가지의 단계가 이어지는데 우선 해..
2012.02.14 -
3. Facebook App 등록하기
이제 페이스북 앱에 대한 등록을 해보자. 우선 페이스북 앱을 등록하기 위해서는 http://developers.facebook.com 사이트에 들어가야 한다. 화면의 상단에 앱 (Apps) 메뉴를 클릭한다. 앱을 처음 만드는 사용자라면 아래와 같이 퍼미션을 요청하는 화면을 접하게 된다. 허용(Allow)를 해주어야 앱을 등록할 수 있다. 허용이 완료되면 등록된 앱 리스트를 볼 수 있는 페이지가 나타나는데 당연히 만들어진 앱이 없다. 상단의 새 앱 만들기 (Create New App) 버튼을 클릭하면 아래와 같은 팝업 레이어가 뜨게 된다. 이곳에 앱의 등록될 이름과 네임 스페이스를 지정한다. 화면의 우측 빨강 박스에 보면 해당 이름에 대해서 유효한지 사용 가능한지를 자동으로 체크하여 보여준다. 이 부분이 ..
2012.02.14 -
2. Facebook App의 종류
페이스북의 어플리케이션은 크게 여섯 가지로 나뉜다. 1. 웹사이트 (Website) : 일반 웹사이트 2. 페이지 탭 (Page Tab) : 페이스북 화면의 중앙 담벼락 내용 표시 부분을 Iframe으로 활용하는 형태의 앱 3. 페이스북 캔버스 앱 (App on Facebook) : 페이스북 화면의 좌측 메뉴와 중앙 담벼락 내용 표시 부분을 합친 구간을 캔버스로 활용하는 형태의 앱 4. 모바일 웹 (Mobile Web) : 모바일 웹페이지 5. Native iOS 앱 : iPhone을 위한 앱 6. Native Android 앱 : Android를 위한 앱 위와같이 구분이 되며 이후에는 1~3번과 관련한 내용만 언급할 예정이다.
2012.02.14