구글 광고솔루션인 구글 애드센스를 페이스북 앱에 추가해보았습니다. 일단 구동 잘 됩니다. 구글에서 제공하는 구글 어낼리틱스도 잘 동작하는 것을 확인하였습니다. Iframe 형태로 구동되기 때문에 다로 제어를 하지 않는 것 같습니다. 관련한 정책을 보지 못해서 모르겠지만 일단 기능적인 제약은 없는 것 같습니다.

페북 탭 페이지를 만들어보니 스크롤바가 중간에 나타나서 보기가 흉한 상황이 계속 벌어졌다. 이 부분을 해결하기 위한 스크립트가 제공된다. http://developers.facebook.com/docs/reference/javascript/FB.Canvas.setAutoGrow/ 위와 같이 입력하시면 됩니다. 어때요 참~ 간단하죠~ 스크롤 없애기 전의 모습... 스크롤을 없앤 모습... http://www.facebook.com/pages/Hometown-Fan-Page/267525293321443?sk=app_374942652515928

페북 앱 추가를 쉽게 하기 위한 앱을 만들었습니다. 팬페이지로 만들어두었습니다. 좋아요~ 한번 눌러주시구 편하게 사용하세요. ^^ http://www.facebook.com/pages/Hometown-Fan-Page/267525293321443?sk=app_374942652515928

페이스북 팬 페이지에 페이스북 앱을 추가해보자. 아래와 같이 만들어진 팬 페이지가 있다. 이곳에 왼편 메뉴에 만들어진 앱을 추가해보자. 페이스북 팬페이지를 등록하기 위해서는 한개의 URL을 알아야만 한다. 예전에는 탭 페이지 추가를 위한 UI를 화면상에 제공하였으나 현재는 해당 기능이 어디론가 사라졌다. 따라서 아래와 같이 URL을 기억하고 직접 입력하여 등록해야만한다. ㅠㅠ 머 이딴... 떱~ 꾸욱 참자... http://www.facebook.com/add.php?api_key=[App ID]&pages=1 App ID 부분에는 app 등록시에 발급받은 App ID 값을 입력하는 곳이다. 해당 URL을 브라우저에서 불러보면 아래와 같은 화면이 나타난다. 어플리케이션을 추가할 페이지를 선택하게 된다. ..

페이스북 앱까지 개발이 완료되었고 이젠 페이스북 팬 페이지를 개설하여 보자. 페이스북 팬 페이지를 만들기 위해서는 페북 화면의 맨 하단에 주목해야 한다. 화면의 맨 하단에 Create a Page (페이지 만들기) 라는 메뉴가 아주 조그만하게 적혀져 있다. 한글 페이지와 영문 페이지를 함께 보여드리니 참고하시기 바란다. 한글 화면... 해당 메뉴를 클릭하면 위의 화면이 뜨게 된다. 여기서 Cause or Community (비영리, 자선단체) 페이지로 만들어본다. 다른 것으로 해도 상관이 없다. 필자가 그냥 편한데로... 만드는 것이다. 마우스를 해당 메뉴에 가져다 대면 아래와 같이 나타나는데 해당 팬 페이지의 타이틀을 아래의 칸에 입력하면 된다. 이름을 입력한 후에는 3가지의 단계가 이어지는데 우선 해..

이제 페이스북 앱에 대한 등록을 해보자. 우선 페이스북 앱을 등록하기 위해서는 http://developers.facebook.com 사이트에 들어가야 한다. 화면의 상단에 앱 (Apps) 메뉴를 클릭한다. 앱을 처음 만드는 사용자라면 아래와 같이 퍼미션을 요청하는 화면을 접하게 된다. 허용(Allow)를 해주어야 앱을 등록할 수 있다. 허용이 완료되면 등록된 앱 리스트를 볼 수 있는 페이지가 나타나는데 당연히 만들어진 앱이 없다. 상단의 새 앱 만들기 (Create New App) 버튼을 클릭하면 아래와 같은 팝업 레이어가 뜨게 된다. 이곳에 앱의 등록될 이름과 네임 스페이스를 지정한다. 화면의 우측 빨강 박스에 보면 해당 이름에 대해서 유효한지 사용 가능한지를 자동으로 체크하여 보여준다. 이 부분이 ..

페이스북의 어플리케이션은 크게 여섯 가지로 나뉜다. 1. 웹사이트 (Website) : 일반 웹사이트 2. 페이지 탭 (Page Tab) : 페이스북 화면의 중앙 담벼락 내용 표시 부분을 Iframe으로 활용하는 형태의 앱 3. 페이스북 캔버스 앱 (App on Facebook) : 페이스북 화면의 좌측 메뉴와 중앙 담벼락 내용 표시 부분을 합친 구간을 캔버스로 활용하는 형태의 앱 4. 모바일 웹 (Mobile Web) : 모바일 웹페이지 5. Native iOS 앱 : iPhone을 위한 앱 6. Native Android 앱 : Android를 위한 앱 위와같이 구분이 되며 이후에는 1~3번과 관련한 내용만 언급할 예정이다.

페이스북 관련 개발을 위해서는 우선 이 사이트가 필수일 것이다. http://developers.facebook.com/ 페이스북 개발자 사이트이다. 이 곳에는 페북 SDK를 연동한 개발 및 소셜 플러그인 관련 정보등 다양한 정보를 담고 있다. 화면 상단에는 4가지 메뉴가 있다. 개발자 문서 (Documentation), 지원 (Support), 블로그 (Blog), 앱 (Apps) 1. 개발자 문서를 선택하게 되면 개발과 관련한 문서 SDK의 다운로드 부터 설치, 사용법까지 자세한 안내를 받을 수 있다. 2. 지원 메뉴에서는 플랫폼의 상태 정보, 버그, 커뮤니티 등의 정보를 담고 있다. 3. 블로그는 플랫폼의 업데이트 정보 등을 담는데 이곳을 주목해야 한다. 왜냐하면 개발자 문서 업데이트는 느리지만 이..

마음에 와닿는 글이 있어 소개합니다. 특히 개발자나 디자이너들이 잘 익혀두고 고객과의 접점에서 참고하면 좋을 것 같습니다. 자기 분야에 대한 전문적인 지식도 필요하지만 이런 비즈니스 기술도 익히면 더욱 좋겠지요? ^^ 모든 IT 전문가가 마스터해야 하는 10가지 비즈니스 기술 http://www.ciokorea.com/news/11646