JavaScript 활용팁
2016.08.05 / 13:55
네이버 밴드 공유하기 - 밴드 공유 버튼
XMaLL관리자
추천 수 386
밴드 공유 버튼
BAND 사용자가 웹 또는 앱 서비스를 통해 만나는 다채롭고 재미난 콘텐츠를 손쉽게 밴드 멤버들과 공유할 수 있도록 해 줍니다. 플러그인 코드를 복사해서 붙여넣는 것만으로 밴드 외 서비스에서 밴드 공유 버튼을 제공할 수 있습니다.
밴드 공유 버튼 사용 방법
모바일 환경에서 BAND 앱 호출하기
- [공유하기]에서 [밴드]를 누릅니다.
- BAND 앱이 설치되어 있으면 BAND 앱이 실행됩니다. BAND 앱에서 콘텐츠를 공유할 밴드를 선택합니다.
- 밴드에 게시할 내용을 작성합니다. 링크를 수정할 수도 있습니다.
- 밴드에 글이 게시됩니다.
PC 웹 환경에서 BAND 대화 상자 열기
- 밴드 공유 버튼을 클릭하고 BAND에 로그인합니다.
- [내 밴드에 글쓰기] 대화 상자가 열리면 공유할 밴드를 선택하고 밴드에 게시할 글을 작성합니다. 링크를 수정할 수도 있습니다.
- 밴드에 글쓰기가 완료됩니다.
밴드 공유 버튼 붙이기
| 버튼 유형 | |
|---|---|
| 공유할 텍스트 | + URL |
미리보기 및 코드 복사 | <span>
<script type="text/javascript" src="//developers.band.us/js/share/band-button.js?v=04082016"></script>
<script type="text/javascript">
new ShareBand.makeButton({"lang":"ko","type":"f"});
</script>
</span> |
밴드 공유 버튼 인터페이스 명세
밴드 공유 버튼을 모바일 환경뿐 아니라, PC 웹 환경에서도 쉽게 구현할 수 있는 인터페이스가 마련되어 있습니다.
모바일 환경에서 BAND 앱 호출하기
bandapp://create/post?text=<문자열>&route=<밴드 공유 버튼을 사용하는 서비스의 도메인>
| # | 파라미터 | 값 | 설명 |
|---|---|---|---|
| 1 | Text | 문자열 | 밴드에 게시할 내용(문자셋: UTF-8, 인코딩 방식: URL 인코딩) |
| 2 | Route | *.*.* | 밴드 공유 버튼을 사용하는 서비스의 도메인 |
- Example 1 @ Android
- Example 2 @ iOS
- BAND 앱 다운로드 URL
- Androidmarket://details?id=com.nhn.android.band
- iOSitms-apps://itunes.apple.com/app/id542613198
PC 웹 환경에서 BAND 대화 상자 열기
http://band.us/plugin/share?body=<문자열>&route=<밴드 공유 버튼을 사용하는 서비스의 도메인>
| # | 파라미터 | 값 | 설명 |
|---|---|---|---|
| 1 | Body | 문자열 | 밴드에 게시할 내용(문자셋: UTF-8, 인코딩 방식: URL 인코딩) |
| 2 | Route | *.*.* | 밴드 공유 버튼을 사용하는 서비스의 도메인 |
window.open("http://band.us/plugin/share?body=hello&route=www.bloter.net", "share_band", "width=410, height=540, resizable=no");다운로드
다양한 크기의 밴드 공유 버튼 이미지와 로고, 아이콘을 다운로드할 수 있습니다.
밴드 버튼 이미지 다운로드
밴드 로고 및 아이콘 다운로드
