SNS 공유하기 기능 구현

많은 서비스들이 SNS 공유하기 기능을 사용합니다.

요즘 서비스하는 쪽에 보면 거의 들어가 있다고 봐도 되겠죠? ㅎㅎ

그럼 우리도 이런 기능을 개발을 하여야 하니까 한번 구현하는 방법을 보도록 합시다.

웬만하면 그냥 봐도 느낌이 올것이라 생각합니다.

아... 이 공유하기 기능이라는것은 버전이 변경이 되면 사용하지 못하게 변경이 될수 있으므로 참고 바랍니다.

1. 페이스북

공유하기 버튼을 아예 제공을 하여 주고 있습니다.

https://developers.facebook.com/docs/plugins/share-button?locale=ko_KR

위의 링크로 이동을 하여서, 공유하기에 대해서 설정을 하고 하단의 코드 받기를 하여서 사이트에 붙여 넣기만 하면 됩니다. 욥~~

https://developers.facebook.com/docs/sharing/webmasters

위의 링크로 이동하게 되면 이것저것 설정을 할 수 있어서, 공유의 기능에 날개를 달수 있으므로, 한번 들어가서 확인해 보시기 바랍니다.

2. 트위터

한물가기는 했지만, 아직도 이놈을 넣어주길 바라죠. ㅎ

아래와 같이 호출만 하여 주면 됩니다.

https://twitter.com/intent/tweet?text=[TEXT]&url=[PAGE_URL]

3. 카카오톡

카카오링크를 이용하여서 공유를 할수 있습니다.

기본적으로 다 만들어져 있어서, 너무 쉽게 가져다가 사용이 가능합니다.

http://www.kakao.com/services/api/kakao_link

https://developers.kakao.com/docs/js/kakaotalklink

여러가지 탬플릿을 생성을 하여서 공유하는 곳에 이쁘게 공유가 가능한데 이렇게 하는게 어렵다면 기본 기능을 사용하여 보도록 합니다.

https://developers.kakao.com/docs/js/kakaotalklink#기본-템플릿-보내기

페이스북을 따라하는건지 아니면 페이스북을 따랑하는건지는 모르겠지만, 거의 비슷하게 기능을 제공하고 있으며, 버튼을 페이지에 삽입하여서 창을 띄우는 방식으로 사용이 가능합니다.

대신 개발자들은 할일이 없어서 좋긴 하네요 ㅎㅎ

그럼 이정도만 설명을 해도 가장 많이 사용하는 공유하기 기능은 다 사용을 한 것이라고 생각이 듭니다.

참고적으로 다른 서비스들에도 개발 문서를 확인해 보면 자세히 자신들의 서비스 공유하기를 하는 방법에 대해서 나와 있으니 나머지는 찾아보도록 합시다.

그럼 즐거운 밤되십시오.