Like button · for static sites too · one tag
A like button for your blog, with nothing to build.
Static sites have nowhere to keep a count. Appreciate Button keeps it for you: add one tag to your post template and every post gets a heart readers can click, with its own count.
Like this page.
This demo takes ten likes per reader, so you can see the heart fill. Set a button to one and it behaves like a classic like button.
No instance connected
This copy of the page is not connected to a server, so the demo is off.
Works where your blog does
Step-by-step guides, each with the file to edit and the snippet to paste:
Why this like button
- No cookies and no consent banner for it. Readers are recognised by a keyed hash of IP address and browser, which is never stored as is.
- Likes can't be farmed. The limit per reader is enforced on the server, so reloading or clearing storage gives nothing extra.
- Small. About 9 KB, no dependencies, drawn in a shadow root so your styles and its styles never clash.
- Yours to style. Colours per state, your own SVG, the count on any side, and CSS variables to size it.
- Fits single-page apps. It notices client-side navigation and loads the new page's count on its own.
The snippet
<script src="https://appreciate-button.com/widget.js" data-key="pk_YOUR_BUTTON_KEY" async></script>Get the key by signing in with GitHub and creating a button for your site. Prefer to keep the data yourself? Self-host it.