채널추가 버튼 오류 문의드립니다

JavaScript
1

20220512145938

채널추가 버튼을 사이트에 설치했는데 메인 홈페이지에서는 1개가 정상적으로 노출이 됩니다.

그런데 특정 몇몇 상세페이지에서만 채널추가 버튼이 2개가 노출이 되네요 ㅠㅠ

카페24로 사용중이고 PC/MO body 부분에 코드를 넣었습니다!

2

안녕하세요.

2개씩 노출되는 페이지 URL 공유 부탁드립니다.

3

https://ielfyou.com/product/자연의-제주-시카-앰플/9/category/66/display/1/

입니다~

4

안녕하세요.

해당 페이지에서 아래 내용을 수정 부탁드립니다.
채널 스크립트를 동적으로 로드하는 코드가 있는데.
아래와 같이 수정 부탁드립니다.

<!-- 카톡 채널추가 -->
<script>
  window.kakaoAsyncInit = function() {
    Kakao.Channel.createAddChannelButton({
      container: '#kakao-talk-channel-add-button',
    });
  };
// 동적 로드 코드 삭제!!
</script>

<div
  id="kakao-talk-channel-add-button"
  data-channel-public-id="_bJKxoxb"
  data-size="large"
  data-support-multiple-densities="true"
></div>
5

안녕하세요.

코드를 body에만 넣고 페이지 별로 넣지는 않았습니다.

말씀주신 코드는 기존코드에서 하나만 추가가 된거 같은데 이것만 추가하면 되는 걸까요?

빨간색 표시부분을 바꾸라고 하신줄 알았는데 비교해보니 똑같고 코딩을 몰라서 잘 이해가 안되네요.

6
만 추가했더니 버튼이 아예 사라졌습니다
7

안녕하세요.

현재 수정해 두신 코드에 오류가 있습니다.
태그가 닫히지 않아 문법오류가 있습니다. 아래 이미지 참고하셔서 수정 부탁드립니다.

image

8

KakaoTalk_20220509_140458314

모바일에 ‘Ch’ 아이콘만 나오고 ‘채널추가’ 텍스트를 사라지게 하려면 어떻게 하나요?

9

해당 페이지 주소를 공유 부탁드립니다.

그리고 현재 적용된 것은 동작하지 않고 있는데요 JavaScript SDK가 초기화 되어 있지 않아서 그렇습니다.

우선, 카톡 채널추가 script와 바로 아래 div는 삭제 하시구요
<script type="text/javascript" src="//developers.kakao.com/sdk/js/kakao.min.js" charset="utf-8"></script> 코드아래 아래 코드를 넣어보세요

<!-- 카톡 채널 추가 -->
<div
  id="kakao-talk-channel-add-button"
  data-channel-public-id="_bJKxoxb"
  data-size="large"
  data-support-multiple-densities="true"
></div>
<script>
Kakao.init('69d2a4f5015ba4648a807648fd5051a9')
Kakao.Channel.createAddChannelButton({
      container: '#kakao-talk-channel-add-button',
});
</script>
10

ㅁhttps://www.beautifulcourse.co.kr/shop/shopdetail.html?branduid=2123924&utm_source=na_key&utm_medium=na_key&utm_campaign=bc_nakey_s01_2123924_cica&n_media=27758&n_query=%EB%93%80%EC%9D%B4%EC%85%80&n_rank=1&n_ad_group=grp-a001-01-000000022754709&n_ad=nad-a001-01-000000157561604&n_keyword_id=nkw-a001-01-000003913814087&n_keyword=%EB%93%80%EC%9D%B4%EC%85%80&n_campaign_type=1&n_ad_group_type=1&NaPm=ct%3Dl340m61s%7Cci%3D0yy0001iW7PwxRWfQeZ7%7Ctr%3Dsa%7Chk%3D01b933308919c62a156a0f342b06a1e4ced4f021

입니다. Ch버튼은 모바일에서 봐야 나오고 있습니다.

코드를 수정했는데 이렇게 하라고 하신게 맞는지 잘 이해가 가지 않습니다.

11

어떤 페이지에 수정하셨나요?
https://ielfyou.com/product/자연의-제주-시카-앰플/9/category/66/display/1/ 주소에는 변경하신것이 없어 보입니다.

새로 공유해 주신 주소에는 CH버튼만 표기되고 있습니다

12

페이지에는 넣지 않고 카페24 body 부분에 넣었습니다.

13

안녕하세요.
SDK 초기화 코드도 넣어주세요~

14

div 코드 삭제후 채널추가 버튼이 사라졌습니다…

15

위에 안내해드린 코드 적용하셨을까요?

16

네 말씀주신 아래 코드 적용하고 답변드렸습니다.

17

적용 안되어 있는 것으로 확인됩니다.
다시 한번 확인 부탁드려요

확인한 주소: https://m.ielfyou.com/product/자연의-제주-시카-앰플/9/category/66/display/1/

18

어디에 넣으라는 말씀이신가요? body에 넣었습니다.
image

19

body 가장 아래에 넣어보시겠어요?

<script>
Kakao.init('69d2a4f5015ba4648a807648fd5051a9')
</script>
20

적용했는데 채널추가 버튼 그대로 미노출입니다…