Real Time Users

Add a real time user counter to your site in 60 seconds.

Show me how

✰ Check out the leaderboard ✰

Just like this ↓

Install

To install, simply add the counter element wherever you want it to display, along with a script tag that does the magic.

<div class="realtimeuserscounter realtimeuserscounter--styled"></div>
<script src="https://realtimeusers.bycontrast.co/realtimeusers.js"></script>

Styled or Plain?

Real Time Users comes either styled or plain. To remove the styling, simply remove the "realtimeusers--styled" class from the counter element.

<!-- Styled -->
<div class="realtimeuserscounter realtimeuserscounter--styled"></div>
<script src="https://realtimeusers.bycontrast.co/realtimeusers.js"></script>

<!-- Plain -->
<div class="realtimeuserscounter"></div>
<script src="https://realtimeusers.bycontrast.co/realtimeusers.js"></script>

That's it.

That's it? That's it.

Sit back, and enjoy your real time site counter. We're all done here.

Brought to you by those Contrast guys. We make stuff, write words and tweet tweets. We wrote a book once.

Real Time Users was inspired by this tweet. Read the story here.

madeby
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15