카카오링크 현재페이지 공유하기

 카카오링크를 통해 쉽게 블로그를 카카오톡으로 공유할 수 있습니다. 카카오톡은 국내에서 이용률 1위의 최대 메신저 업체로 최근에는 다음과 합병을 통해 (주)다음카카오에서 (주)카카오로 명칭을 변경하기도 했었습니다. 그만큼 다음(Daum)은 앞으로 모바일 시장으로 시장을 확대해나갈 것을 내포하고 있습니다. 앞서 블로그에 카카오링크를 설치하는 방법에 대해서 소개한적이 있고, 설치시 유의해야할점에 대해 소개한적이 있습니다.

 블로그 유입량을 높여 블로그의 방문자 수를 올리기에 카카오톡 공유링크는 좋은 방법이될 수 있습니다. 그렇다면 현재 보고있는 게시물을 공유할 수 있다면 어떨까요? 블로그 관리에 더욱 도움이되겠죠. 그래서 오늘은 현재 보고있는 게시물을 공유하는 방법에 대해 소개하려 합니다.

◎ 카카오링크 현재페이지(현재URL)공유하기

---

 일반적으로 카카오링크의 공유 주소(URL)은 카카오디벨로퍼스에 등록된 주소와 일치하여야합니다. 예를들어 현재 저의 블로그 주소가 http://4343282.tistory.com/이라면 카카오디벨로퍼스에도 동일안 URL이 등록되어 있어야합니다. 하지만 블로거가 글을 올리게되면 포스팅 주소는 주소되에 일정한 규칙으로 주소가 부여되고, 주소가 다르기때문에 매번 포스팅된 글의 주소를 공유하기에는 약간의 문제가 있습니다. 그렇다면 어떻게 해결할 수 있을까요?

 카카오 디벨로퍼스의 앱설정의 플랫폼은 다음과 같이 설정하시면됩니다. 사이트 도메인은본인 블로그의 주소와 Redirect Path의 경우는 /oauth로 설정하시면 됩니다. 수정해야할 부분은 티스토리내에 설치된 카카오링크 HTML/CSS소스를 수정하시면 됩니다. 보기쉽게 개발가이드에 제공해주고 있는 예제소스를 가지고 설명하겠습니다.

 <script>
    // 사용할 앱의 JavaScript 키를 설정해 주세요.
    Kakao.init('YOUR APP KEY');
 
    // 카카오톡 링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다.
    Kakao.Link.createTalkLinkButton({
      container: '#kakao-link-btn',
      label: '카카오링크 샘플에 오신 것을 환영합니다.',
      image: {
        src: 'http://dn.api1.kage.kakao.co.kr/14/dn/btqaWmFftyx/tBbQPH764Maw2R6IBhXd6K/o.jpg',
        width: '300',
        height: '200'
      },
      webButton: {
        text: '카카오 디벨로퍼스',
        url: htts://4343282.tistory.com/ // 앱 설정의 웹 플랫폼에 등록한 도메인의 URL이어야 합니다.
      }
    });
  </script>

---

 전체 코드중에 <script></script>사이의 부분만 수정해주시면됩니다. <script>내에서도 링크와 연결된 부분인 webButton의 url를 수정해야 합니다. 현재 연결된 url은 저의 블로그 주시은 http://4343282.tistory.com입니다. 이부분을 window.location.href로 변경해주시면됩니다. window.location.href은 현재 포스팅 페이지의 URL주소를 불러오므로 고정된 한가지 페이지의 주소를 불러오는 것이아니라 사용자가 현재읽고있는 페이지의 주소를 불러올 수 있습니다. 생각보다 간단한 방법이죠? 그렇지만 많은분들이 모르고 계신부분이라서 오늘 소개한 것이고, 많은 분들에게 도움이 되었으면 합니다.

[읽어볼만한 글]

2015/10/02 - [Programing/Programing] - 카카오링크 오류-메세지를 발송한 앱의 설정(사이트 도메인)에 오류가 있어 메세지를 전송할 수 없습니다.

2015/10/01 - [Programing/Programing] - [블로그관리]카카오 공유 링크 만들기

2015/09/30 - [IT & Mobile] - 티스토리 네이버 이웃만들기-네이버이웃커넥트

※공감은 블로거에게 큰힘이 됩니다.