지난 4월초에 [페이스북 비즈니스--페이스북 페이지 완전정복] 이라는 책을 펴내면서 부록으로 첨부한 몇가지 사용팁이 있습니다. 그 중에서 [부록2]_페이스북 페이지에 iframe탭 추가하기 라는 설명 부분이 있는데, 페이스북의 잦은 메뉴 변경으로 인해 책에 실어둔 설명과 그림이 그 사이에 또 바뀌어서 잘 안 맞는다고 설명을 다시 해달라는 요청이 그동안 몇차례 있었습니다. 시간을 내지 못해서 차일피일 미루다가 추석 연휴 끝나기 전에 올리마고 벼르다가 이제서야 시간을 냅니다...


이 글은 http://cafe.daum.net/facebookkorea/FKeK/8  에서 다룬 내용 중 일부 수정된 곳을 반영하여 재설명하는 글이므로 페이스북에 탭을 설치하기 위해 가장 먼저 필요한 1단계 작업_페이스북에 [개발자]로 등록하고 개발자 app-id를 받는 과정은 설명 생략합니다. 필요한 분은 윗 글 링크를 먼저 보시고, 아래 내용을 참고하십시오.


1. 만들어 두었던 기존 앱을 수정하거나 혹은 새로운 앱을 만들기 위해 먼저 개발자로 등록한 페이스북 계정으로 접속한 상태에서 아래의 링크 페이지로 접속!
https://developers.facebook.com/apps   


2. 우측 상단의 [+새 앱 만들기] 버튼 클릭, [App Name] 칸에 임의로 원하는 앱(탭삽입용)의 이름을 부여함.



3. [보안 확인] 팝업 창이 뜨면 요구하는 보안 그림 단어를 맞추어 입력하고 [확인] 클릭,



4. 새로 만든 앱의 이름으로 Basic 설정창이 뜨면 [기본정보] 항목란의 표시내용 및 카테고리 옵션을 필요에 따라 선택하여 설정하고, (특별히 구분하고 싶지 않으면 손대지 않아도 됨.) 네 가지 선택지 중 맨 아래 있는
[페이지 탭] 부분 링크를 클릭함!!



5. [페이지 탭] 옵션 추가 입력 항목이 아래쪽으로 슬라이드되어 펼쳐지면 여기에
[페이지 탭 이름](페이지에 삽입했을 때 해당 페이지가 노출되는 탭의 이름이 됨) 과 [페이지 탭 URL]을 입력하고, 아래 쪽 [변경내용 저장] 버튼을 클릭함.


** 중요 보너스 팁

여기서 [페이지 탭 URL]은 내가 새로 설치한 앱을 통해 원하는 페이지의 탭 링크를 클릭했을 때 페이스북 본문 창에 뜨는 웹페이지 주소를 의미합니다. 통상 특정한 블로그의 페이지를 연동시키고 싶다고 가정할 경우, 해당 페이지의 URL주소를 그대로 카피해서 붙여넣기 해주면 무방합니다.
만약, 티스토리 블로그의 특정 페이지를 탭으로 연동시켜 보여주고 싶다면, 통상 아래와 같이 자신의 블로그명 뒤에 해당 포스트의 제목이나 넘버를 붙여주면 됩니다.
http://letsgo.tistory.com/219 
 
그런데 이런 경우 티스토리 블로그의 스킨 구조상 통상 대부분 가로 본문 사이즈가 600픽셀을 넘어가는 경우가 많기 때문에 페이스북의 기본 앱의 캔버스 사이즈의 가로 제한폭(520 픽셀)을 넘어가기 때문에 블로그의 우측 일부가 잘려서 보기 흉한 경우가 많습니다. 이것을 방지하기 위한 좋은 팁의 하나로, 똑같은 페이지의 모바일 버전 컨버팅 페이지를 대신 집어 넣어주면 페이스북의 본문창 사이즈인 520픽셀에 거의 근접하는 모습으로 텍스트와 이미지가 자동적으로 축소되고 맞추어서 재배열되기 때문에 보기가 무척 깔끔해집니다.

이렇게 하려면 원래의 티스토리 블로그 페이지의 주소 대신 해당 포스트의 모바일 페이지 주소를 대신 넣어주어야 합니다.
http://letsgo.tistory.com/m/post/view/id/219

위의 링크 주소와 같이  자신의 블로그 주소 http://letsgo.tistory.com 와 특정 포스트의 글주소(숫자) 219 사이에
 /m/post/view/id/ 를 삽입해 주시면 됩니다.


6. 위와 같이 설정하고 [변경내용 저장]을 클릭하면 간단하게 탭 페이지 하나를 삽입하는 앱이 뚝딱 만들어집니다.
이제 만든 페이지 앱을 원하는 페이스북 페이지에 붙이려면
왼쪽 사이드 메뉴 중 [앱 페이지 보기] 링크를 클릭!


[참고사항]
윗쪽에 있는 [경고문](warning)을 보시면 2011년 10월 1일부터는 페이지탭 URL (HTTPS보안)이 요구될 것이라고 합니다. 아마도 페이스북이 사용자(개발자)들이 자유롭게 올리는 어플리케이션들에 대해 보안 장치를 강화하지 않아서 테스트성, 혹은 스팸성이나 바이러스성 앱들이 많이 만들어지는 것에 대한 항의 요구를 수용하기 위해 앞으로는 보안 서버를 경유하지 않은 임의의 페이지(https://로 시작하지 않고 그냥 http://로 시작되는 페이지)는 허용하지 않겠다는 의지로 보입니다..

7. 새로 만든 앱 소개 페이지가 뜨면, 여기서 왼쪽 사이드 메뉴 중
[내 페이지에 추가] 링크를 클릭,


8. 아래와 같이 [회원님의 페이지에 OOO 추가하기] 팝업창이 뜨면, 해당
탭페이지를 추가하고 싶은 자신의 페이스북 페이지를 선택하고 [페이지에 추가] 버튼을 클릭!



9. 이제 해당 페이지에 탭이 추가되었을 것이므로, 확인을 해보려면, 페이스북 [계정]-[페이지 이름으로 facebook 사용] 메뉴를 클릭해서 뜨는 페이지 리스트 팝업 창에서 새 탭을 설치한 팬페이지를 선택하여 클릭!


10. 해당 팬페이지에 제대로 탭페이지가 삽입 되었는지 확인해보려면, 좌측 사이드 메뉴 중에 새로 설치한 탭의 이름을 확인해서 클릭하여 (기본 노출 목록 중에 보이지 않으면 [더보기] 링크를 클릭) 본문 창에 520픽셀에 맞춤된 해당 URL 페이지가 제대로 뜨는지 확인하면 끝!!


이상과 같이 하시면 앞서 배우셨던 페이스북 페이지에 외부 페이지를 탭으로 추가하는 작업이 간단하게 끝납니다.
특히 티스토리 블로그의 포스트를 삽입해서 옮겨오고 싶은 경우, 티스토리 모바일 컨버팅 페이지 주소를 이용하시면 더욱 깔끔하게 연출됩니다... 한번 따라서 시도해 보시지요....^^ 

한 가지 아쉬운 점은 10월부터 보안 서버를 적용한 페이지를 의무적으로 달게 하게 된다면 아마도 보안 페이지 처리가 안된 페이지들을 삽입하는 일은 좀 곤란해질 수도 있을 듯 싶습니다...
 

저작자 표시 비영리 동일 조건 변경 허락
신고
Posted by 렛츠고
페이스북을 많은 분들이 트위터와 비슷한 140자 단문메시지 도구의 일종인 것으로 생각하거나 혹은 "미국판 싸이월드"라는 말에 갖게 된 선입견 덕분인지, 그냥 우리나라의 싸이월드와 같은 미니홈피 서비스의 일종 정도로 오해하시는 분들이 주변에 무척 많습니다. 

물론 페이스북은 다양한 기능과 성격을 갖고 있기 때문에 한편으로는 트위터와 유사한 측면도 있고, 또다른 한편으로 싸이월드와 유사한 측면도 분명히 갖고 있습니다. 하지만 그들 각각의 서비스와 견주기에는 터무니없이 커다란 차이가 하나 있는데, 그것이 바로 아이폰과 유사한 [어플리케이션] 추가를 통해 기능을 거의 무제한 확장할 수 있는 웹플랫폼이라는 점입니다.

싸이월드(미니홈피)의 다이어리나 구글 캘린더 마냥 개인의 하루 일정을 체계적으로 관리해주는 핌즈((PIMS; personal information management system 개인정보 관리시스템) 기능은 다소 떨어지긴 하지만, 친구들과의 관계 관리를 통해서 인맥 교류 도구 및 정보 공유 도구로서, 혹은 퍼스널 마케팅의 도구로서 페이스북의 막강한 [공유하기] 능력과 [좋아요] 버튼의 잠재적 마케팅 파워는 이미 타의 추종을 불허합니다...

이러한 추가적인 기능들은 특히 60만 개에 달하는 수많은 연동 어플들로 인해서 더욱 탁월해지는데요. 아이폰의 어플들이 갖는 파워를 경험해보신 분들이라면, 앱의 신세계가 선사하는 새로운 컴퓨팅의 감동을 충분히 즐기실 수가 있을 것입니다... 오늘은 그런 수많은 어플 중의 하나이지만, 친구들간에 매우 유용한 어플리케이션 하나를 소개할까 합니다...

이름하여, 슬라이드세어(slidshare)라는 어플인데, 자신이 만든 파워포인트 파일을 웹 상에서 구동되는 슬라이드 파일로 변경시켜 친구들과 공유할 수 있을 뿐만 아니라, 인터넷이 연결되는 곳이라면 어디서든 자신의 노트북이나 휴대용 컴퓨터가 없더라도 강의안을 미리 올려두고 이것을 연결(다운로드)하여 청중에게 보여주고 강의까지 할 수도 있는 멋진 어플입지요.... 

이미 아시는 분들은 잘 활용하시는데, 모르시는 분들이 더 많은 듯 하여....
슬라이드 공유 어플 설치부터 사용하는 방법까지 그림으로 올려 드립니다...

1. http://www.facebook.com/slideshare  클릭하여 아래 화면을 만나세요...
   [Add Slideshare] 탭을 클릭하시구요....

2. 아래와 같이 프리젠테이션의 신세계가 열린다는 산뜻한 초기 인트로 화면이 보이실 겁니다...
[Add Application ] 버튼을 사정 없이 눌러 주세요...

3. 아래와 같이 [허가 요청] 화면이 나올 겁니다. 스팸 아니니까, [허가하기] 버튼 부담 없이 클릭해 주세요...

4. 끝났습니다!! 에잉 뭐 이렇게 싱겁냐구요?  아이폰의 어플 설치 안 해 보셨나요? 어플의 선조 페이스북은 아이폰만큼이나 어플 설치가 간단합니다...  거짓말이 아니고 이미 설치가 끝나고 사용할 수 있게 되었으니,
자신의 페이스북 홈페이지 [프로필]의 [기능 탭]으로 다시 돌아가 보세요...
아마 아래 그림과 같이 [SlideShare]라는 새 어플이 [+] 탭 추가박스 안에 들어와 있을 겁니다!!

5. 이 [SlideShare] 버튼을 클릭하시면 이제부터는 아래와 같은 페이지로 언제든 곧장 접속이 되실 겁니다.

6. 다양한 샘플 및 공유 슬라이드 중에서 자신이 찾고 싶은 주제의 슬라이드가 있으면 위에서 골라 클릭하여 보시면 되고, 만약 내 슬라이드를 웹에 올려두고 공유하고 싶으시면 아래와 같이 [My Slidespace] 탭을 클릭하십시오.

7. 음, 아직 올려놓은 슬라이드가 없어서인지 미안하지만 아직 못찾겠다고 메시지가 나오네요...
   그러면 먼저 슬라이드 파일을 올리기부터 하셔야겠지요... 그 옆 뒷쪽 탭 [Upload] 탭을 클릭하세요...

8. 아랫쪽의 [ Browse and select files...] 버튼을 누르시면... 올리고 싶은 파일을 PC에서 선택하는 화면이나올 겁니다. (제가 화면 켑쳐를 놓쳐서... 한두 이미지 빠졌으니 감안하시고 추측하시길....) 업르드할 파일을 찾아서 선택해주고 올리시면 됩니다. (파일의 사이즈는 비디오를 포함 최대 100MB까지랍니다...)

9. 파일 업로드가 성공적으로 끝나면 아래와 같이 올린 슬라이드에 대해 제목과 검색 키워드를 태그란에 입력하시고, 설명(Description)란에 올리려는 슬라이드와 관련된 요지를 간략하게 정리해서 입력하세요... 
남들도 그 슬라이드를 다운받을 수 있도록 허용하고 싶으시면 뒷쪽의 [Allow file download] 앞 체크 박스에 갈매기 표시하시고 뒷쪽 [Publish] 버튼을 눌러주세요...

10. 남들이 내 슬라이드에 접속하는 것을 허용한다는 뜻인지는 모르겠으나, 이 부분에서 다시 한번 [허가하기] 화면이 나타날 겁니다. 한번만 더 [허가하기]를 클릭해 주세요...

11. 그러면 지정했던 파일이 아래와 같이 올라가고... 아무개의 프리젠테이션 이라는 항목에 내가 올린 슬라이드 표지화면이 짠 하고 나타날 겁니다...

12. 잘 나오면 웹에 올린 슬라이드가 잘 공유가 된 것입니다. 나도 열어볼 수 있구요... 남들도 열어볼 수 있습니다.
물론 슬라이드를 올렸다는 사실을 [Post to wall]을 눌러서 제 담벼락에다 공지해줄 수도 있지요... 친구들이 제 담벼락에 놓인 슬라이드 공유 안내 포스트를 보고 이미지를 클릭하면 유튜브 동영상 자동 구동되듯이 페이스북 홈피 안에서 내 슬라이드가 자동 구동됩니다...
재미있지요... 그리고 편합니다... 멀리 강의하러 가실 때 굳이 무거운 노트북 갖고 다니지 마세요!!

저작자 표시 비영리 동일 조건 변경 허락
신고
Posted by 렛츠고