일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- #해피CGI
- #솔루션
- #뉴스
- #쇼핑몰
- #CSS
- 사이트제작
- jquery
- 해피CGI
- #이미지
- javascript
- #홈페이지
- #업종별
- 해피씨지아이
- happycgi
- #jQuery
- CSS
- 솔루션
- php
- 웹솔루션
- 홈페이지
- 쇼핑몰
- #image
- #웹솔루션
- 게시판
- #동영상
- #홈페이지제작
- CGIMALL
- #cgimall
- #happycgi
- 홈페이지제작
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall 구글 google+ API 본문
최근 많은 관심 사이트, 혹은 페이지를 자신의 계정으로 공유 혹은 추천하는 기능이 포함되어있습니다.
많은 분들이 아시겠지만 구글+에서도 동일하게 자신의 구글+ 계정으로 웹페이지를 추천할수있는 API를 제공합니다.
처음 GOOGLE+ API를 접하시는 분들을 위하여 이렇게 글을 적어봅니다.
초보자도 쉽게 사용할수있으며 간편하게 웹사이트상에 아래와같이 헤더 혹은 body내에 js를 호출하신후
원하시는 디자인의 google+ 버튼을 해당 페이지에 만들어주기만하면 됩니다.
버튼의 디자인 역시 간편하게 데모사이트에서 자동으로 코드를 생성해줍니다.
간단한 예제로 아래와같은 예제를 사용해보시면
사이트에 아래와같은 버튼들이 생성됨을 확인할수있습니다.
물론 위의 버튼을클릭시 현재 로그인된계정으로 해당페이지가 팔로우되며 추천도가 + 됩니다.
많은 분들이 아시겠지만 구글+에서도 동일하게 자신의 구글+ 계정으로 웹페이지를 추천할수있는 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 |
Comments