웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 네이버 공유하기 (javascript) 본문

웹프로그램밍 자료실/기타 자료

[해피CGI][cgimall] 네이버 공유하기 (javascript)

해피CGI윤실장 2017. 4. 14. 09:25

네이버로 공유하기 기능을 홈페이지에 쉽게 장착이 가능한 API입니다.

예전에도 네이버, 카페 공유기능이 있었지만,
네이버 로그인 연동부터 각종 프로그램 언어까지 작업을 해야 했던 상황과는 달리,
몇줄의 Javascript 삽입만으로 해당 기능을 모두 이용이 가능 합니다.

게다가 네이버 포스트, 폴라에도 공유가 가능 하게 되었습니다.






해당 API를 이곳 happycgi.com 에 적용을 해보니 10분도 채 소요가 되지 않네요.^^;






https://developers.naver.com/docs/share/navershare 
페이지에 접근시 장착 방법에 대한 설명이 있습니다.

2.1 버튼 유형 선택을 하신뒤에,
2.2 페이지 제목 텍스트 선택을 어떻게 하실지를 선택 해주시면
2.3 미리보기 및 코드복사 부분에 소스가 나타납니다.^^





다만 위와 같이 작업을 하시게 되면,
이미지가 원하는 이미지가 공유 되지 않고,
엉뚱한 이미지가 나타나는 경우가 있습니다.

이럴땐 head 태그 안에 아래와 같이 Meta 태그를 선언 해서,
이미지 경로를 원하는 경로로 잡아 주시면 됩니다.





아래는 저희 happycgi.com 자료 상세페이지에 장착된 네이버 공유하기 기능을 통해
블로그로 공유를 한 결과물 입니다.

기존의 카페, 블로그 공유기능과 달리 심플하게 링크가 전달 되는것을 확인이 가능 하겠습니다.




홈페이지바로가기 

Comments