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

Posted by Everyharu
2016.04.14 14:46 IT/Etc

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




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


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




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


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


티스토리 적용방법

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

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

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



1
2
3
4
5
6
7
<div id="visitimg"></div>
<script>
    var ymdhis = '[##_article_rep_date_##]'.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 버튼을 눌러보면!


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

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

이 댓글을 비밀 댓글로
  1. 안녕하세요 좋은정보 잘보았습니다. 근데 티스토리편에서 명령어를 넣어도 바로 적용이 안되는데
    새로쓰는 글부터 되는건가여? 아니면 아이디 입력란에 메일주소까지 넣어야 되는건지.. 답변 꼭 부탁드립니다 ㅠ
    • 아~
      아이디 입력란에는 간단하게 영문자만 넣으시면됩니다.

      예를들면 test1234 이런식으루여.
      위의 코드에 아이디만 그렇게 넣고 글을 써보거나 원래 썼던 글에 들어가보면 제 블로그처럼 조회수가 표시될꺼에요~^^
  2. 감사합니다 내일 해보겠습니다!^^ 참 친절하시네요
  3. 바쁘실 텐데 죄송합니다 ㅠ 포스팅 내용중에서 아래 하단에 복사하라고 제공해주신 명령어와 스크린샷이미지 상의
    주소가 조금 상이한데, 아래것으로 해야되나여 위에 이미지상의 명령어를 그대로 추가해야되나여?
    말씀해주신대로 이메일주소는 넣지않고 아이디만 넣고 해보았는데 되지않아서요.. ㅠㅠ
    • 음..? 동일한데..어떤 스샷과 혼동하고 계신건지 모르겠네요...ㅠㅠ
      스샷은 대략적인 위치를 알려드리기 위해 첨부한거고
      빨간색으로 표기된 영역에
      첨부된 코드를 아이디만 수정하여 그대로 넣으시면됩니다.
    • 아..설마....당황스럽지만..
      혹시 앞의 줄번호를 말씀하시는거면....ㅇㅅㅇa
      모든 사이트마다 전부 다르니 신경쓰시면 안되는부분이에여

      위의 글을 한번 다시 잘 읽어보시면
      ##_article_rep_desc_##
      를 찾아서 그 위에 붙여넣으라고 되어있죠~?
      자신의 블로그 코드중에서 저부분을 찾아서 그 위에 넣으라는 거랍니다~ 앞의 줄번호는 전혀 무관한 거에요.
  4. 밑에 주소는 <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>
    이거라면 스샷에서는


    <div id="visiting"></div>
    <script type="text/javascript">
    var ymdhis = ''.replace(/[\. :]/g, "");
    var visitimg = document.createElement('img');
    visitimg.setAttribute("src", 'http://c.tion.kr/p.png?id=ids43@daum.net&num='+ ymdhis);
    document.getElementById("visitimg").appendChild(visitimg);
    </script>
    <hr/>

    이걸로 맨위 <div id="visiting"></div>
    <script type="text/javascript">
    와 맨밑 </hr>이 달라서여..;;
    • 다른 부분은 모든 블로그들이 각기 설정한 내용이나 테마에 따라서 달라지는 부분이에요.

      위 글을 보시면 ##_article_rep_desc_## 부분을 찾아서 그 위에 넣으라고 되어있죠? 그 부분을 찾아서 아이디만 바꿔서 그대로 넣으시면되요.
    • 아 왜 안되신다고 할까라고 생각하여 다시 곰곰히 코드를 본 결과..
      제 실수가 있었군요!

      <script>~~~ 앞에 한줄이 더 있는게 맞아요~
      <div id="visitimg"></div> 를 한줄 더 추가해주세요!
      위 코드도 수정해 놓을테니 보시면 코드를 다시 한줄 추가해주세요 ^^;;
      아이쿠 제 실수로 괜한 고생을 시켜드렸군요 ㅠㅠ
  5. 아하~ 해볼게여
    근데 visiting 이 아니구 명령어가 visitimg이 맞나여???
  6. 넵 지금 했는데 되네여!! 근데!!! 3개가 떠여!! ㅠㅠ 왜때문일까요...
  7. 하나만 떠야하는데 3개가 연속으로 맨위에 떠있고 방문자수가 9명 10명 9명 이렇게 각각 다릅니다 ㅠ
  8. 아!! 이유를 알아냈습니다! 선생님의 블로그는 페이지당 포스팅이 1개인데 저는 3개가 뜨네여! 그래서 각각의 뷰가 맨위에 표시되네요,
    설정에 봤는데 페이지당 포스트수 1개로 하는걸 못찾겠는데 혹시 어떻게 하시는지 아시나여?
    ㅠㅠ
  9. 네이버 검색으로 찾아서 완료했습니다 감사합니다 ^^ 관리의 화면출력 1로 바꾸면 잘되네여 ㅎ
    • 잘 적용하셨다니 다행이네요 :) 즐거운 블로깅하세요~ㅎ
  10. 티스토리 운영 중 부족한 부분이었는데 알려주셔서 감사합니다.
    그런데 PC상에서만 표시가 되고 모바일에서는 표시가 안되는데 정상인건가요?
    또한 모바일에서 포스트를 방문하여도 카운터가 올라가지 않는듯 합니다.
    • 모바일버전에 적용이 안되신다면 그건
      모바일버전에 테마를 모바일버전 전용으로 쓰고 계셔서 그럴 확률이 높습니다.
  11. 갑자기 카운터에 광고를 삽입하기 시작해서 제 블로그에서는 내리도록 합니다.