Create pagecounter.md

This commit is contained in:
deepend-tildeclub 2025-04-03 16:02:24 -06:00 committed by GitHub
parent b6bad87eb8
commit 140320df02
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 57 additions and 0 deletions

View File

@ -0,0 +1,57 @@
---
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.
Heres an example:
```html
<p>Visitor count:
<script src="https://counter.tilde.club/?page=homepage&user=alice&style=web1"></script>
</p>
```
Once youve 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 wont increase the count unless unique mode is off.
If you need help or want a custom style added, reach out to the site admin.
```