검색 폼

BLOG Here are some topics that have been on our mind lately.

[] 모바일 웹에 카카오톡 링크 적용하기!
15 October 2011 by http://bit.ly/JLB8DC

대부분의 스마트폰 유저가 사용하고 있는 카카오톡!
요즘은 “문자해” 보다 “카톡해”가 더 많이 쓰이고 있죠~
저희는 좋은 콘텐츠를 어떻게 다양하게 공유하게 할 수 있을지 늘 고민한답니다~
그러던 중, 카카오톡에서 모바일 웹에서도 바로 카카오톡으로 콘텐츠를 공유할 수 있도록 지원하고 있다는 것을 발견 후 바로 적용 해 보았습니다.
참조 : http://www.kakao.com/link/api?tab=mobileweb


적용방법.


1. 카카오톡에서 지원하고 있는 script 파일 다운로드!

2. FTP를 사용하여 업로드 후, 인클루드!

주의사항 : 반드시 Javascript Library인 jQuery가 필요합니다.




3. 버튼에 액션 추가하기!

소스 적용 예 :

  1. Script
  2. 
    
  3. HTML
  4. [talk]

이렇게만 하면 모바일 웹에서 카카오톡으로 콘텐츠 내용 및 주소 전달이 바로 가능하도록 된답니다.

참고 소스파일 : http://www.webactually.co.kr/kakao/kakao.zip참고 데모 : http://www.webactually.co.kr/kakao/kakao.html

* 모바일에서 확인하세요!




실행 예제.


1. 공유하고자 하는 곳에서 “카카오톡” 버튼 클릭.



2. 대화상대 선택.



3. 전송완료.

webactuallyhttp://www.webactually.com

웹액츄얼리팀은 '워드프레스'를 이용해 개인/기업을 위한 '브랜드페이지'를 제작하고 웹디자인 관련 책을 번역 출판합니다. 그것도 즐겁게.

Comments

  • http://twitter.com/webSsong won song yeon

    궁금하신 사항이 있으시면, 이곳으로 언제든지 문의주세요^^

    • http://twitter.com/01034363454 TAEMIN LEE

      http://m.it-bank.net 에 제가위소스를 활용해보았는데요~
      아이폰에서는 위기능이 동작되는데, 왜 안드로이드폰에서 안될까요?ㅜㅜ

  • http://www.webactually.co.kr webactually

    모니터에서 말고 모바일에서 확인 하세요~ 카톡을 실행해야 하니깐요~ 

  • Okkimjin1

    오… 감사합니다. 잘되네요^^

  • Okkimjin1

    혹시…. 마이피플이나 틱톡, 페이스북 같은것도 링크 달수 없을까요?
    가능하다면 설명 부탁드립니다.~~~~~~ 

  • 김성갑

    이 형태는 모바일 홈페이지에서 특정 페이지 정보를 내가 아는 누군가에게 전달하고 자 할때 사용되는 형태인데 조금더 다른방향으로 생각을 해서 수많은 사람이 특정인에게 카카오톡으로 연결하는 형태는 안될까요?쉽게 카카오톡 상담이라고 칭해 보겠습니다.

    모바일 홈페이지에 카카오톡상담 버튼이 있고 이 버튼은 특정 휴대폰번호값을 가지고 있습니다.

    이 버튼을 클릭했을때 해당 휴대폰번호로 카카오톡 대화를 바로 할수 있도록 카카오톡이 실행되는 형태.

    즉, 고객들이 상담할것이 있을때 카카오톡 상담버튼을 누르면 해당 상담사에게 기본메시지가 전달되면서 서로 상담 할 수 있는 형태가 되는것이지요.

  • Mirad1920

    아이프레임들어간 페이지에는 작동을 안하는군요~ 아이프렘을 없애버려야허나

  • Pingback: 모바일 웹에 카카오톡 링크 적용하기! | INNO-SYSTEM

  • 영식 박

    친구가 아닌 사람한테는 id 정보나 휴대폰번호를 이용해 전달은 못 하겠죠?

  • 미노

    카카오톡 로그인 해서 즐겨찾기나 댓글달게 하는 방법은 없나요?

  • Taewoong Lee

    안녕하세요.
    올려주신 포스팅글 감사히 잘 보았습니다.
    질문이 하나 있는데요
    자꾸 에러 메시지가 떠서요.
    “전달하려는 메시지의 필수 정보에 오류가 있습니다. 등등
    필수 파라미터 누락 : attachment.linkver 라고 뜨는데요

    혹시 카카오톡 메시지 보내기 api 가 바뀌었나요 ?

    답변해주시면 감사하겠습니다.

Twitter

  • 2016년 'REPEAT'할 것인가, 'RESET'할 것인가? 디지털을 바르게 이해하고 우리 조직에 적용하는 완벽한 방법! ‘우리 회사 디지털 리셋’ 지침서 다운로드 받기
  • <우리 회사 디지털로 리셋하기> 소개 영상보기 (한글 자막 지원)
  • 반응형 웹 디자인에서 글줄의 길이와 글자 크기 균형 잡기 - 얀치홀트가 자신의 법칙을 깨고 왼쪽 정렬을 주장했듯이 영원한 법칙은 없습니다! 특히 모바일 가독성을 위해, 그동안 사용하던 법칙은 잊으셔도 됩니다.