구글 블로그(블로그스팟)에 좋아요,공감 버튼 만드는 방법!


우리들의 네이버는 자체적으로 공감을 지원해주고 있고, 티스토리는 플러그인 한번 딱 클릭하면 자체적으로 지원해줍니다. 하지만 우리 구글 블로그(블로그스팟)은 어떻습니까? 아무것도 지원 안해줘요. 너가 직접 만들어서 구현해봐 이런 포지션이여서 너무나도 힘듭니다. 슬퍼요. 그렇다고 찾으러 다니면 힘들고 양키님의 설명을봐도 언어의 장벽이 조금 쎄게 들어온다.

그러기에 나처럼 고생하는...? 사람이 없ㄱ... 안내를 위한 글이다. 몰론 글의 질 자체는 내가 초보자이기에 딱 초보자급이다.   

    Rating-widget을 통한 위젯 추가

    구글 블로그에서는 '가젯'이라고 부르는 형태로 여러 기능들을 추가하는데, 구글에서 기본으로 제공하는 것 이외에도 '위젯'을 추가할 수 있다. 이게 가장 쉬운 방법이지만, 여기는 사이드바에 넣는거기에 가독성이나 모바일쪽에서는 별로 선호하지 않다 (이상적인건 맨 밑에서 발견해서 겸사겸사 누르는것)


    Rating-widget

    대충 블로거 가젯으로 주소를 설정해서 위 사진처럼 나올겁니다. 옛날에는 스타일이 별로라고 했었는데 지금은 많이 괜찮아졌습니다. 

    다만 단점은 반드시 가입시키려는 강제성이 있어서 귀찮습니다...

    LikeBtn을 이용한 버튼 추가


    지금 제 블로그에 달아놓은 라이크 버튼입니다. 몰론 원래는 싫어요도 있었는데 개인적으로 보기 싫어서 뺏습니다.

    LikeBtn 인터페이스
    위처럼 다양하게 설정할수 있도록 되어있습니다. 이건 자신이 직접 코드를 테마에 집어넣어야 하기에 조금 주의가 필요합니다.
    LikeBtn 적용법

    LikeBtn를 블로그스팟에 테마 HTML 삽입

    LikeBtn를 블로그스팟에 테마 HTML 삽입

    1. 내 블로그에 접속하여 로그인한다.
    2. 왼쪽 메뉴 중 '테마' 클릭 후, 'HTML 편집'을 선택한다.
    3. HTML 입력칸에서 아래 코드를 찾는다. <b:includable id='post' var='post'>
    4. 왼쪽 버튼을 펼친 후, 다시 <data:post.body/> HTML 코드를 찾는다.
    5. 미리 Like 버튼 생성기의 Like 버튼 코드를 스크린샷처럼 집어넣는다.
    6. 처음 "span" element 부분에 expr:data-identifier='data:post.id'를 입력한다. (이렇게 해야 각 포스트마다 버튼이 생성된다) <span class="likebtn-wrapper" data-identifier="item_1" expr:data-identifier='data:post.id'/>
    7. 이렇게 생성된 코드를 <data:post.body/> 바로 뒤에 모두 붙여준다.(내꺼는 2개여서 2개다 넣어줬다.)
    생성기를 이용해서 만든 내 블로그 라이크버튼 코드이다. 아래 넣어줘야할 부분 참고하면 편하다.

     <!-- LikeBtn.com BEGIN -->
    <span class='likebtn-wrapper' data-dislike_enabled='false' data-identifier='item_1' data-lang='ko' data-show_dislike_label='true' expr:data-identifier='data:post.id'/>(파랑색 위치)
    <script>(function(d,e,s){if(d.getElementById(&quot;likebtn_wjs&quot;))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id=&quot;likebtn_wjs&quot;;a.src=s;m.parentNode.insertBefore(a, m)})(document,&quot;script&quot;,&quot;//w.likebtn.com/js/w/widget.js&quot;);</script>
    <!-- LikeBtn.com END -->

    따로 복사 방지코드 끄는 방법을 몰라서 아래에 복사 가능하게 문서로 만들었다. 

    단점이라면 무료 기준 최대 월 100만 페이지뷰 이하에서만 사용 가능하고 또 페이지당 1개씩만 구현 가능하다. 음... 월 100만 이상이면 걍 돈주고 하자... 

    작성 후 후기


    원래는 2~3개 사이트 더 추가해서 알려줄려고 했습니다만... 유료가 많아서 제외했습니다
    또는 지원했다가 워프만 지원으로 바뀌거나
    대표적으로 graddit 이놈... 쓸려면 무조건 12달러...

    꼭 라이크 버튼이 필수는 아니지만 유입하는 사람들의 반응을 조금 알 수 있고(이 사막같은 구글 블로그의 아주 조금의 소통수단)

    또... 바로 전글에 작성한 구글 검색엔진 AI의 평가지침에 추가된게 있어서 혹시나 해서 달았습니다. 지금 구글 블로그하시는 분들은 대부분 티스토리의 악질땜에 넘어오신 분들인데
    폐사하시지 마시고 다같이 으싸으싸 하며서 오래 살아남으면 좋겠네요...

    너무 하시는분들이 없어요 ㅜㅜ
    Next Post Previous Post
    No Comment
    Add Comment
    comment url