중국SNS공유버튼-이강범
4
Weibo ? • 웨웨웨웨 ? - 웨웨웨 웨웨웨웨 웨웨웨웨웨 웨웨웨웨 . • 웨웨웨웨 웨웨웨웨 웨웨웨웨 웨웨 ? - 웨웨 웨웨웨웨 웨웨웨웨 웨 웨웨웨웨 웨웨 웨웨웨 웨웨웨웨 , 웨웨웨 SNS 웨웨웨 웨웨웨 웨웨웨 # 웨웨웨웨웨 웨웨웨웨 웨웨웨 웨웨 웨웨웨 웨 웨웨웨웨 웨웨 웨웨 웨웨웨웨 웨웨웨웨 웨웨웨 웨웨웨 웨웨웨웨웨 . # 웨웨웨 웨웨웨 웨웨웨웨웨웨웨 웨웨웨웨웨 웨웨웨 . # 웨웨 웨웨웨 웨웨 웨웨웨웨웨웨 웨웨웨 웨웨웨 웨웨웨웨웨 웨웨웨 웨웨웨웨웨 .
description
2014-07-25 중국SNS공유버튼-이강범
Transcript of 중국SNS공유버튼-이강범
Weibo ?
• 웨이보란 ? - 중국판 트위터를 웨이보라고 말합니다 .
• 중국에서 웨이보를 사용하는 이유 ? - 중국 정부에서 페이스북 및 트위터를 사용 못하게 차단하여 , 자국의 SNS 사이트 이용을 유도함
# 여러가지의 웨이보가 있지만 제일 유명한 두 사이트의 제일 많이 이용하는 공유버튼 기능만 정리해 보았습니다 .# 위챗은 중국판 카카오톡이라고 생각하시면 됩니다 .# 해당 문서는 두산 프로젝트에서 필요한 기능을 찾아보면서 정리한 내용입니다 .
Sina Weibo Share Button1-1. 스크립트 파일 - <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
1-2. <body> 영역안에 추가 되는 태그 1) <wb:share-button addition="number" type="button" default_text=“text input" ></wb:share-button> 2) <wb:share-button addition="simple" type="button" default_text="text input"></wb:share-button> 3) <wb:share-button addition="number" type="icon" default_text="text input"></wb:share-button> 4) <wb:share-button addition="simple" type="icon" default_text="text input"></wb:share-button>
2. 공유 팝업창 처리만 해주고 싶을 경우 - window.open('http://v.t.sina.com.cn/share/share.php?title='+encodeURIComponent(document.title)+'&url=‘ +encodeURIComponent(location.href)+'&source=bookmark‘,'_blank','width=450,height=400'); 이 스크립트를 호출 해주면 됩니다 .
# 참고사항 #
- 1-2 번 과 같은 방법은 Iframe 을 이용하여 보여주는 방식입니다 .( 인증키 불필요 ) - 시나 웨이보의 지정된 공유버튼을 사용하기 싫은 경우 2 번과 같이 팝업창 처리를 해야합니다 . - 시나 웨이보의 경우 API 사용을 하기 위해 인증키를 발급 받아야 하는데 중국 신분증을 필요로 하기 때문에 절차가 까다롭습니다 . - addition 과 type 의 종류를 필요한대로 사용하면 됩니다 . - 1-2 번의 의 경우 해당 페이지의 경로가 자동으로 인식 됩니다 . - 2 번의 경우 url 파라메터에 보내줘야 합니다 . - 참고파일 – sina_share.html
Tencent Weibo Share Button1-1. 스크립트 파일 - <script src="http://mat1.gtimg.com/app/openjs/openjs.js#autoboot=no&debug=no"></script>
1-2. <body> 영역안에 추가 되는 태그 - <div id="qqwb_share__" data-appkey="1324797360" data-icon="0" data-counter="1" data-counter_pos="right" data-content=" 이곳에 공유할 글이 들어가면 됩니다 . 최대 128 자까지 됩니다 ."></div>
2. 공유 팝업창 처리만 해주고 싶을 경우 - window.open('http://v.t.qq.com/share/share.php?title='+encodeURIComponent(document.title.substring(0,76))+'&url=‘ +encodeURIComponent(location.href)+'&rcontent=','_blank','scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes'); 이 스크립트를 호출 해주면 됩니다 .
# 참고사항 #
- 1-2 번 과 같은 방법은 Div 영역 안에 보여주는 방식입니다 .( 인증키 필요함 , 위소스에 있는 인증키는 API 예제안에 있는 키 입니다 .) - 텐센트 웨이보의 지정된 공유버튼을 사용하기 싫은 경우 2 번과 같이 팝업창 처리를 해야합니다 . - 텐센트 웨이보의 경우 API 사용을 하기 위해 인증키를 발급 받아야 하는데 중국 신분증을 필요로 하기 때문에 절차가 까다롭습니다 . - 텐센트 웨이보는 임시 테스트용 공개키를 발급해주긴 하나 , 해당 사이트 테스트 페이지 에서만 작동하며 , 2 시간동안 유지됩니다 . - 1-2 번의 data-icon 은 0 일때 simple, 1 일때 normal 입니다 . - 1-2 번의 data-counter 는 0 일때 카운터 기능이 없고 , 1 일때 카운터 가 보이게 됩니다 . - 1-2 번의 경우 해당 페이지의 주소가 자동으로 인식됩니다 . - 2 번의 경우 url 파라메터에 주소를 꼭 보내줘야 합니다 . - 참고 파일 : tencent_share.html
추가 정보• 개인 개발자로 등록할 때에는 신분증 번호나 여권번호를 등록 해야 합니다 .
• 회사로 등록 시에는 업로드 자격 인증서라는 게 필요합니다 .
• 텐센트 웨이보 개발자 등록 링크 – 로그인 후 http://dev.t.qq.com/developer/bedever 에서 정보 입력
• 시나 웨이보 개발자 등록 링크 – ( 시나 웨이보는 회사의 경우 뭘 제출해야하는지 잘 모르겠습니다 ) http://open.weibo.com 에 로그인 후 http://open.weibo.com/developers/identity/edit 이곳에서 해당 정보 입력
![¶©ë¶ê²½‹¤ë ¨ ê³µœ ê²½ œ ê°•—°Œ - [1ê°•] 다‹œ, ê³µœ ‹œëŒ€ by •œƒ—½](https://static.fdocuments.net/doc/165x107/55c5194bbb61eb91488b45db/-1-by.jpg)
![[µœ¢… ë³´ê³ „œ]°¾•„ê°€ë” ‹ƒ](https://static.fdocuments.net/doc/165x107/55c90566bb61ebb41f8b469c/-55c90566bb61ebb41f8b469c.jpg)
