티스토리 구독하기 버튼 : 포스팅 본문에 넣는 방법

[ 티스토리 구독하기 버튼 만들기 ]

티스토리를 운영하는 사람이라면 네이버블로그와 동일하게 이웃이 많았으면 합니다.

하지만 네이버앱이 메인인 시장에서 다음 아이디를 통한 로그인은... 글쎄요?

저 역시나 티스토리와 다음앱이 있으나, 검색은 네이버로 하니 말 다했죠 뭐...ㅎㅎ;;

그래도 티스토리 운영자들끼리라도 오손도손 지내보기 위해서 다음과 같은 쉬운 구독방법에 대해서 찾아봤습니다.

신규로 추가되었다는 티스토리 구독하기 버튼의 경우 < PC > 기준입니다. PC화면에서 좌측하단이나 우측에 배치하는 것이죠.

하지만 여러분의 유입 디바이스 경로를 살펴보면 적게는 50%에서 많게는 80%까지가 모바일 기기에서 접속합니다.

결국 PC상의 티스토리 구독하기 버튼은 의미가 별로 없는 것이죠.

그렇다면 모바일에선 어떻게 보일까요?

모~든 글을 다 읽고나서야 < 좋아요 / 댓글 > 과 함께 구독하기 버튼이 있습니다.

활성화가 제대로 된 사람들은 댓글도 많지만 그렇지 않은 경우에는 댓글까지도 가지도 않습니다.

그래서 본문 시작부분에 넣을수 있는 < 티스토리 구독하기 버튼 본문버전 > 을 찾아냈습니다.

▲ 우선 보시기 전에 진짜 되는지 눌러보세요. (구독해지 하면 복달아나요:D)

이 버튼은 따로 만들었다기보단 기존 버튼의  HTML 소스를 가져다 쓴 것 뿐입니다.

어렵지 않아요. 소스보기를 통해서 누구나 확인할 수 있습니다.

알아야하는 것은 < 블로그고유ID > 입니다. 나머지는 그냥 따라서 하시면 되는데요. 어차피 블로그ID를 알려면 소스를 봐야합니다.

< F12 > 를 눌러보시면 해당 브라우저의 화면에 대한 소스를 확인할 수 있습니다. 브라우저마다 조금씩 모양은 다르나 매우 유사하니 참고하세요.

두번째로는 기존의 티스토리 구독하기 버튼을 소스보기 화면상 마우스커버 버튼을 누른 후 클릭해주세요.

그렇게 하면 해당 구독하기 버튼의 소스를 지정하여 확인이 가능합니다. (여기서 주의할 점은 로그아웃 후 자신의 티스토리를 접속하세요)

---

<center>

<button class="btn_menu_toolbar btn_subscription  #subscribe" data-blog-id="블로그고유ID" data-url="블로그URL" data-device="web_pc">

<strong class="txt_tool_id"><font color="blue">굵은글씨(블로그명)</font></strong><font color="blue">

<em class="txt_state"><font color="black">얇은글씨(구독하기)</font></em><font color="black">

<span class="img_common_tistory ico_check_type1"></span></font>

</font></button><p><font color="blue"><br /></font></p>

</center>

---

소스를 보시면 위와 유사합니다.

저의 경우에는 기존 검정색이던 버튼에 파란색과 검정색을 넣으려고 폰트 컬러를 추가한 것 뿐이에요.

숫자로 된 블로그고유ID를 알아야하기 때문에 위의 것을 그대로 복사해서 붙혀넣기 하거나 다른 사람 소스를 쓰는 것은 잘못 링크를 잡는 셈이니 주의하세요. 

HTML을 좀 더 잘 다룰줄 안다면 박스 디자인도 바꿀 수 있겠죠? 저는 그냥 기본 설정으로 쓰렵니다.

그런데... 과연 이걸 본문에 넣는다고 해서 구독자가 늘어날까요? 다음+구글 노출이 주 유입이긴 하지만 과연 얼마나 생길지는 차차 지켜봐야겠네요.