카카오톡 공유하기 버튼 event click 작동 안됨

JavaScript
1

안녕하세요.

			<a href="javascript:void(0)" class="btn_sns_share" id="ka-share-btn">
				<span class="ico_sns kakao"></span>
				<span class="sns_text">카카오톡</span>
			</a>

–

다음과 같이 html 에 정의하고
domContentLoaded 이벤트 내부에 kakao.init 을 해주었습니다,
그리고 아래와 같이 click 시 event 를 호출하려는데, 카카오 아이콘을 클릭 시 바로 카카오톡 팝업만 뜨고 클릭 이벤트는 걸리지 않네요.
(페이스북이나 다른 sns , 들은 잘 작동 됩니다. )
document.addEventListener(‘click’, e => {
console.log(e);
shareButtonClick();
});

Kakao.Share.createDefaultButton({
… // 생략

혹시 추가적으로 고려할 사항이 있나요?

2

createDefaultButton 함수는 지정된 객체에 카카오톡 공유하기 기능을 동적으로 생성합니다.

이벤트 리스너를 따로 구현하시므로 Kakao.Share.sendDefault 함수를 사용해보시겠어요?

3

말씀하신대로 바꾸었는데
kakao.min.js:99 Uncaught TypeError: Cannot read properties of null (reading ‘focus’)
라는 에러가 뜹니다…

    Kakao.Share.sendDefault({
        // container: '#ka-share-btn',
        objectType: 'feed',
        content: {
          title: title, 
          description: desc, 
          imageUrl: //
          link: {
            // [내 애플리케이션] > [플랫폼] 에서 등록한 사이트 도메인과 일치해야 함
            mobileWebUrl: shareUrl,
            webUrl: shareUrl,
          },
        },
        buttons: [
          {
            title: //
            link: {
              mobileWebUrl: shareUrl,
              webUrl: shareUrl,
            },
          },
        ],
      });    
}
4

사용하신 앱ID와 팝업 차단 여부 및 재현가능한 사이트 URL알려주시겠어요?

5

현재 라이브중인 서비스가 아니라서요.
에러 원인을 파악하기 위한 키워드를 알려주실 수 있나요?
createDefaultButton 에서 sendDefault 로 변경한 것 밖에 없습니.다…

6

에러 원인을 파악하기 위한 키워드를 알려주실 수 있나요?

해당 에러는 일반적으로 팝업을 호출할 수 없는 경우 발생합니다.

디벨로퍼스에서 제공하는 데모는 정상작동하는지 확인해보시겠어요?

Kakao Developers

7

아, 그러네요. 답글 달고나서야 확인했어요.
감사합니다 :blush:

1개의 좋아요