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

2020-10-02 hit count image

HITSを使って静的サイトの訪問者の数を表示してみましょう!

概要

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

HITSとは

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

HITSで訪問者数を表示する - HITS for github

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

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

HITSで訪問者数を表示する - HITSサービス

上のような画面でHITSを使いたいGitHubのusernamerepo/projectを入力すると、

HITSで訪問者数を表示する - username, repo/project

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


![HitCount](http://hits.dwyl.com/dev-yakuza/react-native-image-modal.svg)

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

  • 訪問者数を表示: HitCount

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

Jekyllブログ

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

HITSで訪問者数を表示する - hits on jekyll

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


<img style="width: inherit;" src="http://hits.dwyl.com/dev-yakuza.github.io{{ page.url }}.svg" alt="hit count image"/>

完了

皆さんもJekyllを使う場合、最適サイト生成機でブログを使っている場合、HITSを使ってサイトの訪問者を表示してみたらどうですか?

私のブログが役に立ちましたか?下にコメントを残してください。それは私にとって大きな大きな力になります!

Posts