snsshare.js

플러그인 사용을 위해선 도메인을 등록해야 합니다.
플러그인을 설치할 사이트의 도메인을 등록 후 사용법에 따라 이용해 주세요.

snsshare.js

페이스북,트위터,구글플러스,카카오스토리,카카오톡,라인,밴드에 공유하는 기능을 가진 플러그인

사용법

<style>
    #snsshare{margin:20px 0px 0px 20px;}
    #snsshare span{cursor:pointer;}
</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="//work6.kr/plugin/plugin_link/16"></script>

<script>
    $(function(){
        $('#snsshare').snsshare({
            data:{
                domain:'http://test.kr',
                url:'http://test.kr',
                desc : '내용'
            },
            key:{
                kakao:'카카오톡에서 발급해준 키'
            }
        });
    });
</script>

<body>
    <div id="snsshare">
        <span class='facebook'><img src='sns_facebook.png'></span>
        <span class='twitter'><img src='sns_twitter.png'></span>
        <span class='googleplus'><img src='sns_googleplus.png'></span>
        <span class='kakaostory'><img src='sns_kakaostory.png'></span>
        <span class='kakao'><img src='sns_kakao.png'></span>
        <span class='line'><img src='sns_line.png'></span>
        <span class='band'><img src='sns_band.png'></span>
    </div>
</body>

 

 

 

 

설치방법

 

1. Line25 ~ 33 : html을 복사 그리고 붙여넣기 합니다.


2. Line1 ~ 4 : 스타일을 복사 그리고 붙여넣기 합니다. 웹 사이트에 맞게 수정 합니다.


3. Line6 : 제이쿼리를 연결 합니다.


4. Line7 : 플러그인 사용하기 후 도메인을 등록 합니다. 코드를 복사 그리고 붙여넣기 합니다.


5. Line11 ~ 20 : 스크립트를 복사 붙여넣기 합니다.


6. Line13 : 대표 도메인을 입력해야 합니다.


7. Line14 : 링크 클릭시 연결할 url을 입력 합니다.


8. Line15 : 공유시 간단한 설명 입니다.


9. Line16 : 카카오톡 공유를 위해서는 카카오개발자센터에서 발급된 키가 필요합니다.

 

 

 
 
 
 
 
Install
 
1. Line 25 ~ 33: Copy and paste html.

2. Line1 ~ 4: Copy and paste the style. Modify it to fit your website.

3. Line6: connect the Jquery.

4. Line7: Register the domain after using the plug-in. Copy and paste code.

5. Line11 ~ 20: Copy and paste the script.

6. Line13: You must enter a representative domain.

7. Line14: Enter the URL to be linked when clicking the link.

8. Line15: A brief description of sharing.

9. Line16: KakaoTalk sharing requires a key issued by the Kakao Developer Center.