본문 바로가기

반응형

SNS

(3)
나만의 SNS 공유 버튼을 만들다 웹 사이트에 SNS 공유 버튼을 만드는 방법이다. 웹 디자인과 어울리는 커스텀 이미지를 사용해서 버튼을 만들 수 있다. 누른 사람 숫자가 나오는 '좋아요' 버튼과는 다르다.우선 버튼으로 사용할 이미지를 준비해야 한다. 그리고, HTML로 링크를 만든다.
미투데이 버튼 그리고 요즘 버튼 삽입된 현재 문서의 제목과 주소를 알아서 처리하는 기능이며, 공개된 공식 삽입 소스가 없어서 자바스크립트로 대충 만듦. 원래는 PHP로 소스를 뿌려주는 방식으로 짠건데 보기 좋게 살짝 손 봐서 올립니다. 웹 페이지의 적당한 삽입 위치에 태그를 지정해두고 스크립트가 실행되면 각각의 id를 찾아서 링크 주소 및 해당 이미지를 처리함. 웹페이지 yozm me2day 자바스크립트 /* /scripts/socialButtons.js */ var sPost = encodeURI(document.title); var sLink = encodeURI(window.location.href); var sTag = encodeURI("미투데이 태그"); me2day(sPost, sLink, sTag); yozm(sPost,..
SNS 버튼 달기 웹페이지에 SNS 버튼들을 달아보도록 하자. 다음의 주소를 참고한다. Google +1 : http://www.google.com/intl/ko/+1/button/index.html Google Buzz : http://www.google.com/buzz/api/admin/site Twitter : http://twitter.com/about/resources/tweetbutton Facebook : http://developers.facebook.com/docs/reference/plugins/like/ me2day : http://dev.naver.com/openapi/apis/me2day/newpostlink_api yozm : http://dna.daum.net/apis/yozm/PrePost C..

반응형