'Study/Facebook'에 해당되는 글 4건
iframe 앱 생성 다완료 했는데 앱페이지 보기 버튼이 안떠서 페이지에 추가 하지 못해서
미친듯이 서칭해서 찾은 방법..ㅠ
https://www.facebook.com/add.php?api_key=app_id&pages
app_id에 해당 앱 아이디 넣고 들어가면 끝~!
'Study > Facebook' 카테고리의 다른 글
| 페이스북 페이지] application 소개 (0) | 2011.12.15 |
|---|---|
| 페이스북 페이지]스크롤 제거 하기 (0) | 2011.11.01 |
| 페이스북 페이지]좋아요 전후 랜딩 페이지 (0) | 2011.11.01 |
최근 전세계 페이스북 가입자가 8억 명을 넘었고 하루 접속자가 5억명을 넘었다고 합니다.
아래는 통계사이트 소셜베이커즈에서 확인한 페이스북 현황입니다.
[2011/12/15 기준]
페이스북의 종주국인 미국이 1위이군요. 인도네시아, 인도, 영국이 그 뒤를 잇고 있습니다.
한국은 현재 31위에 등록 되어있네요.
국내 페이스북 사용자는 400만명을 돌파했고,
지금도 계속 사용자가 폭발적으로 늘어나고 있는 추세라고 합니다.
이 점은 스마트폰 보급율도 크게 한몫하고 있는것 같네요.
페이스북은 지금도 계속 성장하고 있고
수많은 기업들이 페이스북 페이지를 개설하고 있습니다.
페이스북 페이지는 기존 웹페이지보다 더욱 친숙하게 다가갈수있고,
이용자와의 소통할수 있는 공간이 더욱 넓어지는 장점이있습니다.
페이지에 팬이 된다면 지속적으로 페이지의 소식,이벤트 등을 알릴수 있어
웹사이트와 비교할수 없는 좋은 소통의 통로가 될수 있습니다.
이러한 페이스북의 페이지의 관리는 생각보다 쉽지 않죠.
자신이 앱을 개발하여 운영할수도 있겠지만 기존에 있는 앱을 활용하는 것도 하나의 방법입니다.
오늘은 간단하게 몇가지 페이스북 application을 소개하겠습니다.
1.TABPRESS
탭프레스의 가장 큰 장점은 “좋아요”한 사람과 안한 사람에게 다른 페이지를 보여줄 수 있는 점입니다.
Enter content for Non-Fans : 페이스북 페이지에 "좋아요" 버튼을 클릭하지 않은 사람에게 보여지는 화면. Enter content for Fans : 페이스북 페이지를 "좋아요" 버튼을 클릭한 사람에게 보여지는 화면. |
소스 코드 작성에 대한 어느정도의 지식이 필요하다는게 단점이 될수도 있겠군요.
2.이니시스
이니시스는 F커머스 쇼핑몰 application 입니다. 쇼핑몰 어플은 기존에도 상당히 많이 나와있지만
이니시스는 국내 app으로 원화결제와 안전한 상품구매가 가능하다는게 장점이 되겠네요.
상품업로드시 공유하기를 통해 담벼락에 올릴수도 있습니다.
3.imageYa
이미지야는 이미지에 링크를 걸어 원하는 URL로 이동 시킬수 있는 app입니다.
여러 테마의 페이지에 적용할 수 있다는 장점이 있지만,무료는 5개의 이미지 링크, 2개의 카테고리까지만 생성이 가능합니다.4.YouTube for Pages
페이스북 페이지내에는 자체적으로 유튜브app이있습니다.
다만 이 app은 유튜브의 계정과 연동되어 해당 계정 내에 영상을 리스트로 보여주고
화면또한 더욱 깔끔하게 표현이 됩니다.
입력된 기업의 정보를 보여주고 등록된 관리자 메일주소로 문의 메일을 보내는 application입니다.
페이스북 과 트위터 등의 SNS주소를 입력하고 이동하게 해주는 등 의 기능도 있습니다.
*대부분의 app은 탭왼쪽에 나오는 아이콘변경이 안되게 되어있습니다. (몇몇 유료 앱들은 가능하죠)
탭 네임은 변경이 가능합니다. (페이지 관리-앱-해당 앱의 설정 변경- 사용자 탭이름)
오늘은 간단하게 5개의 application을 소개해 드렸습니다.
앱 이름 클릭하시면 앱 설치 페이지로 이동하게 링크를 걸었으니
더 자세히 알고 싶으신분들은 해당 링크로 들어가 보시는것도 좋을것 같네요 ^^
'Study > Facebook' 카테고리의 다른 글
| 페이스북]앱 페이지 보기 버튼이 없을때.. (0) | 2012.06.05 |
|---|---|
| 페이스북 페이지]스크롤 제거 하기 (0) | 2011.11.01 |
| 페이스북 페이지]좋아요 전후 랜딩 페이지 (0) | 2011.11.01 |
</body> tag 위에 붙이기.
해당 앱의 appID와 높이를 설정한다.
(Javascript SDK 불러오는 작업)
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script> <script>
FB.init({appId: 해당 Appid, status: true, cookie: true, xfbml : true});
window.fbAsyncInit = function() {
FB.Canvas.setSize({ width: 520, height: 높이설정 }); }
</script>
** 실제 스크립트 삽입 </head>앞쪽에 삽입한다.
** 실제 스크립트 삽입 </head>앞쪽에 삽입한다.
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.Canvas.setSize({ width: 520, height: 높이변경 });
FB.Canvas.setAutoResize();
}
// Do things that will sometimes call sizeChangeCallback() /* function sizeChangeCallback()
</script> 페이지 사이즈가 변경되어도 사이즈를 맞춰주는 기능을합니다.
'Study > Facebook' 카테고리의 다른 글
| 페이스북]앱 페이지 보기 버튼이 없을때.. (0) | 2012.06.05 |
|---|---|
| 페이스북 페이지] application 소개 (0) | 2011.12.15 |
| 페이스북 페이지]좋아요 전후 랜딩 페이지 (0) | 2011.11.01 |
< fb:visible-to-connection >
팬이된 이후 보여지는 부분
< fb:else >
팬이 되기전 보여지는 부분
< /fb:else >
< /fb:visible-to-connection >
빈칸이 생길경우
< fb:visible-to-connection >
<div style="position:absolute;top:0;">
<div style="position:absolute;top:0;">
팬이된 이후 보여지는 부분
< fb:else >
팬이 되기전 보여지는 부분
< /fb:else >
< /fb:visible-to-connection >
'Study > Facebook' 카테고리의 다른 글
| 페이스북]앱 페이지 보기 버튼이 없을때.. (0) | 2012.06.05 |
|---|---|
| 페이스북 페이지] application 소개 (0) | 2011.12.15 |
| 페이스북 페이지]스크롤 제거 하기 (0) | 2011.11.01 |
