카카오링크 관련 문의

초보자라 인터넷 검색으로 카페24쇼핑몰에 상품 홍보하기를 아래와같이 햇는데요

데브톡 큰사진

메모장에서 복사해서 글올렷더니 아래 버튼으로 되버려서 이미지로 첨부합니다
진짜 초보라서 질문도 힘드네여

1번. 이렇게 해서 상품페이지마다 버튼이 노출이 되어서 카톡으로 공유하기는 실행이 됩니다
그런데 카톡받은 사람이 상품보기 버튼을 눌럿을때
링크가 걸린 해당 상품페이지가 열리는게 아니라 쇼핑몰 메인 화면이 열려요
어떻게 수정해야 상품페이지가 열릴까요
2번. 중간에 상품보기에 link 하단에
mobileWebUrl: ‘http://m.teeny.co.kr’ + location.pathname,
webUrl: ‘http://teeny.co.kr’ + location.pathname,
이부분에 사이트 주소를 제 주소로 바꾸면 아예 카톡으로 공유하기가 안됩니다
상단에 title: document.title,부분 아래에 링크주소는 제가 제 url로 수정해서 사용중인데 상품보기에 링크를 제거로 수정하면 아예 카카오톡으로 보내기창이 안열려요

초보자라서 질문도 좀 두서없긴하지만 어떻게 수정해야 할지 알려주시면 감사하겟읍니다

올려주신 사진의 코드와 현재 쇼핑몰 홈페이지의 코드가 달라서
현재 쇼핑몰 홈페이지 기준으로 설명드릴게요.

공유하려는 URL의 도메인이 등록되어있지 않으면
[내 애플리케이션 > 플랫폼 > 사이트 도메인]에 등록된 첫 번째 도메인으로 이동하게 됩니다.

코드를 살펴보니 link에 설정하신 URL에 http://가 누락되어 있는데요. 아래와 같이 수정해주세요.

Kakao.Link.sendDefault({
  objectType: "feed",
  content: {
    /* 생략 */
    link: {
      mobileWebUrl: "http://chahee.co.kr/product/detail.html?product_no=322",
      webUrl: "http://chahee.co.kr/product/detail.html?product_no=322"
    }
  },
  buttonTitle :"상품보기",
});

저희 JS SDK 데모의 코드를 참고해주세요.

네 답변 감사합니다~
추가로 어떻게 하는지 몰라서 질문드려봅니다
제가 질문할때 코드를 복사해서 올리고 글ㅆ,기를 하면 버튼으로 변해버리던데
답변자님처럼 코드를 넣어서 글을 올리려면 어떻게 해야되는건가여?저는 안되서 이미지로 만들어서 올렷는데여…
너무 기초적인 질문이겟지만 정말 몰라서 여쭤봅니다

데브톡은 마크다운 문법을 지원하는데요.
backtick(`) 세개를 연속해서 (```) 사용하시면 됩니다.
저희가 작성한 문서는 아니지만 도움이 되실까 해서 링크합니다. (https://gist.github.com/ihoneymon/652be052a0727ad59601#241-코드블럭)

<head>
  <script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
</head>

<div>
   <a href="javascript:sendLink()"><img src="https://developers.kakao.com/assets/img/about/logos/kakaolink/kakaolink_btn_small.png" /></a>
 </div>

<script type="text/javascript">
  Kakao.init('*****'); // 초기화

function sendLink() {
    Kakao.Link.sendDefault({
        objectType: 'feed',
        content: {
            title:document.title,
            description:$('meta[name="description"]').attr('content'),
            imageUrl:"http:[:PRODUCT_IMAGE_URL:]",
            link: {
                
                    mobileWebUrl:"[:PRODUCT_PAGE_URL:]",
                webUrl:"[:PRODUCT_PAGE_URL:]"
            },
        },
        buttons: [
            {
                title: '상품 보기',
                link: {
                    mobileWebUrl:"http://[:PRODUCT_PAGE_URL:]",
                webUrl:"http://[:PRODUCT_PAGE_URL:]"
                },
            }
        ],
    })
}

function shareStoryWeb() {
    Kakao.Story.share({
        url: location.href,
        text: document.title,
    })
}
</script>

이런식으로 하는건가여?
저한테 아래와같이 수정하세여 하시면서 보낸글처럼 코드가 나와잇자나요 근데 저는 코드를 올리면 위에처럼 코드가 미리보기로 보여지네요ㅠㅡㅠ

따옴표(’)가 아니라 ESC 키 아래에 있는 backtick(`)이에요.
비슷하게 생겨서 헷갈릴 수 있습니다ㅎㅎ

제가 너무 몰라서 부끄럽네여 ㅠ,ㅠ

감사합니다

1개의 좋아요