Embeddable Touch Counter
Add touch counting to webpages.
Tap, click or press Space to keep count.
Tap anywhere inside or press Space
How the Embeddable Touch Counter Works
The Embeddable Touch Counter adds a working tap counter to any webpage through a short iframe or script snippet you paste into the page's HTML.
- Configure the counter: Set the label, step value, colors and size.
- Copy the snippet: Copy the generated iframe or script code.
- Paste into your page: Paste the snippet into your website, blog or learning platform.
- Test on mobile: Open the page on a phone and check that taps register.
Embeddable Touch Counter Formula
The Embeddable Touch Counter responsive height equals the container width multiplied by the aspect ratio.
- Container width
- Width of the space on your page
- Ratio
- Aspect ratio, such as 4:3 or 16:9
Example: A counter in a 600 px wide column with a 4:3 ratio gets a height of 600 × 3 ÷ 4 = 450 px.
Embeddable Touch Counter Reference Table
The Embeddable Touch Counter conversion table shows embed heights for common widths and aspect ratios.
| Container width | 1:1 | 4:3 | 16:9 |
|---|---|---|---|
| 320 px (phone) | 320 px | 240 px | 180 px |
| 480 px | 480 px | 360 px | 270 px |
| 600 px (blog column) | 600 px | 450 px | 338 px |
| 768 px (tablet) | 768 px | 576 px | 432 px |
| 1,024 px | 1,024 px | 768 px | 576 px |
About the Embeddable Touch Counter
An Embeddable Touch Counter is a self-contained counter widget that runs inside another website. Visitors count on your page without leaving it.
An iframe embed keeps the counter's code separate from the host page, so the counter does not conflict with the site's styles or scripts. The counter keeps its count inside the visitor's browser.
Ways to Use the Embeddable Touch Counter
The Embeddable Touch Counter has 5 main uses, including online lessons and blog posts.
- Online lessons: Teachers embed counters in learning platforms.
- Blog posts: Fitness bloggers embed a rep counter in workout posts.
- Event pages: Organizers add a counter for volunteers to use.
- Prayer sites: Faith sites embed a tasbih or mala counter.
- Internal portals: Companies add counters to intranet tools.
Tool Details
- Category
- Tally & Calculation
- Controls
- Taps and keys
- Input Support
- Touch, Pen, Mouse, Keys
- Offline Ready
- On your device