HITSで訪問者の数を表示する

概要

私は Jekyll と GitHub を使ってこのブログを作成しています。このような静的サイトに訪問者数を表示する方法がないか探してましたが、HITSというプロジェクトを見つけました。

HITS: GitHub

HITS とは

HITS は本来 GitHub のプロジェクトの訪問者数を表示するためのプロジェクトです。

HITS を使うためには下記のサイトへ移動します。

HITS: https://hits.seeyoufarm.com/

移動したら、下記のような画面が見えます。

上のような画面で HITS を使いたいサイトのURLを入力すると、

下記のような URL が取得できます。

[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fdeku.posstree.com%2Fshare%2Fhit-counts%2F&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false)](https://hits.seeyoufarm.com)

このリンクを GitHub の README へ入れると下記のように動的で変わる訪問者数を表示することができます。

訪問者数を表示:

リフレッシューすると上の数字が変わることが確認できます。

Jekyll ブログ

私はHITSを使って Jekyll ブログの訪問者数を表示しています。

このように表示するために下記のコードを_layouts/post.htmlへ入れって使ってます。

<img
  style="width: inherit;"
  src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fdev-yakuza.github.io%2F{{ page.url }}&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false"
  alt="hit count image"
/>