惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

GbyAI
GbyAI
B
Blog
Stack Overflow Blog
Stack Overflow Blog
量子位
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
T
Tailwind CSS Blog
MongoDB | Blog
MongoDB | Blog
小众软件
小众软件
博客园 - 三生石上(FineUI控件)
Recent Announcements
Recent Announcements
U
Unit 42
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
腾讯CDC
D
DataBreaches.Net
Microsoft Azure Blog
Microsoft Azure Blog
G
Google Developers Blog
M
MIT News - Artificial intelligence
P
Proofpoint News Feed
罗磊的独立博客
L
LangChain Blog
V
Visual Studio Blog
雷峰网
雷峰网
aimingoo的专栏
aimingoo的专栏
宝玉的分享
宝玉的分享

Max Böck

Faster Horses A year in review: 2024 Going Buildless Live CMS Previews with Sanity and Eleventy Upgrading to Eleventy v3 Old Dogs, new CSS Tricks A year in review: 2023 7 Reasons why I don't write The IndieWeb for Everyone Make Free Stuff Media Queries in Times of @container Container Queries in Web Components Asset Pipelines in Eleventy Medium-Style Share Highlights in Eleventy Space Jam Making Persistent Build Folders in Netlify A year in review: 2020 Whimsical Website Club The Return of the 90s Web Human Code Color Theme Switcher Eleventy Résumé Builder The Emergency Website Kit Making a Gigposter A year in review: 2019 Webclerks Conference Roads IndieWeb Link Sharing Good Enough The CSS Mindset
Webmention Analytics
Max Böck · 2021-02-07 · via Max Böck

I'm a fan of webmentions. I've written about how to use them before, and I'm quite happy with having them on my site.

However, it can get difficult to see what’s going on with them - especially if there’s a lot of “background noise”. Many sites just scrape content from well-known blogs and republish it for SEO juice. If that content includes a link to your site, it can lead to webmention spam.

Unlike on social media, you also don’t get notifications or reports about incoming webmentions. You’re just handed a bunch of raw data to use however you like. That’s part of the beauty of the Indieweb though: you can tailor it to whatever suits you best.

I recently started playing around with the data I get from webmention.io to see if it could be displayed in a more meaningful way. The result is a new side project I call:

✨✨✨ Webmention Analytics ✨✨✨
You can see it in action in this demo on my site.

barchart showing days of the month at the x-axis and different amounts of webmentions on the y-axis.
Breakdown of webmentions per day

I built this with Eleventy and Netlify, mainly because that’s my favorite tech stack to tinker with. But for analytics that don’t have to be real-time, static site generators are actually a really good fit.

Expensive computations like parsing and analyzing 8000+ data points like this can be run once a day through a periodic build hook. The reports it generates are then instantly available to the user, while still being up-to-date enough.

Features

Permalink to “Features”

  • group webmention data by month
  • overview of webmentions by type (like, reply, repost, mention, bookmark…) and day
  • show top source URLs sending webmentions to your site
  • show top target URLs on your site receiving webmentions
  • show top tweets generating webmentions through brid.gy
  • check incoming webmentions against a blocklist of known “content scrapers” and spam domains
  • automatic daily updates with cron job
table showing most common sources and targets for webmentions
Top sources and targets
Webmentions flagged as spam

Get your own instance!

Permalink to “Get your own instance!”

If you also use webmention.io to show webmentions on your site, you can fork the code on Github and make your own instance of webmention-analytics. Just follow the instructions in the README to get started.

Keep in mind that this is still a very early version of a weekend side project, so there's probably a few things to iron out. Cheers!

  1. Awesome! Love it. One suggestion: looks like you’re already using u-url for the individual webmentions. You might want to consider aggregating by u-url domain in “Top Sources” too, instead of by webmention source domain. That would replace brid-gy.appspot.com with the actual social network domains, eg twitter.com or instagram.com.

  2. There's an xzibit joke in there somewhere.

Show All Webmentions (21)
  1. Thanks! Still a bit unpolished, but I think it could be something.

  2. Yo dawg I heard you like webmentions

  3. Nice! I really need to get started with web mentions on my site. I read your post a while back but haven’t started yet.

  4. This looks great. I really need to look at adding webmentions to my site.

  5. This is so cool! 🤩 Nice work 🙌🏼

  6. Very cool! Definitely will be trying this out once I get working on my site.

  7. This is awesome. Looking forward to deploying this when I get Webmentions setup!

  8. Oh cool I haven't tried that. Glad my post was helpful!