SlideShare a Scribd company logo
1 of 4
Weibo ?
• 웨이보란?
- 중국판 트위터를 웨이보라고 말합니다.
• 중국에서 웨이보를 사용하는 이유?
- 중국 정부에서 페이스북 및 트위터를 사용 못하게 차단하여,
자국의 SNS 사이트 이용을 유도함
# 여러가지의 웨이보가 있지만 제일 유명한 두 사이트의 제일 많이
이용하는 공유버튼 기능만 정리해 보았습니다.
# 위챗은 중국판 카카오톡이라고 생각하시면 됩니다.
# 해당 문서는 두산 프로젝트에서 필요한 기능을 찾아보면서
정리한 내용입니다.
Sina Weibo Share Button
1-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
Button
1-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))+'&u
+encodeURIComponent(location.href)+'&rcontent=','_blank','scrollbars=no,width=600,height=450,left=75,top=20,stat
이 스크립트를 호출 해주면 됩니다.
# 참고사항 #
- 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 이곳에서 해당 정
보 입력

More Related Content

More from ETRIBE_STG

머큐리얼저장소추가 사용자추가 권한추가
머큐리얼저장소추가 사용자추가 권한추가머큐리얼저장소추가 사용자추가 권한추가
머큐리얼저장소추가 사용자추가 권한추가ETRIBE_STG
 
리눅스에 대하여
리눅스에 대하여리눅스에 대하여
리눅스에 대하여ETRIBE_STG
 
Wix - 웹 홈페이지 제작
Wix - 웹 홈페이지 제작Wix - 웹 홈페이지 제작
Wix - 웹 홈페이지 제작ETRIBE_STG
 
모바일에서 Ble pxp
모바일에서 Ble pxp모바일에서 Ble pxp
모바일에서 Ble pxpETRIBE_STG
 
모바일에서 Ble pxp
모바일에서 Ble pxp모바일에서 Ble pxp
모바일에서 Ble pxpETRIBE_STG
 
Android version
Android version Android version
Android version ETRIBE_STG
 
구글맵 JavaScript API
구글맵 JavaScript API구글맵 JavaScript API
구글맵 JavaScript APIETRIBE_STG
 
Javascript 완벽 가이드 정리
Javascript 완벽 가이드 정리Javascript 완벽 가이드 정리
Javascript 완벽 가이드 정리ETRIBE_STG
 
표기법을 아시나요?
표기법을 아시나요?표기법을 아시나요?
표기법을 아시나요?ETRIBE_STG
 
피들러 신명대
피들러 신명대피들러 신명대
피들러 신명대ETRIBE_STG
 
Google analytics
Google analyticsGoogle analytics
Google analyticsETRIBE_STG
 
대표적인 오픈 소스 라이센스 요약 - 장형주
대표적인 오픈 소스 라이센스 요약 - 장형주대표적인 오픈 소스 라이센스 요약 - 장형주
대표적인 오픈 소스 라이센스 요약 - 장형주ETRIBE_STG
 
애플이 스위프트 프로그래밍 언어를 위해 "훔친" 몇 가지 기능
애플이 스위프트 프로그래밍 언어를 위해 "훔친" 몇 가지 기능애플이 스위프트 프로그래밍 언어를 위해 "훔친" 몇 가지 기능
애플이 스위프트 프로그래밍 언어를 위해 "훔친" 몇 가지 기능ETRIBE_STG
 
게임 기획서 작성하기 - 송철헌
게임 기획서 작성하기 - 송철헌게임 기획서 작성하기 - 송철헌
게임 기획서 작성하기 - 송철헌ETRIBE_STG
 
좋은개발자가되는8가지방법 - 박하은
좋은개발자가되는8가지방법 - 박하은좋은개발자가되는8가지방법 - 박하은
좋은개발자가되는8가지방법 - 박하은ETRIBE_STG
 
리눅스와 스팀 - 황성원
리눅스와 스팀 - 황성원리눅스와 스팀 - 황성원
리눅스와 스팀 - 황성원ETRIBE_STG
 
타이젠 어디까지 왔나 - 김진용
타이젠 어디까지 왔나 -  김진용타이젠 어디까지 왔나 -  김진용
타이젠 어디까지 왔나 - 김진용ETRIBE_STG
 

More from ETRIBE_STG (20)

AWS
AWSAWS
AWS
 
머큐리얼저장소추가 사용자추가 권한추가
머큐리얼저장소추가 사용자추가 권한추가머큐리얼저장소추가 사용자추가 권한추가
머큐리얼저장소추가 사용자추가 권한추가
 
리눅스에 대하여
리눅스에 대하여리눅스에 대하여
리눅스에 대하여
 
Wix - 웹 홈페이지 제작
Wix - 웹 홈페이지 제작Wix - 웹 홈페이지 제작
Wix - 웹 홈페이지 제작
 
모바일에서 Ble pxp
모바일에서 Ble pxp모바일에서 Ble pxp
모바일에서 Ble pxp
 
모바일에서 Ble pxp
모바일에서 Ble pxp모바일에서 Ble pxp
모바일에서 Ble pxp
 
Android version
Android version Android version
Android version
 
구글맵 JavaScript API
구글맵 JavaScript API구글맵 JavaScript API
구글맵 JavaScript API
 
Objc literals
Objc literalsObjc literals
Objc literals
 
Javascript 완벽 가이드 정리
Javascript 완벽 가이드 정리Javascript 완벽 가이드 정리
Javascript 완벽 가이드 정리
 
표기법을 아시나요?
표기법을 아시나요?표기법을 아시나요?
표기법을 아시나요?
 
Swing browser
Swing browserSwing browser
Swing browser
 
피들러 신명대
피들러 신명대피들러 신명대
피들러 신명대
 
Google analytics
Google analyticsGoogle analytics
Google analytics
 
대표적인 오픈 소스 라이센스 요약 - 장형주
대표적인 오픈 소스 라이센스 요약 - 장형주대표적인 오픈 소스 라이센스 요약 - 장형주
대표적인 오픈 소스 라이센스 요약 - 장형주
 
애플이 스위프트 프로그래밍 언어를 위해 "훔친" 몇 가지 기능
애플이 스위프트 프로그래밍 언어를 위해 "훔친" 몇 가지 기능애플이 스위프트 프로그래밍 언어를 위해 "훔친" 몇 가지 기능
애플이 스위프트 프로그래밍 언어를 위해 "훔친" 몇 가지 기능
 
게임 기획서 작성하기 - 송철헌
게임 기획서 작성하기 - 송철헌게임 기획서 작성하기 - 송철헌
게임 기획서 작성하기 - 송철헌
 
좋은개발자가되는8가지방법 - 박하은
좋은개발자가되는8가지방법 - 박하은좋은개발자가되는8가지방법 - 박하은
좋은개발자가되는8가지방법 - 박하은
 
리눅스와 스팀 - 황성원
리눅스와 스팀 - 황성원리눅스와 스팀 - 황성원
리눅스와 스팀 - 황성원
 
타이젠 어디까지 왔나 - 김진용
타이젠 어디까지 왔나 -  김진용타이젠 어디까지 왔나 -  김진용
타이젠 어디까지 왔나 - 김진용
 

중국SNS공유버튼-이강범

  • 1. Weibo ? • 웨이보란? - 중국판 트위터를 웨이보라고 말합니다. • 중국에서 웨이보를 사용하는 이유? - 중국 정부에서 페이스북 및 트위터를 사용 못하게 차단하여, 자국의 SNS 사이트 이용을 유도함 # 여러가지의 웨이보가 있지만 제일 유명한 두 사이트의 제일 많이 이용하는 공유버튼 기능만 정리해 보았습니다. # 위챗은 중국판 카카오톡이라고 생각하시면 됩니다. # 해당 문서는 두산 프로젝트에서 필요한 기능을 찾아보면서 정리한 내용입니다.
  • 2. Sina Weibo Share Button 1-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
  • 3. Tencent Weibo Share Button 1-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))+'&u +encodeURIComponent(location.href)+'&rcontent=','_blank','scrollbars=no,width=600,height=450,left=75,top=20,stat 이 스크립트를 호출 해주면 됩니다. # 참고사항 # - 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
  • 4. 추가 정보 • 개인 개발자로 등록할 때에는 신분증 번호나 여권번호를 등록 해야 합니다. • 회사로 등록 시에는 업로드 자격 인증서라는 게 필요합니다. • 텐센트 웨이보 개발자 등록 링크 – 로그인 후 http://dev.t.qq.com/developer/bedever 에서 정보 입력 • 시나 웨이보 개발자 등록 링크 – (시나 웨이보는 회사의 경우 뭘 제출해야하는지 잘 모르겠습니다) http://open.weibo.com 에 로그인 후 http://open.weibo.com/developers/identity/edit 이곳에서 해당 정 보 입력