본문 바로가기

SNS 소셜강좌/페이스북 활용

페이스북 페이지에 왼쪽메뉴 추가(iframe 활용)

반응형

 


페이스북 페이지에 네이버 블로그를 불러오는 방법입니다.


포스팅을 보시기 전에 우선 페이스북 가입과 페이지 만들기는 필수겠죠?


 


페이스북 페이지 만들기 : http://statz.blog.me/10116501989


 


 


물론 각종앱이나 노트 기능을 사용해서 블로그 포스팅을 RSS 로 긁어오는 방법도 있지만 링크에서 보시는것 처럼 (보러가기) 직접 블로그의 컨텐츠를 아이프레임(iframe)으로 불러울 수도 있습니다.


 



 


 


왼쪽 메뉴를 클릭하시면 아래와 같이 중간에 내용을 내가 원하는 페이지(이경우 네이버 블로그)로 보여줄 수 있습니다.


블로그를 불러오는 것만이 아니라 응용범위에 따라 페이스북을 홈페이지 처럼 꾸밀 수 있다는게 큰 장점이죠...


 



 


 


페이스북 페이지에 왼쪽 메뉴를 추가하기 위해서는 해당 문서를 먼저 '앱' 으로 등록해야 하구요


전체적인 절차는 '앱(app) 만들기 > 앱에 불러올 문서를 등록 > 페이지에 앱을 설치' 의 순서라고 보시면 됩니다.


 


1. 앱 만들기


 


페이스북 하단의 '개발자' 메뉴에 들어가면 상단의 '앱' 링크가 있습니다.


바로가기 : https://developers.facebook.com/apps 를 통해 접속하셔도 되구요


접속하면 우측 상단에 '새앱만들기' 라는 메뉴가 보입니다.



 



 


새앱 만들기를 클릭하면 아래처럼 새로 만들 앱의 이름을 적는 창이 나옵니다.


앱 이름은 적당히 만드시고 이용약관에 동의하신 다음 '계속하기'를 클릭합니다.





 


보안코드 확인입니다. 간단한 인증절차니까 단어를 입력하고 넘어가 주세요





 


 


2. 앱에 불러올 문서를 등록


 


 


앱이 만들어 졌습니다. 아래와 같은 창이 나오면 앱이 제작된것입니다.


앱에 불러들일 문서(네이버 블로그)를 설정하기만 하면 됩니다 ^^

basic-info 창의 내용을 아래와 같이 간단히 변경해 줍니다.


 


좌측 메뉴의 "웹사이트" 항목 입니다


웹사이트 설정 > 사이트URL 에 문서의 주소를 입력합니다.


네이버 블로그의 경우 모바일 웹사이트 (m.blog.naver.com/자기아이디) 이런 주소를 적으면 되지만


저는 포스팅목록 페이지로 바로가게 설정했습니다.


http://m.blog.naver.com/PostList.nhn?blogId=네이버아이디 <-- 이 글을 복사해서 아이디 부분만 변경하여 넣으시면 됩니다


 




 


Facebook 앱 > Canvas Settings 항목입니다.


아래 항목중 Canvas URL 항목과


Tab Name , Tab URL 항목만 입력해 주시면 됩니다. 위의 URL 그대로 넣으시면 됩니다.



변경내용을 저장합니다.


저장하신 다음 왼쪽메뉴의 '앱페이지 보기' 를 클릭하시면 해당 앱으로 갑니다.




 


방금 우리가 만들었던 앱의 페이지 입니다.


최종 설치할 페이지와 지금 보시는 페이지는 전혀 별개의 페이지 이므로 헷갈리지 마시구요


그냥 왼쪽 하단의 '내 페이지에 추가' 버튼을 눌러주세요


 


 


3. 앱을 내 페이지에 설치하기


 


 


작은 창이 뜨면서 어디어 추가할지 물어봅니다.


본인이 원하는 페이지를 선택해 주시면 되구요 하나의 앱이지만 여러 페이지에 추가할 수도 있습니다 ^^





 


페이지에 추가가 끝났습니다.


추가하고 나면 왼쪽에 메뉴가 생깁니다 ^^


당연한 이야기지만 클릭하면 본인의 블로그 내용이 가운데 보여져야 겠죠 ^^


 


이상으로 페이스북 페이지에 별도 페이지를 등록하는 방법을 적었습니다.


필요하신 분들은 활용 여부에 따라 본인이 디자인한 문서를 불러올 수도 있겠고


게시판이나, 블로그 등을 불러와서 활용할 수도 있겠죠...


 


아직 발전방향이 무궁무진한 페이스북 이니 만큼


많은 분들이 활용하고 응용하시면 좋을거 같네요...


 


시간나시면 제 페이스북(에모떼 가죽공작소)에 오셔서 '좋아요'한번 클릭해 주시면 감사하겠구요


에모떼 가죽공작소 페이지 : http://www.facebook.com/emoteco


개인 페이스북 : http://www.facebook.com/joseungil


 


블로그 내용이 알차고 좋았다면 이웃맺기댓글등으로 응원해 주셔도 고맙겠습니다 ^^


 



 


 


 

반응형