wpkakao

 

 

워드프레스 콘텐츠 링크를 카카오톡으로 보내는 기능을 구현해 보았습니다.

검색해 보니 테마에 적용하는 방법들이 많은데 만드는 김에 플러그인에 적용해 보았습니다.

각종 파일, 소스코드는 아래 카톡 API 사이트에서 구할 수 있습니다.

http://www.kakao.com/link/ko/api?tab=mobile

 

1. Jquery 링크 걸기

테마에 적용할 때는 아래와 같습니다.

<script type=”text/javascript” src=”http://code.jquery.com/jquery-1.7.2.min.js”></script>

워드프레스에는 기본적으로 Jquery가 설치도어있으므로 아래와 플러그인에서는 아래와 같이 구현합니다.

add_action('init', 'my_plungin_init');
function my_plugin_init(){
  wp_enqueue_script('jquery');
}

2. 카카오톡 스크립트 링크 걸기

카톡API 사이트에서 “kakao.link.js”파일을 다운로드받아 플러그인 폴더에 넣어줍니다.
아래와 같이 링크를 추가해 줍니다.

add_action('init', 'my_plungin_init');
function my_plugin_init(){
  wp_enqueue_script('jquery');
  wp_enqueue_script('kakao', plugins_url( 'kakao.link.js', __FILE__ ));
}

3. 글 내용에 버튼 추가하기

글 내용이 표시될 때 하단에 카톡 링크버튼을 넣습니다.

 

add_filter(‘the_content’, ‘kakaolink’);function kakaolink ($content) {
$strKakaoSend = ‘kakao.link(“talk”).send({ msg : “‘.get_the_title().'”, url : “‘.get_permalink().'”, appid : “syncst”, appver : “1.0”, appname : “Syncst”, type : “link”});’;
$out .=”<div style=’float:right;’ onclick=’javascript:”.$strKakaoSend.”‘><img src='”.plugins_url( ‘kakaotalk.png’, __FILE__ ).”‘></div>”;
return $content.$out;
}

스크린샷 2013-05-08 오후 1.18.28

카톡API 사이트에서 제공하는 이미지는 너무커서 따로 만들었습니다.

 

4. 전송 테스트

스마트폰 브라우저에서 테스트해 보세요~

Image19

 

아래 페이지에서 플러그인을 다운로드 받으실 수 있습니다.

http://blog.icansoft.com/?page_id=113


6개의 댓글

김대오 · 2013년 5월 22일 16:02

Kakao Talk Link를 wordpress.org를 통해서 사이트에 설치했는데…
포스트를 작성할 때 카카오톡보내기 적용방법을 모르겠네요.
사용방법을 알려주시면 감사하겠습니다.
010-3377-8800

kimsreal · 2013년 5월 23일 09:20

Kakao Talk Link 플러그인은 페이스북 공유 버튼과 같이 사이트 방문자가 완성된 포스트를 다른 사람과 공유하기 위한 기능입니다.
포스트를 모두 작성한 후 사이트 글 하단에 버튼을 클릭하시면 됩니다. 아직까지는 카카오톡이 설치된 스마트폰에서만 가능합니다.

    Jake · 2013년 10월 6일 17:20

    혹시나 해서 카톡 플러그인 검색해봤는데 있길래 기쁜 마음으로 설치했습니다.
    하지만 스마트폰에서도 제대로 작동 안 되네요~
    그리고 세팅 들어가니까 left, right 적용만 나오고 적용할 곳을 설정하는 기능이
    없어서 아쉽습니다. 예를 들면 home, page, post 중에 post 에만 카톡버튼이 나오게 하고 싶지만 플러그인 설치하고 확인 해 본 결과 home, post 다 뜹니다.
    pc버전까지 확장되면 참 좋겠습니다.

miok · 2014년 8월 26일 12:34

현재 만들어주신 카카오톡 잘사용중에 있습니다..
짧은 제지식으론.. 수정이불가능해서..

현재 모든 글과 페이지 카카오톡이 나옵니다..
글에만 카카오톡이 표시되게 하고싶습니다..

    kimsreal · 2014년 9월 5일 14:03

    방문주셔서감사합니다.
    is_single, is_singular 함수로 포스트인지 페이지인지 확인하여 예외처리 할 수 있습니다.
    조만간 관련 기능을 포함하여 플러그인 업데이트 예정입니다.

댓글 남기기