웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
카카오톡으로 보내기(깔끔한 뷰)
2014.08.11 02:08
예전에 돌아다니던 kakaolink://방식으로 보내게 되면 메세지가 지저분하게 보내지는 것을 해결한 방법입니다.
일반 카카오앱에서 보낸 메세지와 같은 폼을 가진 메세지가 발송되게 됩니다.
삽입하는 방법은 이전에 사용하던 kakaolink://와 동일한 위치에 삽입하면 됩니다.
(게시판 스킨 본문 최하단 등)
1. http://developer.kakao.com 에 로그인 해서 애플리케이션 키를 만들어야 합니다.
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script> <a id="kakao-link-btn" href="javascript:;"> <img src="보내기 버튼 이미지 주소" /> </a> <script> // 사용할 앱의 Javascript 키를 설정해 주세요. Kakao.init('애플리케이션 키'); // 카카오톡 링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다. Kakao.Link.createTalkLinkButton({ container: '#kakao-link-btn', label: '데모 텍스트 - {$module_info->browser_title}| {$oDocument->getTitle()}', // 게시판 이름과 게시물 제목을 자동으로 불러옴(XE에서만 작동) image: { <!--@if($oDocument->hasUploadedFiles())--> {@ $uploaded_list = $oDocument->getUploadedFiles()} src: '{getUrl('')}{$uploaded_list[0]->uploaded_filename}', // 게시물에 업로드한 파일이 있으면 자동으로 링크의 썸네일로 설정. 300kByte까지만 사용 가능 <!--@else--> src: '기본 썸네일 이미지 주소', <!--@endif--> width: '300', height: '200' // 썸네일 크기 }, webButton: { text: '홈페이지로 이동', url: '테스트 도메인/index.php?document_srl={$oDocument->document_srl}' // 게시물 번호를 가져와서 삽입. //앱 설정의 웹 플랫폼에 등록한 도메인의 URL이어야 합니다. } }); </script>