-
자바스크립트 카카오스토리 공유하기!JavaScript 2015. 6. 25. 18:33반응형
https://developers.kakao.com/docs/js
1. 해당 URL 접근
2. JavaScript 개발가이드 - 카카오스토리 공유 이동
★ 표시한 부분을 기억해주세요!!
검색해보시면 알겠지만 예전에는 복잡한 소스 였지만 카카오톡에서 간편하게 사용할 수 있도록 플러그인을 만들었습니다. ( 키 생성하는 방법은 생략하겠습니다 )
제 개발 환경에 맞게 다음과 같이 적용후 웹 에서 테스트를 해보았습니다.
3. 웹
밑줄 친 부분은 <title>재미+</title> 타이틀 태그의 표현입니다.
전 카카오스토리로 공유하기 할 경우 특정 콘텐츠의 제목 및 썸네일 을 링크할 것 입니다.
모바일 웹 + 모바일 앱에서 테스트를 아무리 해도 3.웹 사진 처럼 썸네일 제목에는 아무런 반응이 없을 것입니다.
og 의 관한 자세한 설명은 http://ogp.me/ 에서 확인해주시기 바랍니다.
중요한 TIP : meta tag를 적용해도 웹에서는 파싱해오지 못하더라구요 그래서 설마? 하고 모바일 웹 + 모바일 앱에서 확인 해보니 제대로 파싱해 오더라구요 ㅎㅎ
이 글을 읽지 않으시고 왜 난 안되냐 이러시면 아니되옵니다 ㅋㅋ
<meta property="og:title" content="제목"/>
<meta property="og:site_name" content="사이트명">
<meta property="og:type" content="분류"/>
<meta property="og:url" content="주소"/>
<meta property="og:image" content="썸네일"/>
<meta property="og:description" content="요약글"/>
4. 최종 : 카카오 스토리 공유하기 완료!
카카오스토리에 링크된 해당 게시물을 클릭 시 적용할려면 함수안 url에 해당 파라미터를 던져주면 됩니다.. 이건 기본이니깐 아실꺼라 믿어요
반응형'JavaScript' 카테고리의 다른 글
자바스크립트 Ajax(XMLHttpRequest) 예제 및 정의! (2) 2015.11.26 스크립트 태그 <![CDATA[]]> 란? (0) 2015.10.27 자바스크립트 JSON.parse & JSON.stringify 메소드 (2) 2015.05.08 자바스크립트 attachEvent & addEventListener (0) 2015.05.03 자바스크립트 Call By Value & Call By Reference (0) 2015.04.30