xe sketchbook 카카오톡 공유

2019년 11월 03일

작업파일 :

/modules/board/skins/sketchbook5_eond/_read.html

1. 자바스크립트 추가

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

_read.html 최상단에 위 코드를 삽입함.

2. 카카오톡 링크 버튼

<a id="kakao-link-btn" href="javascript:;" class="kakao bubble"><b class="ico_sns kakao">Kakao21</b></a>

기존 카카오톡 링크 대신 위 코드로 삽입.

※기존 코드들..

<!--          <a class="kakao bubble" href="kakaolink://sendurl?msg={$sns_title}&url={$sns_link}&appid=m.kakao.com&appver=2.0&appname=카카오" title="To Kakao Talk"><b class="ico_sns kakao">Kakao</b></a>-->
<!--            <a class="kakao bubble" href="javascript:sendLink()" title="카카오톡으로 링크보내기"><b class="ico_sns kakao">Kakao</b></a>-->

3. 공유하는 스크립트 코드 추가

<script type='text/javascript'>
   //<![CDATA[
   // // 사용할 앱의 JavaScript 키를 설정해 주세요.
   Kakao.init('YOUR APP KEY');

   // // 카카오링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다.
   Kakao.Link.createDefaultButton({
      container: '#kakao-link-btn',
      objectType: 'feed',
      content: {
         title: '{$oDocument->getTitle()}',
         description: '#블루윙즈',
         // imageUrl: 'http://mud-kage.kakao.co.kr/dn/Q2iNx/btqgeRgV54P/VLdBs9cvyn8BJXB3o7N8UK/kakaolink40_original.png',
   
         imageUrl: '<!--@foreach($oDocument->getUploadedFiles() as $key =>$file)-->{getUrl('')}{$file->uploaded_filename}<!--@endforeach-->',
         link: {
            mobileWebUrl: 'https://developers.kakao.com',
            webUrl: 'https://developers.kakao.com'
         }
      },
      social: {
         likeCount: 286,
         commentCount: 45,
         sharedCount: 845
      },
      buttons: [
         {
            title: '웹으로 보기',
            link: {
               mobileWebUrl: 'https://developers.kakao.com',
               webUrl: 'https://developers.kakao.com'
            }
         },
         {
            title: '앱으로 보기',
            link: {
               mobileWebUrl: 'https://developers.kakao.com',
               webUrl: 'https://developers.kakao.com'
            }
         }
      ]
   });
   //]]>
</script>