post 소셜 공유

<script>
    function shareToNaver() {
        var url = encodeURIComponent(document.URL);
        var title = encodeURIComponent(document.title);
        var shareUrl = 'http://share.naver.com/web/shareView.nhn?url=' + url + '&title=' + title;
        window.open(shareUrl, 'naversharedialog', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=600');
    }

    jQuery(document).ready(function($) {
        $('#share-naver').on('click', function(e) {
            e.preventDefault();
            shareToNaver();
        });
    });
</script>
<script>
    function shareToTwitter() {
        var url = encodeURIComponent(document.URL);
        var shareUrl = 'https://twitter.com/intent/tweet?url=' + url;
        window.open(shareUrl, 'twittersharedialog', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=600');
    }

    jQuery(document).ready(function($) {
        $('#share-twitter').on('click', function(e) {
            e.preventDefault();
            shareToTwitter();
        });
    });
</script>



<script>
    function shareToFacebook() {
        var url = encodeURIComponent(document.URL);
        var shareUrl = 'https://www.facebook.com/sharer/sharer.php?u=' + url;
        window.open(shareUrl, 'facebooksharedialog', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=600');
    }

    jQuery(document).ready(function($) {
        $('#share-facebook').on('click', function(e) {
            e.preventDefault();
            shareToFacebook();
        });
    });
</script>



<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>

<script>
    Kakao.init('6b16e4766a03abb4887b3a7258760316');

    function shareKatalk() {
        Kakao.Link.sendScrap({
            requestUrl: location.href
        });
    }

    jQuery(document).ready(function($) {
        $('#share-kakaotalk').on('click', function(e) {
            e.preventDefault();
            shareToTwitter();
        });
    });
</script>

카카오톡 소셜 공유 버튼만 별도로 html위젯으로 추가합니다

굵게 표시된 부분은 kakao development에서 앱을 추가한뒤 rest api 키를 삽입합니다.

<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>

<script>

Kakao.init('6b16e4766a03abb4887b3a7258760316');
function shareKatalk() {
<!-- 카카오 Link 공유 API 사용-->
Kakao.Link.sendScrap({
requestUrl: location.href
});
};
</script>

<a class="social kakaotalk" href="#" onclick="shareKatalk();"><img src="https://wordpress-710379-3540742.cloudwaysapps.com/wp-content/uploads/2023/06/icon_spot.svg">Kakao Talk</a>