본문 바로가기

카카오 REST API & SDK/카카오톡 공유하기6

카카오톡 공유하기, 메시지 커스터마이징 ※ 카카오톡 공유하기 메시지 하단, 디벨로퍼스앱 출처는 제거할 수 없음. (디벨로퍼스에 설정된 첫번째 도메인으로 이동) (1) 텍스트로된 메시지 발송 - 메시지 템플릿 도구 이용 * 제목/설명 외 모두 사용안함 설정 function CONTAINER_ID20211012OnlyText() { Kakao.Link.sendCustom({ templateId: 63316 }); } (2) 200자 텍스트 발송 - 스크립트 이용 Kakao.Link.sendDefault({ objectType: 'text', text: '기본 템플릿으로 \n제공되는 텍스트 템플릿은 텍스트를 \n최대 200자까지 표시할 수 있습니다. \n\n텍스트 템플릿은 텍스트 영역과 하나의 기본 버튼을 가집니다. \n\n임의의 버튼을 설정할 수.. 2022. 10. 25.
카카오톡 미리보기 초기화 / OG(Open Graph) 캐시 삭제 카카오톡과 카카오스토리에서는 디벨로퍼스에서 제공하는 API를 사용하거나 URL을 직접 입력하는 경우 미리보기(썸네일)이 표시됩니다. 카카오의 스크랩서버는 공유하고자 하는 URL에 접근하여 대표 이미지를 인식 후 미리보기(썸네일)을 생성합니다. 주로 OG 태그를 분석하여 대표 이미지를 인식합니다. 사용자는 사이트의 OG 태그를 수정하여 미리보기에 사용될 대표 이미지를 변경할 수 있습니다. 이때, 사용자가 대표 이미지를 변경하였지만 카카오톡 채팅 창과 카카오 스토리에서는 여전히 이전 이미지가 표시될 수 있습니다. 이는 카카오가 사용자에게 이미지를 빠르게 제공하기 위해 이미지를 최적화한 후 CDN에 캐시 하여 제공하기 때문입니다. 한번 캐시 된 이미지는 장기간 보존되며 이를 초기화하기 위해서는 디벨로퍼스에서.. 2022. 8. 26.
vue.js에서 JS SDK 카카오톡 공유 사용 vue cli로 기본 프로젝트 생성한 것을 기준으로 합니다. * vue-cli설치와 기본 프로젝트 생성 yarn global add @vue/cli ... yarn global add @vue/cli-init ... vue init webpack vue-project ... yarn run dev * index.html vue는 SPA이므로 객체가 제거되지 않고 전역에서 접근할 수 있도록 루트 html에 window.Kakao로 init합니다. * HelloWorld.vue {{ msg }} Essential Links ... 생략 Ecosystem ... 생략 ...생략 2021. 9. 28.
카카오 링크/메시지 androidExecutioncParams, iosExecutionParams 사용 Kakao.Link.sendDefault({ objectType: 'feed', installTalk : true, content: { title: title, imageUrl: 'http://~~', link: { mobileWebUrl: 'http://~~', webUrl: 'http://~~', iosExecutionParams: 'url=http://~~', androidExecutioncParams: 'url=http://~~' }, }, buttons: [{ title: '앱으로 보기', link: { mobileWebUrl: 'http://~~', webUrl: 'http://~~', iosExecutionParams: 'url=http://~~', androidExecutioncParams.. 2021. 9. 27.
카카오톡 공유하기(구. 카카오 링크) 사용중 자주 겪는 에러와 문의 가이드 : 가이드를 먼저 읽어 보세요.!!! JS SDK : developers.kakao.com/docs/latest/ko/message/js-link Android : developers.kakao.com/docs/latest/ko/message/android-link iOS : developers.kakao.com/docs/latest/ko/message/ios-link 메시지 표시 관련 문의 Q. 이미지 사이즈 조정 가능 한가요? A. 이미지 영역은 고정이라 수정할 수 없고 고정된 영역 안에서 표시 사이즈만 수정하실 수 있습니다. 메시지 템플릿을 사용하실 경우, 원본 비율 유지 또는 가운데 정렬 후 넘치는 영역을 잘라내는 방식 중 하나로 이미지 비율 설정이 가능합니다. https://develop.. 2021. 4. 25.
android + (kakao Javascript SDK)하이브리드앱 예제 - 카카오톡 링크 MainActivity.kt ://kakaolink" 형식의 앱 실행 처리 package com.googsu.myapplication import android.content.Intent import android.os.Bundle import android.os.Handler import android.os.Looper import android.os.Message import android.util.Log import android.webkit.WebChromeClient import android.webkit.WebResourceRequest import android.webkit.WebView import android.webkit.WebViewClient import android.widget... 2021. 3. 21.

티스토리툴바