스마트폰 사용자의 97%가 사용하는 카카오톡
웹에서 sns로 공유하기는 홍보효과가 엄청남
그래서 카톡으로 공유하기는 필수...!
카카오 개발자 페이지에 가면 설명이 잘 나와있다
이거보면 따라하기 참 편해
플러그인 설명도 잘되있구
개발자포럼에서 질문하기도 카테고리별로 잘 구성되어있다.
자바스크립트를 이용하여 카카오톡 공유하기
카카오개발자 페이지에서 javascript 앱키를 받아오기
이거 없으면 동작이 안대뮤ㅠㅠ
최종 소스는 아래처럼 작성하면 핸드폰에서 공유하기 했을 때
잘 공유됨
공유..ㅎ
헤드영역에 카카오 스크립트 쓸꺼라고 알려주
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
여긴 스크립트 실행소스!
function sendKakaoTalk()
{
Kakao.Link.sendTalkLink({
label: '[SNS공유하기]\n추가설명이 여기에 들어가면 됩니다다다다',
image: {
src: , // [이미지 경로]
width: '227', // [이미지 사이즈]
height: '222' // [이미지 사이즈]
},
webButton: {
text: "바로가기!",
url: 'http://krystalim.tistory.com'
}
});
}
</script>
모바일 웹에서 위에서 작성한 sendKakaoTalk() 함수를 실행하면
카카오톡으로 자동으로 넘어가서
이렇게!!!!
바로가기! 옆에 있는 이미지는
카카오 개발자에서 설정 > 일반 에서
앱 이름 옆에 사진 등록하면 자동으로 나온다
끝
아, 이미지 없이 글자만 공유하고 싶으면
그냥 이미지 전송 부분 빼버리면 됨!!!!!!!
image: { .... },
요거
카톡 개발자들은 대단한거 같움 신기방기
'두뇌회전' 카테고리의 다른 글
iframe으로 유투브 업로드!! (0) | 2015.10.01 |
---|---|
SNS 개발자 사이트 (0) | 2015.09.24 |
[DB] oracle/mysql 연결 (0) | 2015.09.22 |
[jquery] $(jquery)와 프로토타입 충돌 (0) | 2015.09.07 |
[jQuery] bitly로 링크 짧게 만들기 (0) | 2015.08.31 |
댓글