카페24 쇼핑몰 카카오링크(메시지) 연동하기(상품공유하기)

카페24 쇼핑몰 카카오링크(메시지) 연동하기 - 상품공유하기

 

카페24 쇼핑몰 카카오링크 연동하기

 

 

자바스크립트 기반 카카오톡 메시지 연동 / 카카오링크 연동

1. 애플리케이션 등록 (등록된 애플리케이션만 사용 가능)

2. 자바스크립트 SDK 설치 (developers.kakao.com/docs/latest/ko/sdk-download/js)

3. 필요한 위치에 버튼 등록

<a id="kakao-link-btn" href="javascript:send_kakao_talk_url()">
  <img
    src="https://developers.kakao.com/assets/img/about/logos/kakaolink/kakaolink_btn_medium.png"
  />
</a>

4. 페이지 하단에 스크립트 삽입

<div module="product_detail">
    <div module="product_image">
<script>
function send_kakao_talk_url() {
    try {
        if (Kakao) { 
            Kakao.init("애플리케이션 자바스크립트 인증키"); 
        }
    } catch(e) {};

    Kakao.Link.sendDefault({
        objectType : "feed",
        content : {
            title : "{$name|striptag}",
            description : "상품설명",
            imageUrl : "http:{$small_img}",                        imageWidth : 420,
            imageHeight : 300,                        link : {
                mobileWebUrl : "http://쇼핑몰주소/product/detail.html?product_no={$product_no}",
                webUrl : "http://쇼핑몰주소/product/detail.html?product_no={$product_no}"
            }
        },
        buttonTitle : "상품 보기",
    });
}
</script>
</div>

 

 

하단 스크립트 설명 : 

1. product_detail 모듈을 실행시켜서 상품명과 상품no를 호출한다. 

2. product_image 모듈을 실행시켜서 메시지에 포함할 이미지를 불러온다.