네이버 블로그 공유 버튼 붙이기

네이버에서 블로그 공유 버튼 붙이기를 지원하기 시작했습니다.

페이스북이나 트위터, 카카오톡의 공유하기와 유사합니다.

서비스가 제공된지 몇일 되지 않은거 같습니다.

 

블로그 공유 버튼

블로그 유저가 웹과 앱서비스로 만나는 다채롭고 재밌는 콘텐츠를
블로그 이웃들에게 쉽고 빠르게 공유할 수 있게 해줍니다.
아래 플러그인 코드를 복사해 붙여넣기 하는 것만으로도,
다른 서비스에서도 블로그 공유 버튼을 제공할 수 있습니다

 

블로그 공유 버튼 사용 방법

1. 모바일 환경에서 블로그 앱 호출하기

• 1) 블로그 공유 버튼을 클릭합니다.
• 2) 네이버 로그인 창이 뜨면, 로그인 합니다.
• 3) 블로그 공유하기 팝업이 열리고, 콘텐츠 링크와 함께 포스팅 내용을 입력합니다.
• 4) 콘텐츠 링크가 블로그 이웃 새글을 통해 네이버 블로그 유저들에게 전파됩니다.

2. PC 웹 환경에서 블로그 Dialog 열기

• 1) 블로그 공유 버튼을 클릭합니다.
• 2) 네이버 로그인 창이 열리면 로그인 합니다.
• 3) 블로그 공유하기 팝어비 열리고, 콘텐츠 링크와 함께 포스팅 내용을 입력합니다.
• 4) 콘텐츠 링크가 블로그 이웃 새글을 통해 네이버 블로그 유저들에게 전파됩니다.

 

 

블로그 공유버튼 붙이기방법은 http://section.blog.naver.com/share/guide.nhn#choose_share_button 에서

우선 버튼 유형을 선택합니다.

공유할 텍스트 선택에서 잘 모르시면 기본으로 하시고 제목을 바꾸고 싶고 html 을 조금 아신다면 사용자 정의로 해주시면 됩니다.

두가지의 차이는 소스에서 보면

 

new ShareBlog.makeButton({"type": "f"});
new ShareBlog.makeButton({"type": "f" , "title" : ""});

 

처럼

, "title" : "" 이 들어가 있느냐 없느냐의 차이 입니다.

 

버튼 소스는

<span>
 <script type="text/javascript" src="//static.naver.net/blog/share/blog_sharebutton.js?v=2015090810"></script>
 <script type="text/javascript">
 new ShareBlog.makeButton({"type": "f"});
 </script>
</span>

 

이것을 버튼 유형별로 이 페이지에 넣어 보겠습니다.

 

 

한 화면에 여러가지를 넣어 보려 했는대 한가지 밖에 안되는군요.

 

머 글로 설명하면

 

new ShareBlog.makeButton({"type": "a"});

new ShareBlog.makeButton({"type": "b"});

new ShareBlog.makeButton({"type": "c"});

new ShareBlog.makeButton({"type": "d"});

new ShareBlog.makeButton({"type": "e"});

new ShareBlog.makeButton({"type": "f"});

처럼 type 에 a부터 f까지 바꿔서 원하는 유형을 적어주시면 됩니다.

 

 

출처 : http://section.blog.naver.com/share/guide.nhn