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

[해피CGI][cgimall 구글 google+ API 본문

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

[해피CGI][cgimall 구글 google+ API

해피CGI윤실장 2017. 3. 29. 09:22
최근 많은 관심 사이트, 혹은 페이지를 자신의 계정으로 공유 혹은 추천하는 기능이 포함되어있습니다.

많은 분들이 아시겠지만 구글+에서도 동일하게 자신의 구글+ 계정으로 웹페이지를 추천할수있는 API를 제공합니다.

처음 GOOGLE+ API를 접하시는 분들을 위하여 이렇게 글을 적어봅니다.

초보자도 쉽게 사용할수있으며 간편하게 웹사이트상에 아래와같이 헤더 혹은 body내에 js를 호출하신후
원하시는 디자인의 google+ 버튼을 해당 페이지에 만들어주기만하면 됩니다.

버튼의 디자인 역시 간편하게 데모사이트에서 자동으로 코드를 생성해줍니다.

간단한 예제로 아래와같은 예제를 사용해보시면

<html>
<head>
<title>google+ 테스트페이지</title>
<meta charset="UTF-8">
<script src="https://apis.google.com/js/platform.js" async defer>{lang: 'ko'}</script>
</script>
</head>
<body>
<!-- +1 버튼을(를) 표시하고 싶은 위치에 이 태그를 배치하세요. -->
<div class="g-plusone"></div>
<div class="g-follow" data-annotation="bubble" data-height="20" data-href="//plus.google.com/103343996336970536354" data-rel="author"></div>
</body>
</html>

사이트에 아래와같은 버튼들이 생성됨을 확인할수있습니다.



물론 위의 버튼을클릭시 현재 로그인된계정으로 해당페이지가 팔로우되며 추천도가 + 됩니다.

 

홈페이지바로가기 

저작자표시

'웹프로그램밍 자료실 > 기타 자료' 카테고리의 다른 글

[해피CGI][cgimall] 온라인 엑셀 뷰어 zoho sheet  (0) 2017.03.29
[해피CGI][cgimall] 이미지 편집 프로그램 없이 PNG,JPG 파일 용량 줄이기  (0) 2017.03.29
[해피CGI][cgimall] 다양한 free 자료를 다운받을수 있는곳 ianbarnard  (0) 2017.03.28
[해피CGI][cgimall] 복사할수 없는 영역을 텍스트로 복사하는 Textify  (0) 2017.03.27
[해피CGI][cgimall] 100개 이상의 언어로 웹사이트를 바로 번역해주는 구글 번역기  (0) 2017.03.27
공유하기 링크
'웹프로그램밍 자료실/기타 자료' Related Articles more
Comments