| layout | logo | description | permalink |
|---|---|---|---|
landing |
<clap-button text-placement="bottom" messages style="width:8rem;height:8rem;margin:0 auto;font-size:1.2rem"></clap-button>
|
A zero-config **Clap Button** that combines [**Analytics**](#privacy-preserving-analytics) with Cookie Clicker-like [**Engagement**](#cookie-clicker-like-engagement).
|
/ |
{% include form.html %}
- Table of Contents {:toc .large-only}
Clap Button doubles as a privacy-friendly analytics solution. It track pages, not people.
Unlike other analytics solutions, Clap Button also gives you insights along a second dimension: Claps, an anonymous, self-selected score of which parts users love.
Clap Button improves your SEO ranking by keeping users engaged on your site.
The component is designed to draw attention and keeps visitors active with it's Cookie Clicker1-like mechanics, which are exploiting the fact that clicking something repeatedly is oddly satisfying.
Clap Button is built on fully managed, globally distributed infrastructure. Response times are fast and it scales automatically to any load.
The clap button is a custom element that can be added directly to the page. Here is a minimal example:
The example only works if your site is hosted on localhost or with an active subscription otherwise. {:.note.smaller.mb2}
<head>
<script type="module" src="https://unpkg.com/@getclaps/button"></script>
</head>
<body>
<clap-button></clap-button>
</body>{:.larger}
This will render the following button:
The Clap Button backend service is $2.99 per month per origin for early-adopters. Currently, this is limited to 25,000 views per month. Higher tier plans will be added on demand.
After you've completed the payment you'll be taken to your dashboard, where you'll be able to enter your domain.
After this step, <clap-button/> will work immediately on your site.
{% include form.html btn_size="btn-lg" cancel_url="/#pricing" %}
Note that the Clap Button Dashboard is work in progress. You can view relevant information and manage your subscription. However, it is not looking super-pretty right now. See screenshot below: {:.note title="Important" style="margin-bottom:2rem"}
The Clap Button Dashboard {:.figcaption}
Currently, usage it limited to smaller to medium-sized websites. The infrastructure supports much higher volumes, but metering is not implemented yet. Please contact me if that's something you're interested in.
Views per month : 25,000
Dashboards per subscription : 1
Pages per domain : 10,000
Fragments per URL (e.g. /path#fragment)
: 64
The web component and core of the backend are open sourced under MIT and can be used within the limits of this license.
Only the database layer and billing module remain closed source. You are free to provide your own implementation of the Data Access Objected based on the public interface. See the repository for more.
<style> .page > p { position: relative } .page > hr { margin: 4rem 0 } </style>Footnotes
-
Cookie Clicker is a popular online game that pioneered the "clicker" genre, where the main mechanic is clicking a single button. Much like clap buttons, it's using the fact that clicking something repeatedly is oddly satisfying. ↩