Profile
이온디

2019.11.03

개발팁

xe sketchbook 카카오톡 공유

조회 수 39 추천 수 0

작업파일 : 

/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>

Kakao.init('YOUR APP KEY'); 부분에 

https://developers.kakao.com/apps/363548  여기에서 추가한 코드를 삽입한다


Profile
7
Lv
이온디

이온디 홈페이지는 간결하며,

 손쉽게 수정할 수 있습니다.

0개의 댓글

에디터
번호 제목 조회 수 추천 수 날짜
공지 [라이믹스] Another XE, 라이믹스 소개/설치하기 156 0 2019.01.09
공지 [XE소식] XE제작문의는 이온디 제작의뢰로 가주세요. 169 0 2018.12.10
공지 [사이트맵] XE/라이믹스 사이트맵 불편 기능을 알려주세요. 168 0 2017.09.23
378 [자유게시판] xe 고급메이발송모듈 8 0 4 일 전
377 [자유게시판] xe 이슈트래커 모듈 사용하기 - 실패 3 0 4 일 전
376 [자유게시판] XE 멀티도메인 이슈 0 0 10 일 전
375 [사용팁] [XE] 멀티도메인 사용시 관리자 로그인했을 때, '잘못된 요청입니다.' 메세지 출력되는 현상 7 0 17 일 전
374 [마이그레이션(이전)] 제로보드4를 XE로 이전하는 방법 31 0 2019.12.09
373 [아이디어/건의] 사용자별 테마 기능 39 0 2019.11.15
372 [아이디어/건의] 관심사기반 게시물 추천 16 0 2019.11.12
371 [아이디어/건의] 라이선스 이슈 14 0 2019.11.12
370 [사용팁] xe sketchbook 댓글 추천 새로고침 없이 35 0 2019.11.08
[개발팁] xe sketchbook 카카오톡 공유 39 0 2019.11.03
368 [개발팁] 게시판 리스트 중간에 구글 광고 띄우기 16 0 2019.11.03
367 [개발팁] 게시물 중간에 원하는 위치에 구글 광고 삽입하기 끝!; 19 0 2019.10.24
366 [자유게시판] 오래된 XE 설치 사이트 수리하기 53 0 2019.09.12
365 [사용팁] equeer layout 에 recaptcha 넣기 62 0 2019.05.10
364 [누리고] 누리고 장바구니 > 결제모듈 97 0 2019.05.10