mirror of https://github.com/tildeclub/site.git
58 lines
1.5 KiB
Markdown
58 lines
1.5 KiB
Markdown
---
|
||
title: Adding a web counter to your page
|
||
author: deepend
|
||
category: tutorials
|
||
---
|
||
|
||
To display a visit counter on your webpage, you'll need to edit your `index.html` file and insert a `<script>` tag that loads the counter.
|
||
|
||
Type: `nano index.html` to open your file for editing.
|
||
|
||
Add the following line *exactly where you want the counter to appear*:
|
||
|
||
```html
|
||
<script src="https://counter.tilde.club/?page=homepage&user=yourname&style=57chevy"></script>
|
||
```
|
||
|
||
- Replace `homepage` with any identifier for the page you're tracking.
|
||
- Replace `yourname` with your username or something unique to your site.
|
||
- Replace `57chevy` with a different style if you'd like.
|
||
|
||
Here’s an example:
|
||
|
||
```html
|
||
<p>Visitor count:
|
||
<script src="https://counter.tilde.club/?page=homepage&user=alice&style=web1"></script>
|
||
</p>
|
||
```
|
||
|
||
Once you’ve added the line, save and close the file using `CTRL+X`, then press `y` and `[Enter]`.
|
||
|
||
Refresh your site in your browser to see the counter.
|
||
|
||
### Available Styles
|
||
|
||
You can use any of these style names in the `style=` parameter:
|
||
|
||
- `57chevy`
|
||
- `7seg`
|
||
- `bbldotg`
|
||
- `bellbtm`
|
||
- `blgrv`
|
||
- `cntdwn`
|
||
- `computer`
|
||
- `ds9`
|
||
- `fdb`
|
||
- `led`
|
||
- `links`
|
||
- `marsil`
|
||
- `sbgs`
|
||
- `web1`
|
||
|
||
Try different styles to see which one fits your site best.
|
||
|
||
Note: The counter uses sessions and cookies to count *unique* visits per user every 24 hours (or whatever time is configured). Page refreshes won’t increase the count unless unique mode is off.
|
||
|
||
If you need help or want a custom style added, reach out to the site admin.
|
||
```
|