질문/공유팁 게시판

카카오톡 v2 공유하기

너에게제공
조회 수 4617 추천 수 6
크게 작게 댓글로 가기
크게 작게 위로 아래로 댓글로 가기

아무것도 모르는 제가 수정을 해보았습니다.

더 좋은 방법이 있으면 댓글로 알려주세요~@

 

2018년 6월 15일부터는 Daum Developers 사이트 서비스가 종료되어, 서비스 접속이 불가합니다.

-관련내용

 

스케치북5 스킨뿐만 아니라 카카오톡 V1 소스으로된 스킨들은 대부분 아래와 같은 오류가 뜰 것입니다.

 

" 최신 버전의 카카오톡 링크가 적용되지 않은 앱(또는 서비스)에서 공유하기를 하였습니다.

해당 앱을 업데이트 하거나 최신 버전의 카카오톡 링크를 적용하도록 앱 개발사에 요청해 주세요. "

 

스케치북5 스킨 기준으로 아래와 같이 수정하면 될 것입니다.

카카오톡 링크 V2 API 참조하였습니다.

https://developers.kakao.com/docs/js/kakaotalklink

GIF.gif

2018-06-20 기준

_read.html

기존 소스

<a class="kakao" href="#" data-type="kakao"><b class="ico_sns kakao">Kakao</b></a>

수정 소스

<a class="kakao" href="javascript:sendLink()" ><b class="ico_sns kakao">Kakao</b></a>
최상상단 추가 소스

            <load target="//developers.kakao.com/sdk/js/kakao.min.js" />
            <script type='text/javascript'>
  //<![CDATA[
    // // 사용할 앱의 JavaScript 키를 설정해 주세요.
    Kakao.init('{$mi->kakao_key}');
    // // 카카오링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다.
    function sendLink() {
      Kakao.Link.sendScrap({
      requestUrl: '{$sns_link}'
      });
    }
  //]]>
</script>

---------------------------------끝------------------------

----선택사항----

list.html 및 board.js

kakao관련 소스 삭제

------------------------------------------------------------

메세지템플릿api 활용하여 다양하게 메세지 보낼수 있는 데..

생각보다 저에겐 어려워서 포기~@

 

스케치북5 외에 다른 스킨도 동일한 방법으로 수정하시면 될 것 같습니다.

 

TAG •
위로 아래로
댓글 9
  • profile
    팁 감사합니다. 기존에 구매한 애드온에서 스크립트를 적용해서 해보려다가 실패하고 그냥 게시판 스킨에 넣었습니다. 잘 동작하네요~
  • profile
    그나저나 여기 XETown 도 바꿔야겠는데요. 카카오링크가 작동하지 않습니다. ^^
  • ?
    코드를 수정해보았는데 이상하게 안되네요 모바일에서 카카오톡 버튼 누루면 아무런 반응을 하지 않네요
  • profile
    와 이거 때문에 몇일을 골머리 앓았는데 앓던 이가 뽑힌거 같습니다. 감사합니다^^
  • profile
    skin.xml에
    맨 아래
    모바일 설정에 카카오앱키 등록하는 부분을 추가해야 합니다.
    그리고 거기에 카카오에서 등록한 키를 넣어줘야 합니다.


    <group>
    <title xml:lang="ko">*모바일 설정</title>
    <var name="img_link" type="radio">
    <title xml:lang="ko">이미지 원본 링크</title>
    <description xml:lang="ko">모바일에서 이미지를 클릭하면 원본 링크로 이동합니다. *다른 리사이즈 애드온과 충돌이 될 수 있으니 해당 애드온 설정에서 모바일 설정을 확인해주세요.</description>
    <options value="">
    <title xml:lang="ko">사용</title>
    </options>
    <options value="2">
    <title xml:lang="ko">사용 안함(기본)</title>
    </options>
    </var>
    <var name="m_editor" type="radio">
    <title xml:lang="ko">모바일 에디터</title>
    <description xml:lang="ko">모바일 에디터를 선택합니다.</description>
    <options value="">
    <title xml:lang="ko">HTML5 WYSIWYG(기본)</title>
    </options>
    <options value="2">
    <title xml:lang="ko">Textarea</title>
    </options>
    <options value="3">
    <title xml:lang="ko">웹 에디터</title>
    </options>
    </var>
    <var name="kakao_key" type="text">
    <title xml:lang="ko">*카카오톡 앱키 입력</title>
    <description xml:lang="ko">카카오톡 링크를 사용하려면 'https://developers.kakao.com/'에서 발급한 API 앱키(Javascript 키)를 입력하셔야 합니다. 자세한 사항은 카카오 개발자 사이트를 참조하세요. 'https://developers.kakao.com/docs/js#카카오톡-링크-예제:-동적으로-바뀌는-내용의-카카오톡-링크-보내기'</description>
    </var>
    </group>
  • profile ?
    하단에 내용 추가시 키를 어디다가 넣나요??
  • ? profile
    키는 관리자 스킨 설정에 넣으면 됩니다.
  • profile
    팁 감사합니다.
  • ?
    주소창에 &옆에 amp; 제거 방법 있나요?