테스트 사이트 - 개발 중인 베타 버전입니다

카카오링크 주소 적용 채택완료

은빛여전사 6년 전 조회 3,472

아래 코드로 해서 카카오링크를 적용하면 카카오톡으로 메세지 전송은 정상적으로 되는데요
아래 적용된 사이트 주소로 이동이 안되고

http://sun76841.dothome.co.kr   <- 여기로 이동이 되네요

무엇때문일까요 ㅠㅠㅠㅠㅠ

 

</p>

<p>     //<![CDATA[

    // // 사용할 앱의 JavaScript 키를 설정해 주세요.

    Kakao.init('1a671a0bf21491b57c88ebae6e761c9d');

    // // 카카오링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다.

    Kakao.Link.createDefaultButton({

      container: '#kakao-link-btn',

      objectType: 'feed',

      content: {

        title: '',

        description: '',

        imageUrl: '',

        link: {

          mobileWebUrl: '<a href="http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46'," target="_blank" rel="noopener noreferrer">http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46',</a>

          webUrl: '<a href="http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46'" target="_blank" rel="noopener noreferrer">http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46'</a>

        }

      },

      social: {

        likeCount: 286,

        commentCount: 45,

        sharedCount: 845

      },

      buttons: [

        {

          title: '웹으로 보기',

          link: {

            mobileWebUrl: '<a href="http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46'," target="_blank" rel="noopener noreferrer">http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46',</a>

            webUrl: '<a href="http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46'" target="_blank" rel="noopener noreferrer">http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46'</a>

          }

        },

        {

          title: '앱으로 보기',

          link: {

            mobileWebUrl: '<a href="http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46'," target="_blank" rel="noopener noreferrer">http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46',</a>

            webUrl: '<a href="http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46'" target="_blank" rel="noopener noreferrer">http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46'</a>

          }

        }

      ]

    });

  //]]></p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
아르키어드

https://developers.kakao.com/docs/js-reference#kakao_link_senddefault

카카오개발자센터의 링크 레퍼런스에서 가져온 자료입니다.

상단위쪽에 webUrl , mobileWebUrl 등의 링크는 앱설정에서 등록된 도메인만 사용가능하다고 나와있습니다. 자세한 상세페이지의 경우에도 셋팅하는방법이 있을테니 레퍼런스를 한번 쭉 읽어보심이 좋을거같습니다.

==========================================================

  • Arguments : Object
    카카오링크와 관련된 설정을 key/value로 전달합니다.

    • objectType : String (required)
      (objectType: 'feed')

    • content : Object (required)
      메인 콘텐츠

      • title : String (required)
        콘텐츠의 타이틀

      • imageUrl : String (required)
        이미지 경로, [앱 설정]에 등록된 도메인만 허용

      • link : Object (required)

        • webUrl : String
          (constraint: webUrl, mobileWebUrl, androidExecParams, iosExecParams 중 하나는 필수)
          카카오톡 PC버전에서 이용, [앱 설정]에 등록된 도메인만 허용

        • mobileWebUrl : String
          (constraint: webUrl, mobileWebUrl, androidExecParams, iosExecParams 중 하나는 필수)
          카카오톡 Mobile버전에서 이용, [앱 설정]에 등록된 도메인만 허용

        • androidExecParams : String
          (constraint: webUrl, mobileWebUrl, androidExecParams, iosExecParams 중 하나는 필수)
          카카오톡 Android버전에서 이용, 해당 값이 없을 경우 mobileWebUrl로 적용

        • iosExecParams : String
          (constraint: webUrl, mobileWebUrl, androidExecParams, iosExecParams 중 하나는 필수)
          카카오톡 IOS버전에서 이용, 해당 값이 없을 경우 mobileWebUrl로 적용

      • description : String
        콘텐츠의 상세 내용

      • imageWidth : Number
        이미지 넓이

      • imageHeight : Number
        이미지 높이

    • social : Object
      소셜 정보

      • likeCount : Number
        좋아요 수

      • commentCount : Number
        댓글 수

      • sharedCount : Number
        공유 수

      • viewCount : Number
        조회 수

      • subscriberCount : Number
        구독 수

    • buttonTitle : String
      버튼명, [앱 설정]에 따른 기본 링크 사용, buttonTitle과 buttons 함께 있을 경우 buttons가 적용됨

    • buttons : Array[Object]
      버튼, 링크 설정 가능, buttonTitle과 buttons 함께 있을 경우 buttons가 적용됨

      • title : String (required)

      • link : Object (required)

        • webUrl : String
          (constraint: webUrl, mobileWebUrl, androidExecParams, iosExecParams 중 하나는 필수)
          카카오톡 PC버전에서 이용, [앱 설정]에 등록된 도메인만 허용

        • mobileWebUrl : String
          (constraint: webUrl, mobileWebUrl, androidExecParams, iosExecParams 중 하나는 필수)
          카카오톡 Mobile버전에서 이용, [앱 설정]에 등록된 도메인만 허용

        • androidExecParams : String
          (constraint: webUrl, mobileWebUrl, androidExecParams, iosExecParams 중 하나는 필수)
          카카오톡 Android버전에서 이용, 해당 값이 없을 경우 mobileWebUrl로 적용

        • iosExecParams : String
          (constraint: webUrl, mobileWebUrl, androidExecParams, iosExecParams 중 하나는 필수)
          카카오톡 IOS버전에서 이용, 해당 값이 없을 경우 mobileWebUrl로 적용

    • installTalk : Boolean
      (default: false)
      카카오톡이 설치되어 있지 않은 경우 마켓의 카카오톡 설치 페이지로 이동합니다.

    • fail : Function
      카카오 링크를 지원하지 않는 플랫폼(iOS/Android 외의 플랫폼)에서 함수를 호출했을 경우 불리는 콜백 함수

    • success : Function(messageObj)
      카카오 링크 요청에 대한 응답을 확인하기 위한 콜백 함수(warning message 포함)

      • messageObj : Object
        warning message

        • template_msg : Object
          링크 메시지 (Link JSON 참고용)

        • warning_msg : Object
          링크 메시지를 검증한 결과

        • argument_msg : Object
          argument를 검증한 결과

    • callback : Function
      카카오링크 웹공유에서 공유 버튼 클릭 시 호출되는 콜백 함수 (IE 제외)

    • serverCallbackArgs : String
      카카오링크 공유 시 전송되는 링크 콜백에 포함되는 파라미터

    • https://developers.kakao.com/docs/js/kakaotalklink#%EB%A7%81%ED%81%AC-%EC%BD%9C%EB%B0%B1-%EC%88%98%EC%8B%A0" target="_blank">링크 콜백 가이드로 이동
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

은빛여전사
6년 전
그렇군요.. 그럼 위 소스로는 안되겠네요. ㅠㅠ 게시글 별로 공유 주소가 다르게 되니까 ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

아르키어드

그 카카오톡 버튼이있는곳 좌표좀 부탁드려요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 5개

은빛여전사
6년 전
http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46

입니다..

공감해요 오른쪽 화살표 누르면 카카오톡 버튼이 나타 납니다.
카카오톡 사이트에서 가져온 그대로 적용 한건데도 안되네요 ㅠㅠㅠ
아르키어드
6년 전
카카오 개발자센터에도 확인해보셨나요?
은빛여전사
6년 전
개발센터는 안해봤습니다. 거기에도 한번 물어 봐야 겠군요
아르키어드
6년 전
근데요..조금 이상한점이.. 위 스크립트가... 링크에서 받아온곳..즉 index에 없던데.. 저 카카오소스를 인덱스페이지에도 넣어보시지요. 청첩장만들때 index페이지에 저는 저스크립트를 넣엇거든요
은빛여전사
6년 전
인덱스에 없습니다.
게시판 게시글에 달아 보려고 하고 있는 중입니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인