네이버 공유하기 - 블로그,카페,폴라
페이스북,트위터,밴드 등..스킨에 대부분에 기본적으로 있지만 네이버쪽으로 공유하고자 부분들이 필요 할 까봐
이 Tip을 공유합니다.
스케치북5( sketchbook5 )기준으로 작성하였습니다.
구현 미리보기
TIP
./modules/board/skins/sketchbook5/_read.html
318라인 쯤에 SNS관련 소스가 있습니다.
Band 밑에 소스를 추가합니다.
<a class="naver bubble" href="#" data-type="naver" title="To naver"><b class="ico_sns naver">Naver</b></a>
<!--@if(Mobile::isMobileCheckByAgent())-->
<a class="kakaostory" href="storylink://posting?post={$oDocument->getPermanentUrl()}&appid=m.kakao.com&appver=1.0&apiver=1.0&appname={$mi->title}"><b class="ico_sns kakaostory">KakaoStory</b></a>
<a class="band" href="bandapp://create/post?text={$sns_title}%0A{$sns_link}"><b class="ico_sns band">Band</b></a>
<a class="kakao" href="#" data-type="kakao"><b class="ico_sns kakao">Kakao</b></a>
<a class="line" href="line://msg/text/?{$sns_title}%0D%0A{$sns_link}"><b class="ico_sns line">Line</b></a>
<!--@else-->
<a class="kakaostory bubble" href="#" data-type="kakaostory" title="To KakaoStory"><b class="ico_sns kakaostory">KakaoStory</b></a>
<a class="band bubble" href="#" data-type="band" title="To Band"><b class="ico_sns band">Band</b></a>
<a class="naver bubble" href="#" data-type="naver" title="To naver"><b class="ico_sns naver">Naver</b></a>
<!--@end-->
./modules/board/skins/sketchbook5/img/sns.png
아래의 이미지를 다운로드하셔서 덮여씌어주세요.
./modules/board/skins/sketchbook5/css/board.css
68번 라인 쯤 다음 줄에 아래소스를 넣어주세요.
.bd .ico_sns.naver{background-position:0 -256px}
./modules/board/skins/sketchbook5/js/board.js
388번라인 SNS 관련 코드가 있습니다.
band관련 소스 밑에 추가해주세요.
else if(type=="naver"){
loc = 'http://share.naver.com/web/shareView.nhn?url='+encodeURIComponent(href)+'&title='+encodeURIComponent(title);
}
else if(type=="kakaostory"){
loc = 'https://story.kakao.com/share?url='+encodeURIComponent(href);
} else if(type=="band"){
loc = 'http://www.band.us/plugin/share?body='+encodeURIComponent(title)+'%0A'+encodeURIComponent(href);
} else if(type=="naver"){
loc = 'http://share.naver.com/web/shareView.nhn?url='+encodeURIComponent(href)+'&title='+encodeURIComponent(title);
}
마무리
스케치북5 설정 중에 'SNS로 보내기 버튼 ' - 큰 아이콘(본문 하단) 설정 기준으로 작성하였습니다.
그 외에 설정에 대한 부분에 적용하려면 이미지를 추가하시고 해당 부분의 css를 수정하셔야 합니다.
핵심은 js수정입니다. 스케치북5외에 다른 스킨에도 충분히 수정해서 사용 할 수 있을 것입니다.
참조
Naver Developers - https://developers.naver.com/docs/share/navershare/
