DEV Community

Cover image for Introducing Hit Counter for Your GitHub or Any Kind of Websites You Want
Hyesung Lee
Hyesung Lee

Posted on • Edited on

Introducing Hit Counter for Your GitHub or Any Kind of Websites You Want

#github #beginners #productivity #opensource

Hits.sh

What is Hits?

Hits is a simple and easy to use web application that counts the number of hits on your website.

If you're familiar with GitHub, you've probably already seen hit counter in the documentation on the GitHub repository:

Hits

Getting Started

Hits supports the following three of the most common use cases: Markdown, HTML and Image Link.

For example, to get a hits badge for https://github.com/silentsoft/hits:

  • Markdown 
  [![Hits](https://hits.sh/github.com/silentsoft/hits.svg)](https://hits.sh/github.com/silentsoft/hits/)
Enter fullscreen mode Exit fullscreen mode
  • HTML 
  <a href="https://hits.sh/github.com/silentsoft/hits/"><img alt="Hits" src="https://hits.sh/github.com/silentsoft/hits.svg"/></a>
Enter fullscreen mode Exit fullscreen mode
  • Image Link 
  https://hits.sh/github.com/silentsoft/hits.svg
Enter fullscreen mode Exit fullscreen mode

Features in Query String

view

  • total (default)
  • today-total

style

  • flat (default)
  • flat-square
  • for-the-badge
  • plastic

label

  • For setting the label text instead of the default hits.

extraCount

  • This is useful if you want to add an extra count to your badge. For example, if you want to add a count of 1000 to your badge, you can set extraCount=1000.
  • When Do I Need This?
    • If the hit counter service you used previously has end-of-service, you can start with any number instead of starting from 1.

color, labelColor

  • Named color by shields.io
  • Any valid CSS color
    • named color
    • hexadecimal numbers
    • rgb[a](red, green, blue[, opacity])
    • cmyk[a](cyan, magenta, yellow, black[, opacity])
    • hsl[a](hue, saturation, lightness[, opacity])

logo

Statistics

You can see the statistics of your website by replacing the .svg with / in the URL you used to get the badge.

For example, to get a statistics for https://github.com/silentsoft/hits then visit https://hits.sh/github.com/silentsoft/hits/

Hits Statistics

Conclusion

Hits is a simple, easy to use, and free to use hit counter badge for your website.

Thank you for reading this article. If you like Hits, give it a 🌟 on GitHub.

GitHub logo silentsoft / hits

📈 Hit Counter for Your GitHub or Any Kind of Websites You Want.

Hits
Uptime Robot status Uptime Robot ratio (30 days)

Getting Started

Hits supports the following three of the most common use cases: Markdown, HTML and Image Link.

For example, to get a hits badge for https://github.com/silentsoft/hits:

Hits

  • Markdown 
    [![Hits](https://hits.sh/github.com/silentsoft/hits.svg)](https://hits.sh/github.com/silentsoft/hits/)
    Enter fullscreen mode Exit fullscreen mode
  • HTML 
    <a href="https://hits.sh/github.com/silentsoft/hits/"><img alt="Hits" src="https://hits.sh/github.com/silentsoft/hits.svg"/></a>
    Enter fullscreen mode Exit fullscreen mode
  • Image Link 
    https://hits.sh/github.com/silentsoft/hits.svg

Features in Query String

view

  • total (default)
  • today-total

style

  • flat (default)
  • flat-square
  • for-the-badge
  • plastic

label

  • For setting the label text instead of the default hits.

extraCount

  • This is useful if you want to add an extra count to your badge. For example, if you want to add a count of 1000 to your badge, you can set extraCount=1000.
  • When Do I Need This?
    • If the hit counter service you used previously has end-of-service, you can start with any number instead of starting…


View on GitHub


Top comments (1)

Collapse
 
polterguy profile image
Thomas Hansen •

Cool project. I remember these counters from back in the "good old days" when we had browser such as Netscape Navigator and we still counted years in the previous millennium :)