Likes Tracking API

A cross-origin API service that tracks likes using unique IDs.

\n\n \n

Features

Simple ID-based tracking – Use any unique identifier (blog posts, products, comments, etc.)
Embeddable widget – Drop-in script that creates beautiful like buttons
Real-time updates – Like counts update instantly across all websites
CORS enabled – Works from any website or domain
SQLite storage – Reliable, persistent data storage

\n\n \n

Quick Start

1. Add the script to your page

<script src=\"https://jamesllllllllll--019894a514b47659ac14319f8b619533.web.val.run/script.js\"></script>

2. Add a likes widget anywhere on your page

<div data-likes-id=\"your-unique-id\">\n  <button class=\"likes-button\">❤️ <span class=\"likes-count\">0</span></button>\n</div>

💡 Customize the emoji: Change ❤️ to any emoji you want: 👍 🎉 🚀 ⭐ 🎯 🏆 🎊 🎈 🎁

3. Done!

Loads current like count automatically
Handles button clicks to record likes
Updates count in real-time
Supports multiple IDs on one page

\n\n \n

API Endpoints

POST /api/like

Record a like for a specific ID:

{\n  \"id\": \"life-universe-everything\"\n}

Returns:

{\n  \"success\": true,\n  \"id\": \"life-universe-everything\",\n  \"likeCount\": 42\n}

GET /api/likes/:id

Get like count for a specific ID:

GET /api/likes/post-123

Returns:

{\n  \"id\": \"post-123\",\n  \"likeCount\": 42\n}

GET /api/likes

Get total likes across all IDs (for fun)

\n\n \n

Use Cases

Blog posts: Use post IDs like \"post-123\" or \"2024-01-15-intro\"
Products: Use product IDs like \"product-abc\" or \"laptop-xps-13\"
Comments: Use comment IDs like \"comment-456\" or \"reply-789\"
Custom: Any unique identifier you want to track likes for!

\n\n \n

Example Usage

Basic like tracking

// Get current likes for a post\nfetch('https://jamesllllllllll--019894a514b47659ac14319f8b619533.web.val.run/api/likes/post-123')\n  .then(res => res.json())\n  .then(data => {\n    document.querySelector('.likes-count').textContent = data.likeCount;\n  });\n\n// Record a like\nfetch('https://jamesllllllllll--019894a514b47659ac14319f8b619533.web.val.run/api/like', {\n  method: 'POST',\n  headers: { 'Content-Type': 'application/json' },\n  body: JSON.stringify({ id: 'post-123' })\n})\n.then(res => res.json())\n.then(data => {\n  // Update the likes count\n});

\n\n

Demo

Test the API endpoints with your own ID:

\n\n

\n Content ID:\n \n

\n\n

\n \n \n

\n\n

Live Examples

These use the exact same code you'll embed on your site:

\n \n \n

Default heart emoji:

\n \n

Custom emoji:

\n \n

Click any button to test! Each uses the emoji you specify in your HTML.

\n\n

Implement it yourself

\n\n

Basic like tracking

// Get current likes for a post\nfetch('https://jamesllllllllll--019894a514b47659ac14319f8b619533.web.val.run/api/likes/post-123')\n  .then(res => res.json())\n  .then(data => {\n    document.querySelector('.likes-count').textContent = data.likeCount;\n  });\n\n// Record a like\nfetch('https://jamesllllllllll--019894a514b47659ac14319f8b619533.web.val.run/api/like', {\n  method: 'POST',\n  headers: { 'Content-Type': 'application/json' },\n  body: JSON.stringify({ id: 'post-123' })\n})\n.then(res => res.json())\n.then(data => {\n  document.querySelector('.likes-count').textContent = data.likeCount;\n});

\n \n

Dynamic ID from page content

// Get the post ID from your page (could be from URL, data attribute, etc.)\nconst postId = document.querySelector('[data-post-id]').dataset.postId;\n// or const postId = window.location.pathname.split('/').pop();\n\n// Get likes for this specific post\nfetch(\\`https://jamesllllllllll--019894a514b47659ac14319f8b619533.web.val.run/api/likes/\\${postId}\\`)\n  .then(res => res.json())\n  .then(data => {\n    document.querySelector('.likes-count').textContent = data.likeCount;\n  });\n\n// Record a like for this post\nfetch('https://jamesllllllllll--019894a514b47659ac14319f8b619533.web.val.run/api/like', {\n  method: 'POST',\n  headers: { 'Content-Type': 'application/json' },\n  body: JSON.stringify({ id: postId })\n})\n.then(res => res.json())\n.then(data => {\n  document.querySelector('.likes-count').textContent = data.likeCount;\n});

\n\n \n\n\n","deleted","label",[175,158],"frontend","permalink","https://www.val.town/x/Jamesllllllllll/like-anything/code/frontend/index.html","extension","html","actionData","errors"]