카카오톡 채널추가 버튼 생성 시 이미지 2개 노출

JavaScript
#1

랜딩페이지를 만드는 애디터에 해당 코드를 삽입하면, 채널추가 버튼이 자동으로 2개가 생성이 됩니다. 코드로 다시 들어가보면 자동으로 이미지가 만들어지는데, 왜 이런 현상이 생기는지 모르겠습니다…

div쪽 코드를 지워도 그런 현상이 지속되네요~

카카오톡 채널 추가 버튼카카오톡 채널 추가 버튼

image

#2

안녕하세요.

확인 가능한 URL 부탁드립니다.

#3

안녕하세요, 지금 이 순간에도 뭔가를 클릭하면 계속 늘어나네요 ㅠㅜ

https://healingletter.com/ln/?2013

#4

서비스측 소스코드에서 채널 추가 버튼 이미지가 포함된 a tag들이 다수 확인됩니다.

image
image2020×260 49.8 KB

위 div 부분은 내용을 모두 제거하고 아래와 같이 수정해 보시겠어요?

<div id="add-channel-button"></div>
#5

말씀하신 것처럼 제거를 했는데도 계속 자동으로 추가가 되고 있습니다… 버그 같은 것일까요?

#6

확인해 보니 여전히 div 태그 안에 여러 a 태그들이 보이고 있습니다.

image
image2940×718 362 KB

#7

이게 제가 없애도 계속 자동으로 추가되는 것입니다…

#8

전달드린 이미지는 네트워크 로그를 캡처한 것으로 javascript가 동작하기 전 서비스로 부터 전달받은 raw html 입니다.
때문에, 해당 페이지 담당 개발자에게 문의해 보시는게 좋을것 같습니다.

#9

알겠습니다.감사합니다.

#10

안녕하세요.

오늘 다시 확인해 보니 여전히 여러 버튼이 노출되고 있는데요
해당 페이지는 어떻게 수정하고 계신가요?

#11

새로 이미지를 만들어서 시도해보고 있습니다~ 이미지를 삽입하니까 작동하지 않네요 ㅠㅜ

#12

아래와 같이 수정해 보시겠어요?

<div id="add-channel" style="cursor: pointer;">
  <img src="https://leadgen.kr/data/file/smarteditor2/2023-11-16/56a7a37266004dac3d7481a2264bee6f_1700129066_9333.png" title="56a7a37266004dac3d7481a2264bee6f_1700129066_9333.png" width="100%">
</div>
<script>
  if(!Kakao.isInitialized()) {
    Kakao.init('be41c49cce1f04349e030b3a96580fa4');
  }
  $("#add-channel").click(function() {
    Kakao.Channel.addChannel({
      channelPublicId: '_qNLsG'
    })
  });
</script>
1개의 좋아요
#13

https://developers.kakao.com/tool/demo/channel/add?method=add

여기서 동적으로 추가하기로 코드 다시 수정했더니 작동합니다!!

방금 주신 코드로도 수정해봤는데, 정상적으로 작동합니다!

감사합니다 :slight_smile: