카카오톡 브라우저 공유

JavaScript
1

카카오톡 공유를 구현했었는데요.

기존에 //developers.kakao.com/sdk/js/kakao.min.js 를 사용했던 것을
https://t1.kakaocdn.net/kakao_js_sdk/2.3.0/kakao.min.js 로 수정하려고 합니다.
(참고한 문서 : https://developers.kakao.com/docs/latest/ko/message/js-link)

스크립트를 수정했더니 Kakao.Link.createDefaultButton 에서 에러가 발생하였고, 문서에 따라 Kakao.Share.createDefaultButton 로 수정했습니다. 버튼 초기화는 잘 되어 공유까지도 성공했는데요.
핸드폰에서 확인했을 때 앱이 열리는 것이 아니라 카카오톡 인앱에서 페이지 이동이 됩니다.

기존에 Kakao.Link.createDefaultButton 를 사용했을 때는 앱이 잘 열렸었습니다.
혹시 제가 놓친 부분이 있을 까요? 아래는 버튼 링크를 생성할 때 설정해주는 코드 입니다.

Kakao.Link.createDefaultButton({
	...
	buttons : [{
		title: "title",
		link: {
			mobileWebUrl : "",
			webUrl : "".
			androidExecutionParams : "",
			iosExecutionParams: "",
		}
	}]
});

확인 부탁드립니다.

애플리케이션 이름 : CHERRY

2

위의 코드에서 Link 부분은 Share 로 수정했습니다.

3

안녕하세요.

모바일 브라우저에서 카카오톡 공유하기 사용 시, 인앱 브라우저가 동작하신다는 말씀이신가요?
어떤 기기를 사용하셨는지 포함하여 테스트 상황을 좀 더 설명해 주시겠어요?

4

넵 맞습니다. pc 에서 카카오톡 공유하기를 했고, 공유된 피드는 안드로이드 갤럭시 S22 와 아이폰 11에서 확인했습니다.

5

기본적으로 링크의 mobileWebUrl, webUrl 은 카카오톡 인앱브라우저로 동작합니다.

파라미터 mobileWebUrl, webUrl, androidExecutionParams, iosExecutionParams가 모두 설정되어 있을 때는 아래의 우선순위를 기준으로 앱이 실행되거나 인앱브라우저에서 웹이 실행됩니다. 참고 부탁드립니다.

콘텐츠 영역과 버튼의 링크는 요청 파라미터와 앱 설정, 사용자 환경에 따라 다음 우선순위로 동작합니다.

  1. 앱 실행 링크: URL 스킴 설정을 통해 허용한 서비스 앱을 실행합니다.
  2. 오픈마켓 링크: 앱이 설치되지 않은 경우, 플랫폼에서 설정한 마켓 URL이 적용됩니다.
  3. 모바일 웹 링크: mobile_web_url 값으로 지정한 링크가 적용됩니다. Web 플랫폼에 여러 개의 도메인이 설정돼 있을 경우, 정상적으로 랜딩 가능한 첫 번째 도메인을 기본값으로 사용합니다.
  4. PC 웹 링크: webURL 값으로 지정한 링크가 적용됩니다. Web 플랫폼에 여러 개의 도메인이 설정돼 있을 경우, 정상적으로 랜딩 가능한 첫 번째 도메인을 기본값으로 사용합니다.

특정 링크가 설정 되어 있지 않을 경우, 메시지 콘텐츠 영역에 링크가 적용되지 않거나 버튼이 나타나지 않습니다.

6

제가 궁금한 것은 기존에는 잘 동작하던 것이 스크립트를 https://t1.kakaocdn.net/kakao_js_sdk/2.3.0/kakao.min.js 로 교체하고 Kakao.Share.createDefaultButton 로 수정하니까 동작을 안하는 것이냐는 겁니다

파라미터 mobileWebUrl, webUrl, androidExecutionParams, iosExecutionParams 는 수정한 것이 없습니다

최신 문서의 가이드대로 업데이트를 안해도 상관이 없는 부분인가요?

7

카카오톡 공유하기 메시지에 포함된 버튼의 동작은 카카오톡에서 실행되는 기능으로
공유하기를 위해 사용된 JS SDK 버전에는 영향 받지 않습니다.

다른 원인이 있을것 같은데요. 앱 ID와 재현가능한 URL 그리고 JS SDK 버전을 업데트하신 날자를 공유 부탁드립니다.

8

다시 테스트하여 확인한 결과 테스트 환경의 문제였습니다.
혼란을 드려 죄송합니다.

감사합니다.

1개의 좋아요