얼렁뚱땅코드/그누보드

카카오톡 공유하기 스크립트

얼렁뚱땅 디자이너 2020. 11. 26. 15:12

theme/basic 안에 새로운 php 파일을 생성하고 작성해주었다.

<?php
	include_once(G5_THEME_PATH."/kakaoadd.php");
?>


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width"/>
<title>KakaoLink v2 Demo(Default / Feed) - Kakao JavaScript SDK</title>
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>

</head>
<body>
<a id="kakao-link-btn" href="javascript:sendLink()">
<img src="<?=G5_IMG_URL?>/ft_btn03.png"/>
</a>
<script type='text/javascript'>
  //<![CDATA[
    // // 사용할 앱의 JavaScript 키를 설정해 주세요.
    Kakao.init('4ab64299f2806d040147a46cde09b6dd');
    // // 카카오링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다.
    function sendLink() {
      Kakao.Link.sendDefault({
        objectType: 'feed',
        content: {
          title: '부천사이클',
          description: '부천사이클테스트',
          imageUrl: 'http://skycycle.webable.kr/img/ft_btn03.png',
          link: {
            mobileWebUrl: 'http://skycycle.webable.kr/',
            webUrl: 'http://skycycle.webable.kr/'
          }
        },
        social: {
          likeCount: 286,
          commentCount: 45,
          sharedCount: 845
        },
        buttons: [
          {
            title: '웹으로 보기',
            link: {
              mobileWebUrl: 'http://skycycle.webable.kr/',
              webUrl: 'http://skycycle.webable.kr/'
            }
          }
       ]
      });
    }
  //]]>
</script>

</body>
</html>

위 스크립트 제작 후 index나 tail.php등 원하는 곳에서 인클루드 시켜주면 작동된다.

<?php
	include_once(G5_THEME_PATH."/kakaolink.php");
?>