티스토리에서 포스트별 방문자 표시하기

Posted by Everyharu
2016. 4. 14. 14:46 IT/Etc

해당글의 조회수 표시기는 갑자기 큼지막한 광고를 첨부하기 시작하여 제 블로그에서는 제거하였습니다. 사용하면 굉장히 보기 안좋습니다.




이 방법은 티스토리 뿐만 아니라 네이버 블로그에서도 가능한 방법입니다. 다만 네이버블로그에서는 글을 작성할때마다 코드를 추가해야하지만, 티스토리 블로거들은 제 글을 따라서 한번만 설정하면 매번 글을 새로 쓸 필요없이 적용이 가능하다는 사실!


보통 검색을 통해 포스팅 된 제 블로그페이지에 들어오시면 다음과같은 안내를 볼 수 있습니다.




기본적으로는 블로그에 유입되는 방문자 수를 알 수는 있지만 포스트를 읽을 방문자까지는 알기 어려운것이 현실입니다.


하지만 제 글을 천천히 읽어보며 따라하시면 여러분의 포스팅도 몇명이 조회했는지 알 수 있게 될꺼에요!!


티스토리 적용방법

1. 티스토리 관리페이지에 들어갑니다.

2. HTML/CSS 편집 에 들어갑니다.

3. HTML 편집페이지에서 원하는 위치에 다음과 같은 문구를 입력합니다.
( 만약 저와같이 포스팅의 상단에 위치하고 싶다면  라는 부분을 찾아서 그 바로 위에 붙여넣으시면 된답니다!)
**반드시 본인의 ID로 수정해서 넣어주세요**



1
2
3
4
5
6
7
<div id="visitimg"></div>
<script>
    var ymdhis = ''.replace(/[\. :]/g, "");
    var visitimg = document.createElement('img');
    visitimg.setAttribute("src"'http://c.tion.kr/p.png?id=본인의아이디&num='+ ymdhis);
    document.getElementById("visitimg").appendChild(visitimg);
</script>
cs



네이버 블로그 적용방법

포스트 쓰기에 들어갑니다.


만약 이런 화면을 만나신다면 가차없이 왼쪽상단에 보이는 이전 버전으로 쓰기 버튼을 눌러주세요. 네이버블로그의 SmartEdiotr3.0 에서는 이 방법을 적용할 수가 없거든요!

그리고 아래 그림에 보이는 HTML 버튼을 눌러주세요


그리고 다음을 추가합니다.(내아이디와 포스팅번호는 반드시 바꿔서 넣으세요. 만약 포스팅번호를 일일히 고려하기 귀찮다면 날짜값을 넣으시면되요! 반드시 번호로만!! 2016041401 이런식으루여!


<img src="http://c.tion.kr/p.png?id=내아이디&num=포스팅번호">


완성된 예제는 다음과 같겠죠

<img src="http://c.tion.kr/p.png?id=tempid&num=2016041401">


그리고 나서 아까 위에서 누른 HTML 버튼 왼쪽에 있는 Editor 버튼을 눌러보면!


짜잔! 이제 아래쪽에 본인이 포스팅하려는 글을 작성하시면되요!

네이버블로그의 경우에는 안타깝지만 포스팅할때마다 작성해야해서 매우 귀찮긴하지만 이렇게 해두면 본인이 어떤글을 썼을때 많은 분들이 찾아주시는지 알 수 있게되겠죠??