관리 메뉴

동글동글 라이프

[블로그 관리] 티스토리 블로그 나만의 구독하기 버튼 만들기 (+ 구독 버튼 활성화) 본문

블로그 관리

[블로그 관리] 티스토리 블로그 나만의 구독하기 버튼 만들기 (+ 구독 버튼 활성화)

동글동글 라이프 2019. 8. 10. 00:00


안녕하세요.

동글동글 라이프의 동글아빠입니다.


이웃끼리 직접 찾아가는 방법이 아닌 구독하기 버튼이 생겨 

티스토리 피드(https://www.tistory.com/feed) 로 내가 원하는 블로그들을 

한 눈에 볼 수 있는 기능이 추가 된지 약 8개월이 지났습니다.


사람들은 여전히 티스토리에 구독하기 기능이 있는지 잘 모르고

블로그 내에서도 구독하기 버튼을 찾기가 어렵더군요.

그래서 최근에 제가 본문 내에 블로그 구독하기 버튼을 직접 만들어 봤는데 그 방법을 공유하려고 합니다.


먼저 내 블로그의 구독하기 기능을 활성화 하는 방법을 알려드리겠습니다.

- 블로그 관리 -> 메뉴바/구독 설정 클릭

구독버튼을 "표시합니다" 로 설정, 구독버튼의 위치 설정 후 변경사항 저장.

이렇게 설정하면 나의 블로그에 동글동글 라이프 구독하기 버튼이 생깁니다.

그런데 이 구독하기 버튼은 모바일이나, 타블릿 모드에서는 구독하기 버튼이 사라져 버리죠.

m 으로 시작하는 모바일 링크나 티스토리 앱에서도 구독하기 버튼은 없습니다. 

( 티스토리 앱에서는 제공해줘야죠!!! ㅠㅠ )

그래서 저는 이 구독하기 버튼을 직접 만들어서 본문에 넣어 보기로 결심을 했죠.

이 버튼이 어떻게 구성되어 있는지 확인하기 위해 먼저 나의 블로그에서 마우스 우클릭으로 소스보기를 선택합니다.

왼쪽이 Internet Explorer 화면이고 오른쪽은 크롬화면입니다. (사파리나 파이어폭스도 비슷해요.)

소스에서 구독하기를 검색하면 이런 코드를 볼 수 있습니다.

(갑자기 분위기 코딩?!?!)

data-blog-iddata-url에 본인의 아이디와 url 이 들어가 있는 것을 확인 할 수 있죠.

이 코드를 그대로 본문에 넣어도 구독하기가 만들어 집니다.


그런데.. 버튼이 뭔가 볼품이 없죠?

그래서 이미지도 넣고 클릭으로 블로그 구독하기까지 만들어 봤습니다.

클릭해서 되시는지 확인해 보세요.

(티스토리 로그인 상태가 아니라면 티스토리 로그인 화면으로 넘어갑니다.)


코드는 아래 예제에서 아래 빨간색으로 표시된 곳에 위쪽 코드에서 확인한 본인의 아이디와 url 등을 넣어서 만드세요.

<center><button class="btn_menu_toolbar btn_subscription  #subscribe" data-blog-id="본인 블로그 ID" data-url="본인 URL" data-device="web_pc">
<img src="넣고싶은 이미지 URL"><br><b> >> 클릭으로 블로그 구독하기 << </b></button></center>

저는 블로그 처음과 끝에 아래 형식으로 유튜브 구독 버튼이랑 블로그 구독 버튼을 만들어 두었습니다.

유튜브 버튼 생성 방법은 여기에서 확인하면 됩니다 -> 유튜브 구독 버튼 생성 후 블로그에 넣어 홍보하기


버튼이 잘 동작 되는지 티스토리 회원끼리만 확인이 가능한데

주변에 블로그 하는 사람이 없어서 이 블로그 구독하기 버튼이 잘 동작되는지 모르겠어요.

그래서 위쪽에 구독하기 버튼이 잘 되는지 확인해 달라고 했습니다. ㅋㅋ


구독 버튼은 티스토리 블로그를 가지고 있는 사람만 구독 가능하고

PC 에서 블로그를 보는 사람한테만 유효하기 때문에 구독자 수를 늘리는데 큰 효력이 없을 꺼라 생각되네요.

그래도 기왕 만들었으니 1달 정도 유지해 볼까 생각 했는데,

이 버튼을 7월 29일에 처음 넣고 일주일 정도 지나니 구독자수가 7명이나 증가했습니다!!

구독자수 증가가 버튼 때문인지는 모르겠지만 기분은 좋으니 당분간은 계속 달아두려구요.

좋은 팁으로 다시 돌아오겠습니다.

유튜브에서 자주 보던 멘트로 마무리 할께요.

<< 즐겁게 보셨다면 좋아요구독 눌러주세요! 감사합니다! >>



5 Comments
댓글쓰기 폼