웹마스터 팁

얼마전 개발하면서 카카오톡과 카카오 스토리를 공유 할일이 있었습니다.

스마트폰에서 모바일 웹이나 어플로 XE 사이트나 HTML사이트의 정보를 카카오톡 앱과 카카오 스토리 앱 으로 공유 하기 기능을 넣었습니다.

 

일반적으로 웹으로 공유하는 방법이 있으나 사용자의 신뢰도에서도 문제가 있고 카카오톡의 경우는 확실이 어플로 공유 하는게 편합니다.

 

여기서 크롬등으로 실행하여 합니다. 일반적으로 어플 개발하시면서 웹뷰에서 이 스크립트는 실행하지 않습니다.

 

만약 폰갭으로개발하시는 분들은 

  var url="http://도메인/HTML문서";

  var ref = cordova.InAppBrowser.open(url, '_system', 'location=no');

 

의 _SYSTEM 옵션을 주시면 스마트폰의 인터넷 브라우즈에 지정된 어플이 실행되므로 공유하기는 웹뷰에서 인터넷 브라우즈로 넘겨 줘야서 실행 하시면 됩니다.

 

아래 소스는 카카오 API에 등록하여 JAVASCRIPT 키를 발급 받으시고 발생 도메인을 등록하셔야 합니다.

그리고 아래 소스를 사용해 보시면 카카오 톡과 카카오 스토리 어플로 공유 될됩니다.

 

게시판 스킨으로도 만들었는데 요즘 공홈에 등록하기가 까다로워서 중요한 아래 소스만 올립니다.

 

포인트는 웹뷰에서 실행되지 않는다점에서 접근하시면 될겁니다.

 

XE로 인스타그램과 같은 프로그램을 만들어서 납품하고 공유하기 부분에서 아래 소스를 활용했습니다. 스킨에 넣어서 사용했으며 웹뷰로 들어갈 게시판은 위 소스 같이 _SYSTEM으로 공유하게 하였습니다.

 

소스

 

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8"/>

<meta http-equiv="X-UA-Compatible" content="IE=edge"/>

<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width"/>

<title>KakaoStory Share Button Demo - Kakao JavaScript SDK</title>

<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>

 

</head>

<body>

 

 

 

<img src="https://developers.kakao.com/sdk/js/resources/story/icon_small.png" onclick="shareStory()"/>

 

 

 

<img src="//developers.kakao.com/assets/img/about/logos/kakaolink/kakaolink_btn_small.png" onclick="sendLink();" />

 

 

<script type='text/javascript'>

  //<![CDATA[

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

    Kakao.init('키값');

  

    function shareStory() {

      Kakao.Story.open({

        url: 'http://blog.kakaocorp.co.kr/390',

        text: '카카오검색에서 카카오스토리를!#카카오스토리#카카오검색 :)'

      });

 

    }

  //]]>

function sendLink() {

      Kakao.Link.sendDefault({

        objectType: 'feed',

        content: {

          title: '딸기 치즈 케익',

          description: '#케익#딸기#삼평동#카페#분위기#소개팅',

          imageUrl: 'http://mud-kage.kakao.co.kr/dn/Q2iNx/btqgeRgV54P/VLdBs9cvyn8BJXB3o7N8UK/kakaolink40_original.png',

          link: {

            mobileWebUrl: 'https://developers.kakao.com',

            webUrl: 'https://developers.kakao.com'

          }

        },

        social: {

          likeCount: 286,

          commentCount: 45,

          sharedCount: 845

        },

        buttons: [

          {

            title: '웹으로 보기',

            link: {

              mobileWebUrl: 'https://developers.kakao.com',

              webUrl: 'https://developers.kakao.com'

            }

          },

          {

            title: '앱으로 보기',

            link: {

              mobileWebUrl: 'https://developers.kakao.com',

              webUrl: 'https://developers.kakao.com'

            }

          }

        ]

      });

    }

  //]]>

 

 

 

</script>

 

</body>

</html>

 

태그 연관 글
  1. [2012/03/25] 묻고답하기 로그인 문제입니다, 제발 도와주세요!!! by 백용권
  2. [2011/08/08] 묻고답하기 xe 게시물을 네이버 블러그나 다음카페로 이동하는 애드온은 없을까요? by 사무엘
  3. [2011/02/18] 웹마스터 팁 cafe 설정 / 배너이미지 사이즈 바꾸기 by 윤씨
제목 글쓴이 날짜
송탄오피 송탄OP ⦑출장안마사이트.COM⦒ 송탄휴게텔 송탄오피 송탄오피 koykoyah 2025.02.21
신촌오피 신촌출장안마 ⦑출장마사지안내.COM⦒ 신촌OP 신촌오피 신촌오피 koykoyah 2025.02.21
강서오피 ⦑출장마사지안내.COM⦒ 강서마사지 강서오피 강서오피 강서OP koykoyah 2025.02.21
신도림오피 ⦑오피쓰.COM⦒ 신도림마사지 신도림오피 신도림오피 신도림OP koykoyah 2025.02.21
강남오피 ⦑출장안마사이트.COM⦒ 강남OP 강남오피 강남출장샵 강남오피 koykoyah 2025.02.21
안양오피 안양OP ⦑출장마사지안내.COM⦒ 안양휴게텔 안양오피 안양오피 koykoyah 2025.02.21
강북오피 강북출장안마 ⦑오피.CLUB⦒ 강북OP 강북오피 강북오피 koykoyah 2025.02.21
구미오피 구미OP ⦑오피.CLUB⦒ 구미휴게텔 구미오피 구미오피 koykoyah 2025.02.21
신림오피 신림오피 ⦑출장마사지안내.COM⦒ 신림OP 신림스파 신림오피 koykoyah 2025.02.21
목포오피 목포출장안마 ⦑출장마사지안내.COM⦒ 목포OP 목포오피 목포오피 koykoyah 2025.02.21
송탄오피 ⦑오피쓰.COM⦒ 송탄오피 송탄출장마사지 송탄오피 송탄OP koykoyah 2025.02.21
송탄오피 송탄출장안마 ⦑출장안마사이트.COM⦒ 송탄OP 송탄오피 송탄오피 koykoyah 2025.02.21
신도림오피 신도림오피 ⦑오피.CLUB⦒ 신도림OP 신도림스파 신도림오피 koykoyah 2025.02.21
안양오피 안양OP ⦑출장안마사이트.COM⦒ 안양휴게텔 안양오피 안양오피 koykoyah 2025.02.21
답십리오피 ⦑오피사이트.NET⦒ 답십리OP 답십리오피 답십리출장샵 답십리오피 koykoyah 2025.02.21
세종오피 세종오피 ⦑출장안마사이트.COM⦒ 세종OP 세종스파 세종오피 koykoyah 2025.02.21
답십리오피 답십리오피 ⦑오피.CLUB⦒ 답십리OP 답십리스파 답십리오피 koykoyah 2025.02.21
강남오피 ⦑오피사이트.NET⦒ 강남오피 강남OP 강남건마 강남오피 koykoyah 2025.02.21
건대오피 ⦑오피.CLUB⦒ 건대OP 건대오피 건대출장샵 건대오피 koykoyah 2025.02.21
용인오피 ⦑오피.CLUB⦒ 용인마사지 용인오피 용인오피 용인OP koykoyah 2025.02.21