구글 플러스 + 1 버튼 티스토리에 삽입하는 방법 -  google + 버튼 블로그를 구글플러스 추천하는 법




티스토리 블로그와 같이 html 수정이 가능한 블로그 서비스에는 구글 플러스 + 1 버튼 등의, 나의 글을 추천할수 있도록 버튼을 달수 있습니다.

   

google + 1 버튼은 일종의 트위터나 페이스북, 카카오톡에 추천버튼과 같은 것이라고 할 수 있습니다.

   

그렇다고 무작정 추천 버튼을 달다보면 비례하여 블로그 로딩 속도가 늦어지게 되므로 꼭 필요한 버튼만 삽입하는 것이 오히려 방문자를 위해서는 더 좋겠습니다.

   

.


   

티스토리 블로그에 구글 플러스 버튼 달기

   

일단 당연히 구글 계정을 만들어야 합니다. 요즘은 안드로이드 스마트폰을 사용하는 사람이 많아서 대부분 구글 계정은 있으리라 생각되네요.

   

   

1. google developers 페이지로 이동합니다.

   

   

   

   

2. 구글 플러스 +1 버튼의 종류 선택

   

크기는 small, medium, standard, tall이 있습니다. 원하는 형태의 크기를 선택하면 됩니다.

   

통계(?)는 제목을 이야기 하는 듯 한데, 인라인 / 풍선 / 없음이 있습니다.

   

그 밖에 버튼의 너비와 언어 선택이 있습니다.

   

각 항목을 선택할 때 마다 코드가 바뀜을 알 수 있습니다.

   

   

3. 구글 플러스 +1 버튼 코드를 티스토리 블로그에 위치시키기

   

이렇게 생성한 코드를 티스토리 html/css 편집 메뉴로 가서 붙혀 넣습니다.

   

   

3-1) /body를 검색하여 그 바로 위에 아래의 코드를 삽입하였고,

   

<!-- 이 태그를 head 태그에 배치하거나 닫는 body 태그 바로 앞에 배치하세요. -->

<script src="https://apis.google.com/js/platform.js" async defer>

{lang: 'ko'}

</script>

   

   

   

3-2) 달고 싶은 위치에 다음의 코드를 삽입하였습니다.

   

<!-- +1 버튼을(를) 표시하고 싶은 위치에 이 태그를 배치하세요. -->

<div class="g-plusone"></div>

   

   

   

   

구글 플러스 버튼이 있는 것만으로도 구글 검색 유입에 좋은 영향이 있다고 하니 한번 달아보시기 바랍니다.



  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기