# Webmention Support

<div class="mb-6">
  <span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-xs font-medium bg-orange-50 dark:bg-orange-500/10 text-orange-600 dark:text-orange-400 border border-orange-200 dark:border-orange-500/20">
    <div class="p-0.5 rounded-full bg-orange-100 dark:bg-orange-500/20">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="w-3 h-3">
        <path fill-rule="evenodd" d="M6.701 2.25c.577-1 2.02-1 2.598 0l5.196 9a1.5 1.5 0 01-1.299 2.25H2.804a1.5 1.5 0 01-1.3-2.25l5.197-9zM8 4a.75.75 0 01.75.75v3a.75.75 0 11-1.5 0v-3A.75.75 0 018 4zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" />
      </svg>
    </div>
    <span>BETA</span>
  </span>
  <p class="text-xs text-orange-600 dark:text-orange-400 mt-2">This feature is currently in beta testing and may be subject to changes.</p>
</div>

Tinylytics supports collecting "likes" from across the web using Webmentions. This allows you to integrate appreciation from the IndieWeb directly into your dashboard.

When someone likes your post on their own site or via services like [Bridgy](https://bridgy.fed.wiki/Like), it is automatically verified and converted into a Kudo in your statistics.

## How it Works

1. **Detection**: You add a special `<link>` tag to your website's `<head>`.
2. **Delivery**: When someone likes your post, a Webmention is sent to your unique Tinylytics endpoint.
3. **Verification**: Our servers verify that the source page actually contains a link to your target page and that it's a legitimate "like" or "mention".
4. **Integration**: Verified mentions appear in your **Community** tab. If the mention is a "like", it's also automatically counted as a **Kudo** for that specific path.

## Implementation

To enable Webmention support, add the following tag to your site's `<head>`:

```html
<link rel="webmention" href="https://tinylytics.app/webmention/YOUR_EMBED_CODE">
```

> [!TIP]
> You can find your unique link tag in both the **Kudos** setup section and the **Community** tab instructions on your dashboard.

## Features

Once implemented, verified mentions provide several benefits:

- **External Kudos**: Verified "likes" are automatically recorded as a Kudo for the target path.
- **Source Information**: In the Kudos path statistics, you can filter for "External" sources to see which websites are sending you appreciation.
- **Community Feed**: The **Community** tab shows a feed of recent verified mentions, including the source URL, title, and a snippet of content if available.

## Supported Mention Types

Currently, Tinylytics processes the following types of Webmentions:

- **Likes**: Registered as Kudos.
- **Mentions/Reposts**: Verified and displayed in your Community feed.

We are actively refining the verification process and how mentions are displayed.