반응형



    이 포스트는 아래 두 글에서 이어집니다.


    [iTIPs/Web] - 블로그에 카카오톡, 카카오스토리로 공유버튼 만들기


    [iTIPs/Web] - AddThis share buttons 공유버튼 플러그인에 카카오 공유 추가하기



    변경점

    • 카카오톡 공유에서 메시지에 본문 내용이 일부 포함되게 됩니다. (<p>태그 기준으로 4문장)
    • 카카오스토리 공유 스크립트가 간소화됐습니다. 그냥 카카오 스토리 자체 스크랩기능으로 공유됩니다.
    • 버튼 클릭 이벤트를 jQuery에서 img태그 자체에 onclick 이벤트로 변경했습니다.



    스크립트

    버튼부분
    <div class="visible-xs" style="float:left">
      <span id="ktalk"><img src="./images/kakaotalk.png" width="32" onclick="executeURLLink()"></span>
      <span id="kstory"><img src="./images/kakaostory.png" width="32" onclick="executeKakaoStoryLink()"></span>
    </div>

    스크립트 부분

    <!-- 카카오 공유 -->

    <script type="text/javascript" src="./images/kakao.link.js"></script>

    <script>var curURL = location.href;

    var curTitle = document.getElementsByTagName("TITLE")[0].text;

    function executeURLLink() {

        kakao.link("talk").send({

            msg: $('.article p:first-child,.article p:nth-child(2),.article p:nth-child(3),.article p:nth-child(4)').text()+"\n...더보기",

            url: curURL,

            appid: "nubiz.tistory.com",

            appver: "1.0",

            appname: curTitle,

            type: "link"

        })

    }


    function executeKakaoStoryLink() {

        kakao.link("story").send({

            post: curURL,

            appid: "nubiz.tistory.com",

            appver: "1.0",

            appname: "nubiz.tistory.com"

        })

    };

    </script>

    파란색으로 표시된 부분을 본인의 블로그에 맞게 수정하시면 됩니다.

    (이전 포스트 참고)



    .


    카카오톡 링크 2.0 API 종료..

    카카오톡 링크 2.0버전 API는 6월 30일부로 종료된다고 합니다.

    기존에 설치된 플러그인도 작동을 하지 않는지는 모르겠습니다.

    앞으로는 업그레이드된 형태의 API를 사용해야하는데.. 이것은 블로그에는 적합하지 않은것 같아 고민이네요.


    현재 카카오톡 API2.0은 제공되지 않지만, 기존 스크립트로 정상작동가능합니다



    카카오톡 링크 2.0API가 종료되어 새로운 API를 이용해야합니다.

    적용방법이 약간 까다로워졌습니다.

    티스토리에 카카오톡 링크3.5 적용하기


    반응형
    Posted by 뭐하라

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함