페이스북 코멘트를 웹사이트로 불러올때 정보
페이스북 코멘트를 웹사이트로 불러올때
본문
디자이너 입장에서 참 괴로우시죠?
내 사이트의 디자인이 어떤 모습이던 이런식으로 불려와지니까....
저도 어제 급하게 오늘 오픈하는 restaurant 의 페이스북 feed 를 가져다가 붙여줘야 했는데, 정말 짜증이 났습니다.
사이트 예쁘게 (저나름) 디자인 해서 구축해 놓고, 막판에 의뢰자분의 요청으로 페이스북 feed 를 iframe 으로 넣어주게 되다 보니 일단, 디자인도 다 망가지고, (jQuery 슬라이더의 높이와 페이스북의 코멘트의 높이도 맞지 않고, 스크롤바도 못 조정하고....) 괴롭더라구요.
더구나 사이트를 반응형으로 짰기 때문에 여러가지 꼼수로 이걸 또 조정해줘야 했고.... 이렇게 사이트 하나 끝내면, 그러니까 최선의 방법 (best practice) 이 아닌 상태로 사이트가 끝나면 참 찜찜합니다.
이 페이스북의 feed 를 프로그래밍적으로 불러오는 플러그인은 없을까 찾아보니 딱 한개가 존재하네요.
http://smashballoon.com/custom-facebook-feed/demo/
더구나 사이트를 반응형으로 짰기 때문에 여러가지 꼼수로 이걸 또 조정해줘야 했고.... 이렇게 사이트 하나 끝내면, 그러니까 최선의 방법 (best practice) 이 아닌 상태로 사이트가 끝나면 참 찜찜합니다.
이 페이스북의 feed 를 프로그래밍적으로 불러오는 플러그인은 없을까 찾아보니 딱 한개가 존재하네요.
http://smashballoon.com/custom-facebook-feed/demo/
이게 30불만 되도 그냥 이거 사서 해결보고 말았을텐데, 가격이 너무 바가지 입니다. 상용사용을 하려면 무려 80불 (8만원).
가격이 쌀 이유가 없죠. 다른 경쟁 플러그인이 존재하지 않으니.... 그런데 페이스북의 feed 를 저 데모페이지 처럼 불러올수 있다면 디자인적으로 너무나 좋은 잇점이 있기때문에....ㅠㅠㅠㅠ
그래서 이걸 직접 만들어 볼 생각입니다. 작년에 페이스북 로그인을 구축해본 경험도 있고... 시간투자를 좀 많이 해야 할 것 같기는 한데, 페이스북의 SDK 가이드 문서를 살펴보고, stackoverflow 에서 계속 질문 올려서 답받고 이러다 보면 구축할 수 있지 않을까 생각이 듭니다.
디자이너 입장에서 이거는 꼭 필요한건데 (요즘 사이트 구축하면서 다들 페이스북은 달아달라고 하잖아요.) 그래서 제가 총대를 메고 한번 해보려고 합니다.
제 입장에서는 이걸 또 워드프레스에 접목까지 해야 하니 몹시 복잡하긴 한데, 그누보드 사용하시는 분들은 그냥 index.php 에 붙여 넣으시면 되니까....
암튼 시간날때마다 조금씩 시도해서 만들어 볼 생각입니다. 성공하면 여기 계신 디자이너 분들하고만 살짝 공유하겠습니다. ^^
그래서 이걸 직접 만들어 볼 생각입니다. 작년에 페이스북 로그인을 구축해본 경험도 있고... 시간투자를 좀 많이 해야 할 것 같기는 한데, 페이스북의 SDK 가이드 문서를 살펴보고, stackoverflow 에서 계속 질문 올려서 답받고 이러다 보면 구축할 수 있지 않을까 생각이 듭니다.
디자이너 입장에서 이거는 꼭 필요한건데 (요즘 사이트 구축하면서 다들 페이스북은 달아달라고 하잖아요.) 그래서 제가 총대를 메고 한번 해보려고 합니다.
제 입장에서는 이걸 또 워드프레스에 접목까지 해야 하니 몹시 복잡하긴 한데, 그누보드 사용하시는 분들은 그냥 index.php 에 붙여 넣으시면 되니까....
암튼 시간날때마다 조금씩 시도해서 만들어 볼 생각입니다. 성공하면 여기 계신 디자이너 분들하고만 살짝 공유하겠습니다. ^^
프로그래머분들은 자기들이 알아서 만들면 되는거니까. ㅎㅎㅎㅎ 돈도 디자이너 보다 더 많이 번다고 자랑 하잖아요. ㅋㅋㅋ
추천
0
0
댓글 8개
너무 멋진생각이네요 !
fyns 님 말고 다들 아무도 관심이 없으신 것 같습니다.
일단 제가 만드는 앱을 사용하기 위해서는 페이스북에 앱등록을 하셔야 합니다. 앱등록을 하시기 위해서는 페이스북 개발자 등록을 하셔야 하구요.
아래 페이지에 step by step 으로 이미지랑 같이 설명해 놓았으니까 아직 페이스북 개발자 등록을 하지 않으셨다면, 아래 페이지 instruction 을 보시고 하시면 됩니다. 워낙 상세하게 설명해 놓았으니까 따라서 하시기 쉬우실 겁니다.
http://hackya.com/ko/페이스북-앱-id-와-토큰-얻기/
몇년전 쇼핑몰 솔루션 공유하고 처음 공유하는 건데... 제 생각에 이건 꼭 필요한건데 아무도 관심이 없으시네요... 훔.....
예전에 쇼핑몰 공유 했을때는 수천명이 받아가셔서 참 기분이 좋았는데... ㅎㅎㅎㅎ
그런데 단 한분과 공유를 한다고 해도 공유의 의미가 감소되는 건 아니니까...... ^^
앱등록 하시구요, 댓글로 이메일 주소 남겨주세요. 그럼 앱이 완성되는데로 다운받으실 수 있는 다운로드 링크를 알려드릴께요.
가운데 @ 는 "앳" 으로 표시해주시구요. 안그러면 봇들이 이메일 주소 긁어가니까....
일단 제가 만드는 앱을 사용하기 위해서는 페이스북에 앱등록을 하셔야 합니다. 앱등록을 하시기 위해서는 페이스북 개발자 등록을 하셔야 하구요.
아래 페이지에 step by step 으로 이미지랑 같이 설명해 놓았으니까 아직 페이스북 개발자 등록을 하지 않으셨다면, 아래 페이지 instruction 을 보시고 하시면 됩니다. 워낙 상세하게 설명해 놓았으니까 따라서 하시기 쉬우실 겁니다.
http://hackya.com/ko/페이스북-앱-id-와-토큰-얻기/
몇년전 쇼핑몰 솔루션 공유하고 처음 공유하는 건데... 제 생각에 이건 꼭 필요한건데 아무도 관심이 없으시네요... 훔.....
예전에 쇼핑몰 공유 했을때는 수천명이 받아가셔서 참 기분이 좋았는데... ㅎㅎㅎㅎ
그런데 단 한분과 공유를 한다고 해도 공유의 의미가 감소되는 건 아니니까...... ^^
앱등록 하시구요, 댓글로 이메일 주소 남겨주세요. 그럼 앱이 완성되는데로 다운받으실 수 있는 다운로드 링크를 알려드릴께요.
가운데 @ 는 "앳" 으로 표시해주시구요. 안그러면 봇들이 이메일 주소 긁어가니까....
좋은정보 공유 감사합니다. farun1004앳nate.com 입니다 ㅎ
이메일 드렸습니다. ㅎㅎㅎ
좋네요 ㅎㅎ
굿이네요 ㅎㅎ
iframe대신 ajax로 하면안되나요???
페이스북 api 사용하시면돼용~
