페이스북 공유하기 (SNS 공유하기) - 손쉽게 코딩하기

페이스북 공유하기 (SNS 공유하기)

페이스북 아이콘을 클릭하여 공유하는 방법입니다.

먼저 스크립트부터 보면

SNS.facebook(link, title)에 다가 link와 title을 넣어줘야겠죠

link와 title을 url이 읽을 수 있도록 인코드 시킨 후 url변수에 facebook 링크 뒤에 추가했습니다.

link와 title 넣어주는 방법은 아래와 같습니다.

snsSubmit메소드 기능을 보면 type과 title을 받아서 type이 트위터인지 페이스북인지 조건을 검사한 후,

SNS.sns메소드명(currentUrl, title)을 넣어줍니다.

여기서 또 currentUrl(현재url) 은 어떻게 가져왔을까요

이런식으로 jQuery(location).attr('href')로 현재 url의 주소를 가져와서 사용했습니다.

여기까지 페이스북 공유하기 스크립트가 완성되었습니다.

그렇다면, jsp에서는 어떻게 작성을 해야할까요

jsp에서는

위와 같이 작성해주었습니다.

페이스북 공유를 클릭하면 snsSubmit메서드에 facebook이라는 type이 들어가고 title은 비어져있는상태로 들어가게 됩니다.

혹시나 아래와 같은 상황이 발견되면

로컬에서 실행한 페이스북 공유는 오류가 난다고 합니다. 이 점 참고하시고 고정아이피나 개발서버에서 확인하시면 될겁니다.