Finalmente pude poner menciones web en mi sitio web y les contaré cómo lo hice.
Menciones web tal como se explica en la página IndieWeb
Webmention es un estándar web para menciones y conversaciones en la web, un poderoso bloque de construcción que se utiliza para una creciente red federada de comentarios, me gusta, reenvíos y otras interacciones valiosas en la web social descentralizada.
Cuando se vincula a un sitio web, puede enviarle una mención web para notificarlo. Si admite menciones web, entonces ese sitio web puede mostrar su publicación como un comentario, me gusta u otra respuesta, y listo, ¡está teniendo una conversación de un sitio a otro!
Eso suena muy bien, pero (al menos para mí) la documentación es un poco complicada y no pude encontrar una guía sencilla sobre cómo implementarla, así que después de golpearme la cabeza contra el teclado por un tiempo y lograr que funcione En esta página dejaré aquí lo que hice paso a paso. ¡Disfrutar!
¡Agregando menciones web a tu sitio interesante!
Paso 1: Preparar su sitio web
En primer lugar, debe crear una cuenta en webmention.io, pero antes deberá realizar algunos preparativos en su sitio web.
En su página de inicio necesitará un enlace a su correo electrónico (hay más opciones si no desea usar esa, para eso aquí está la [guía de configuración completa](https://indielogin.com/ configuración)). El código del enlace debe tener este formato:
<a href="mailto:me@example.com" rel="me">yo@example.com</a>
Paso 2: inicie sesión en webmention.io
Ahora está listo para iniciar sesión en webmention.io.
Paso 3: agregar código a su sitio
Una vez que inicies sesión allí, debes ir a Configuración y allí verás que en Configuración hay un bloque de código que debes pegar dentro del <head> de Tú sitio.
Paso 4: hora de mostrar las menciones web
Ahora está listo para recibir menciones web, pero aún necesita una forma de mostrarlas. Para esto utilicé webmention.js. En ese Github hay muy buenas instrucciones sobre cómo instalarlo, pero para ir rápido será algo como esto:
- necesitas agregar
webmention.min.js a tu sitio web
- luego necesitas agregar este div:
<div id="webmentions"></div> donde quieras mostrar los comentarios
- agrega el css de
webmention.css para modificarlo a tu gusto
¡Excelente! ¡ahora tienes menciones web! pero lo que más me interesaba era el siguiente paso:
Paso 5: Integrar menciones web con las redes sociales
La mayoría de las veces hago una publicación nueva y la comparto en las redes sociales (principalmente Twitter y Mastodon), con esto las respuestas que recibí en esos tweets/toots aparecerán como comentarios debajo de la publicación en mi sitio web.
Para ello debemos ir a Bridgy.
En esa página vincularás las cuentas de redes sociales que deseas usar y ¡Boom! tendrás menciones web de otros sitios y cuentas de redes sociales listas para usar.
Bueno, eso es todo. Espero que esta guía escrita como un cavernícola haya ayudado a alguien.
¡Adiós!
