블로그 방문자 및 조회수 표시

블로그를 운영하다보면,

내 블로그에 몇명이나 방문 했는지, 포스트의 조회수는 어떤지 궁금해 질때가 있을겁니다.

블로그 방문자 및 조회수를 알면, 내가 쓴글에 대한 피드백도 받을수 있고, 더 중요한 토픽을 알게되어서.

블로그의 퀄리티의 발전에 큰 도움이 될것이라 생각합니다.

따라서, 블로그 방문자 및 조회수를 세는것을 NeXT 테마에 적용 해보도록 하겠습니다.

1. Busuanzi 설정하기

테마의 _config파일을 열어봅니다.

필자의 경우 blog/themes/hexo-next-theme/_config.yml

busuanzi_count 섹션으로 가서 enable 값을 true로 설정해줍니다.

# Show Views / Visitors of the website / page with busuanzi.
# Get more information on http://ibruce.info/2015/04/04/busuanzi
busuanzi_count:
  enable: true
  total_visitors: true
  total_visitors_icon: user
  total_views: true
  total_views_icon: eye
  post_views: true
  post_views_icon: eye

해당 기능의 사이트를 방문해 보면, http://ibruce.info/2015/04/04/busuanzi/

온통 중국어로 되어 있어서..

잘 모르겠지만. 구글 번역기를 돌려서 대충 내용을 파악해 보면,

아래의 script와 span 코드들이 사용된다는것을 파악할수 있다. 찍는것이지요;;;

<script async src = "// busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"> 
</ script>
    
<span id = "busuanzi_container_site_pv"> 
    Total traffic of this site 
        <span id = "busuanzi_value_site_pv"> 
    </ span> times 
</ span>

블로그에 적용하기

정말 여기까지 알아내야 하나 하면서, 여기저기 찾아보니까..

theme/layout/_partials의 footer.swig파일에 내용을 추가해 주면 된다 합니다.

우선, 아래와 내용을, 파일 제일 하단에 추가해 줍니다.

Javascript

1
2
3

{%- if theme.busuanzi.enabled %}
<script async src = "//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script >
{% endif %}

Span

{% if theme.busuanzi.enabled %}
<span id="busuanzi_container_site_pv">
 총 조회 <span id="busuanzi_value_site_pv"></span> 회
</span> |

<span id="busuanzi_container_site_uv">
 총 방문자 <span id="busuanzi_value_site_uv"></span> 명
</span>
{% endif %}

footer.swig 파일에 위 내용을 추가 해줬으면, 확인을 해보러 갑니다.

마치며..

블로그의 가장 하단으로 가서. 조회수와 방문자 수가 표시되는지 확인 해봅니다.

당신은 멋쟁이, 우리는 장고쟁이~

Hexo NeXT 테마 - 블로그 방문자, 조회수

블로그 방문자 및 조회수 표시

1. Busuanzi 설정하기

블로그에 적용하기

마치며..