티스토리 네이버 공유 버튼 만들기

2017. 9. 11. 12:37 IT&WEB&SNS/티스토리 & 애드센스

 

티스토리를 하다보면 여러 곳에서 자신이 쓴 글이 노출되기를 바라는데요.

글쓰기를 해서 발행하면 네이버에서도 노출이 되긴 하지만, 네이버로 가져가는 방법도 좋은 방법일 거 같아

공유하는 방법 공유해 보도록 하겠습니다.

 

최근에 네이버 공유 API제공으로 블로그만이 아닌 카페, 포스트, 폴라 서비스까지 손쉽게 공유하도록 제공되었는데요.

 

네이버에서 제공하는 공유 API 응용해 공유버튼을 만들어 보겠습니다.

 

https://developers.naver.com/docs/share/navershare

 

위 사이트에 접속을 하면 네이버 공유하는 사이트로 접속을 하게 됩니다.

 

내용을 보니 네이버 공유하기라고 적혀 있는데요.

 

중간쯤 내려오면 2. 네이버 공유하기 개발 방법이라고 나옵니다.

그 밑에 2.1. 버튼 유형 선택이 나오는데요.

 

 

네이버 버튼 이미지를 선택해 주면 됩니다.

 

그 다음 페이지 제목 텍스트를 선택을 하고, 미리보기와 코드 복사라고 나오는데요.

 

원하는 위치에 코드를 입력해주면 공유 버튼이 생성이 됩니다.

그러나 공유버튼 디자인이 한 종류이고, 사이즈 조절도 제한이 있다는 단점이 있는데요.

(위 이미지처럼 사각형 사이즈로 만드실 분들은 그래도 하시면 됩니다.)

 

 

 

 

2번째 방법 직접 이미지 넣어 만들기에 대해 알아보겠습니다.

 

위와 같은 이미지 네이버 공유버튼을 만들어 주세요.

 

 

원하는 이미지로 만들었다면 파일 업로드 해주세요.

 

html로 들어가셔서 article_rep_desc를 검색하여 아래 부분에 코드 소스를 붙여넣기 해주세요.

위에서 바꿔 줄 부분은 img src부분인데요.

파일 업로드할 때 올렸던 파일 이름으로 바꿔주시면 됩니다.

 

      

네이버공유버튼.txt

 

 

그림과 같이 적용된 것을 확인할 수 있습니다.

 

네이버 부분을 누르시면 카페와 폴라 또한 공유할 수 있습니다.

이제 마음껏 공유해보세요.