sns 공유하기 소스 - 라인, 폴라, 카톡, 카스, 밴드, 핀터레스트, 구글플러스, 네이버블로그, 트위터, 페이스북
http://www.hoons.net/Board/asptip/Content/77332
에서 퍼온글입니다
안녕하세요. sns 공유하기 기능이 필요해서
사방팔방 소스를 찾아다녔지만... 오래된 트위터나 페이스북은 쉽게 검색되지만
요즘에 나온 sns는 소스가 찾아보기 힘들더라구요.
그래서 제가 sns별로 다 찾아보고 소스 만들어봤습니다.
필요하신 분들 많으실거 같아서... 공유합니다.
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
<script type="text/javascript">
// 사용할 앱의 JavaScript 키를 설정해 주세요.
Kakao.init('앱키');
// 카카오톡 공유하기
function sendKakaoTalk()
{
Kakao.Link.sendTalkLink({
label: '공유 제목',
image: {
src: 'http://이미지경로',
width: '300',
height: '200'
},
webButton: {
text: '공유제목',
url: 'https://도메인' // 앱 설정의 웹 플랫폼에 등록한 도메인의 URL이어야 합니다.
}
});
}
// 카카오스토리 공유하기
function shareStory() {
Kakao.Story.share({
url: '도메인',
text: '공유제목'
});
}
// send to SNS
function toSNS(sns, strTitle, strURL) {
var snsArray = new Array();
var strMsg = strTitle + " " + strURL;
var image = "이미지경로";
snsArray['twitter'] = "http://twitter.com/home?status=" + encodeURIComponent(strTitle) + ' ' + encodeURIComponent(strURL);
snsArray['facebook'] = "http://www.facebook.com/share.php?u=" + encodeURIComponent(strURL);
snsArray['pinterest'] = "http://www.pinterest.com/pin/create/button/?url=" + encodeURIComponent(strURL) + "&media=" + image + "&description=" + encodeURIComponent(strTitle);
snsArray['band'] = "http://band.us/plugin/share?body=" + encodeURIComponent(strTitle) + " " + encodeURIComponent(strURL) + "&route=" + encodeURIComponent(strURL);
snsArray['blog'] = "http://blog.naver.com/openapi/share?url=" + encodeURIComponent(strURL) + "&title=" + encodeURIComponent(strTitle);
snsArray['line'] = "http://line.me/R/msg/text/?" + encodeURIComponent(strTitle) + " " + encodeURIComponent(strURL);
snsArray['pholar'] = "http://www.pholar.co/spi/rephol?url=" + encodeURIComponent(strURL) + "&title=" + encodeURIComponent(strTitle);
snsArray['google'] = "https://plus.google.com/share?url=" + encodeURIComponent(strURL) + "&t=" + encodeURIComponent(strTitle);
window.open(snsArray[sns]);
}
function copy_clip(url) {
var IE = (document.all) ? true : false;
if (IE) {
window.clipboardData.setData("Text", url);
alert("이 글의 단축url이 클립보드에 복사되었습니다.");
} else {
temp = prompt("이 글의 단축url입니다. Ctrl+C를 눌러 클립보드로 복사하세요", url);
}
}
</script>
</head>
<body style="overflow:hidden;background-color:#f0f0f0;">
<div class="sns_wrap">
<p>SNS 공유하기</p>
<ul>
<li><a href="javascript:toSNS('facebook','공유제목!','http://http://단축URL')" title="페이스북으로 가져가기"><img src="/img/facebook.jpg"></a></li>
<li><a href="javascript:toSNS('twitter','공유제목!','http://http://단축URL')" title="트위터로 가져가기"><img src="/img/twitter.jpg"></a></li>
<li><a href="javascript:toSNS('line','공유제목!','http://http://단축URL')" title="라인으로 가져가기"><img src="/img/line.jpg"></a></li>
<li><a href="javascript:sendKakaoTalk();" title="카카오톡으로 가져가기"><img src="/img/kakao.jpg"></a></li>
<li><a href="javascript:shareStory();" title="카카오스토리로 가져가기"><img src="/img/story.jpg"></a></li>
</ul>
<ul>
<li><a href="javascript:toSNS('pholar','공유제목!','http://단축URL')" title="폴라로 가져가기"><img src="/img/pholar.jpg"></a></li>
<li><a href="javascript:toSNS('pinterest','공유제목!','http://단축URL')" title="핀터레스트로 가져가기"><img src="/img/pinterest.jpg"></a></li>
<li><a href="javascript:toSNS('band','공유제목!','http://단축URL')" title="밴드로 가져가기"><img src="/img/band.jpg"></a></li>
<li><a href="javascript:toSNS('google','공유제목!','http://http://단축URL')" title="구글플러스로 가져가기"><img src="/img/google.jpg"></a></li>
<li><a href="javascript:toSNS('blog','공유제목!','http://http://단축URL')" title="네이버블로그로 가져가기"><img src="/img/blog.jpg"></a></li>
</ul>
<ul>
<li><input type="text" value="http://도메인"><a href="javascript:copy_clip('http://도메인')"><img src="/img/sns_btn.jpg" class="sns_btn"></a></li>
</ul>
http://www.hoons.net/Board/asptip/Content/77332
에서 퍼온글입니다
안녕하세요. sns 공유하기 기능이 필요해서
사방팔방 소스를 찾아다녔지만... 오래된 트위터나 페이스북은 쉽게 검색되지만
요즘에 나온 sns는 소스가 찾아보기 힘들더라구요.
그래서 제가 sns별로 다 찾아보고 소스 만들어봤습니다.
필요하신 분들 많으실거 같아서... 공유합니다.
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
<script type="text/javascript">
// 사용할 앱의 JavaScript 키를 설정해 주세요.
Kakao.init('앱키');
// 카카오톡 공유하기
function sendKakaoTalk()
{
Kakao.Link.sendTalkLink({
label: '공유 제목',
image: {
src: 'http://이미지경로',
width: '300',
height: '200'
},
webButton: {
text: '공유제목',
url: 'https://도메인' // 앱 설정의 웹 플랫폼에 등록한 도메인의 URL이어야 합니다.
}
});
}
// 카카오스토리 공유하기
function shareStory() {
Kakao.Story.share({
url: '도메인',
text: '공유제목'
});
}
// send to SNS
function toSNS(sns, strTitle, strURL) {
var snsArray = new Array();
var strMsg = strTitle + " " + strURL;
var image = "이미지경로";
snsArray['twitter'] = "http://twitter.com/home?status=" + encodeURIComponent(strTitle) + ' ' + encodeURIComponent(strURL);
snsArray['facebook'] = "http://www.facebook.com/share.php?u=" + encodeURIComponent(strURL);
snsArray['pinterest'] = "http://www.pinterest.com/pin/create/button/?url=" + encodeURIComponent(strURL) + "&media=" + image + "&description=" + encodeURIComponent(strTitle);
snsArray['band'] = "http://band.us/plugin/share?body=" + encodeURIComponent(strTitle) + " " + encodeURIComponent(strURL) + "&route=" + encodeURIComponent(strURL);
snsArray['blog'] = "http://blog.naver.com/openapi/share?url=" + encodeURIComponent(strURL) + "&title=" + encodeURIComponent(strTitle);
snsArray['line'] = "http://line.me/R/msg/text/?" + encodeURIComponent(strTitle) + " " + encodeURIComponent(strURL);
snsArray['pholar'] = "http://www.pholar.co/spi/rephol?url=" + encodeURIComponent(strURL) + "&title=" + encodeURIComponent(strTitle);
snsArray['google'] = "https://plus.google.com/share?url=" + encodeURIComponent(strURL) + "&t=" + encodeURIComponent(strTitle);
window.open(snsArray[sns]);
}
function copy_clip(url) {
var IE = (document.all) ? true : false;
if (IE) {
window.clipboardData.setData("Text", url);
alert("이 글의 단축url이 클립보드에 복사되었습니다.");
} else {
temp = prompt("이 글의 단축url입니다. Ctrl+C를 눌러 클립보드로 복사하세요", url);
}
}
</script>
</head>
<body style="overflow:hidden;background-color:#f0f0f0;">
<div class="sns_wrap">
<p>SNS 공유하기</p>
<ul>
<li><a href="javascript:toSNS('facebook','공유제목!','http://http://단축URL')" title="페이스북으로 가져가기"><img src="/img/facebook.jpg"></a></li>
<li><a href="javascript:toSNS('twitter','공유제목!','http://http://단축URL')" title="트위터로 가져가기"><img src="/img/twitter.jpg"></a></li>
<li><a href="javascript:toSNS('line','공유제목!','http://http://단축URL')" title="라인으로 가져가기"><img src="/img/line.jpg"></a></li>
<li><a href="javascript:sendKakaoTalk();" title="카카오톡으로 가져가기"><img src="/img/kakao.jpg"></a></li>
<li><a href="javascript:shareStory();" title="카카오스토리로 가져가기"><img src="/img/story.jpg"></a></li>
</ul>
<ul>
<li><a href="javascript:toSNS('pholar','공유제목!','http://단축URL')" title="폴라로 가져가기"><img src="/img/pholar.jpg"></a></li>
<li><a href="javascript:toSNS('pinterest','공유제목!','http://단축URL')" title="핀터레스트로 가져가기"><img src="/img/pinterest.jpg"></a></li>
<li><a href="javascript:toSNS('band','공유제목!','http://단축URL')" title="밴드로 가져가기"><img src="/img/band.jpg"></a></li>
<li><a href="javascript:toSNS('google','공유제목!','http://http://단축URL')" title="구글플러스로 가져가기"><img src="/img/google.jpg"></a></li>
<li><a href="javascript:toSNS('blog','공유제목!','http://http://단축URL')" title="네이버블로그로 가져가기"><img src="/img/blog.jpg"></a></li>
</ul>
<ul>
<li><input type="text" value="http://도메인"><a href="javascript:copy_clip('http://도메인')"><img src="/img/sns_btn.jpg" class="sns_btn"></a></li>
</ul>
http://www.hoons.net/Board/asptip/Content/77332
댓글 12개
9년 전
오, 좋은 자료 감사합니다!!
9년 전
기존 게시글볼때 나오는것을 없애고, 이것으로 대체하려면 어디에 넣어야하는건가요?
junny
8년 전
수고 많으셨습니다. 잘 활용할게요.
7년 전
감사합니다.
7년 전
감사합니다. 잘 연구해보겠습니다.
독학하는초보자
7년 전
도움받고 갑니다. ^^
7년 전
감사합니다.
iamdo
7년 전
ㅓ
6년 전
초보자들도 알 수 있게 아주 자세한 설명 없을까요?
고수님들의 무한한 영광을 기다립니다.
고수님들의 무한한 영광을 기다립니다.
6년 전
감사합니다
위버로프트
6년 전
좋은 자료 감사합니다.
3년 전
감사합니다 ^^
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4402 | ||
| 2694 | 2개월 전 | 188 | ||
| 2693 | 2개월 전 | 148 | ||
| 2692 | 2개월 전 | 158 | ||
| 2691 | 2개월 전 | 174 | ||
| 2690 | 2개월 전 | 326 | ||
| 2689 | 2개월 전 | 233 | ||
| 2688 |
 SIR개발팀 |
2개월 전 | 441 | |
| 2687 | 2개월 전 | 292 | ||
| 2686 |
선택과집중
|
2개월 전 | 329 | |
| 2685 | 2개월 전 | 291 | ||
| 2684 | 2개월 전 | 346 | ||
| 2683 | 2개월 전 | 481 | ||
| 2682 | 2개월 전 | 276 | ||
| 2681 | 2개월 전 | 302 | ||
| 2680 |
선택과집중
|
2개월 전 | 278 | |
| 2679 | 2개월 전 | 330 | ||
| 2678 |
 Xenon54 |
3개월 전 | 429 | |
| 2677 |
Xenon54 |
3개월 전 | 502 | |
| 2676 | 3개월 전 | 326 | ||
| 2675 | 3개월 전 | 304 | ||
| 2674 |
선택과집중
|
3개월 전 | 480 | |
| 2673 |
 ideaman |
3개월 전 | 322 | |
| 2672 | 3개월 전 | 335 | ||
| 2671 | 3개월 전 | 284 | ||
| 2670 | 3개월 전 | 260 | ||
| 2669 | 3개월 전 | 374 | ||
| 2668 | 3개월 전 | 289 | ||
| 2667 |
선택과집중
|
3개월 전 | 484 | |
| 2666 |
선택과집중
|
3개월 전 | 470 | |
| 2665 |
선택과집중
|
3개월 전 | 404 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기