Cómo insertar un feed RSS de Mastodon en tu sitio web

TL; DR 

• El feed RSS de Mastodon te permite importar publicaciones públicas de un perfil o hashtag de Mastodon a otra plataforma.
• Encuentra la URL de Mastodon para el feed RSS del perfil o hashtag que deseas mostrar.
• Conecta el feed a un agregador de redes sociales y conviértelo en un widget de feed personalizable de Mastodon.
• Ajusta la maquetación, el diseño, la moderación y la configuración de visualización para que se adapten a tu sitio web.
• Genera el código de inserción e inserta el contenido del feed RSS de Mastodon en tu sitio web.
• Añade el widget a HTML, WordPress, Wix, Shopify, Squarespace u otra plataforma compatible.
• Una vez publicado, el widget puede mostrar las nuevas publicaciones de Mastodon en las páginas web sin necesidad de añadir manualmente cada actualización.

De un vistazo

Tipos de alimentación	Patrón de URL de fuente	Ejemplo	Mejor caso de uso
Feed de perfil	https://[instance]/@[username].rss	[https://mastodon.social/@Mastodon.rss](https://mastodon.social/@Mastodon.rss)	Muestra las últimas publicaciones y actualizaciones públicas de tu marca.
Feed de hashtags	https://[instance]/tags/[hashtag].rss	[https://mastodon.social/tags/technology.rss](https://mastodon.social/tags/technology.rss)	Agrega publicaciones públicas sobre campañas, eventos o temas.
Cronología local	https://[instance]/timeline/local.rss	[https://mastodon.art/timeline/local.rss](https://mastodon.art/timeline/local.rss)	Muestra la actividad de la comunidad desde una única instancia de servidor.

Mastodon puede ser una fuente útil de contenido nuevo para tu sitio web. Sin embargo, es posible que tus visitantes nunca vean esas publicaciones en la plataforma. Un feed RSS de Mastodon te ofrece una forma sencilla de incorporar ese contenido a tu sitio. Puedes convertir el feed en un widget de Mastodon y colocarlo donde tus visitantes puedan verlo. Esta guía explica cómo encontrar la URL de tu feed de Mastodon y agregarlo a tu sitio web. También aprenderás a personalizar el feed y mostrar las publicaciones de Mastodon en las plataformas web más populares. 

¿Qué es un feed RSS de Mastodon? 

Mastodon es una plataforma social descentralizada donde las personas comparten publicaciones, enlaces, imágenes y conversaciones. Los usuarios se unen a servidores independientes llamados instancias, que se conectan a través de una red compartida. Un feed RSS de Mastodon es un feed XML que se actualiza automáticamente y permite sindicar publicaciones públicas de un perfil o hashtag específico de Mastodon sin necesidad de una cuenta ni integración con terceros.

RSS, o Really Simple Syndication, proporciona una forma estándar de distribuir contenido actualizado con frecuencia en forma de Fuentes RSS académicas y más. Mastodon puede generar feeds RSS para perfiles públicos y hashtags. Cada feed RSS de Mastodon proporciona contenido del perfil o hashtag específico que selecciones.

¿Cómo funciona el mastodonte?

Mastodon organiza a los usuarios en instancias independientes, mientras que la federación conecta esas instancias. Los usuarios publican entradas desde sus perfiles y los hashtags ayudan a organizar las publicaciones públicas en torno a temas específicos. Estos elementos también determinan el contenido que un Fuente RSS puede recolectar.

¿Qué puedes obtener de un feed RSS de Mastodon?

Una URL de Mastodon permite que las herramientas compatibles accedan a las publicaciones disponibles del feed. Los feeds de perfil se centran en las publicaciones de una cuenta, mientras que los feeds de hashtag recopilan publicaciones públicas que utilizan ese mismo hashtag. hashtagPuedes explorar ejemplos de fuentes RSS para ver cómo las diferentes fuentes estructuran y distribuyen el contenido. 

Tipo de alimentación	Contenido
Feed de perfil	Publicaciones de una cuenta específica de Mastodon.
Feed de hashtags	Publicaciones públicas asociadas a un hashtag específico

Puedes conectar estas fuentes a herramientas que permiten mostrar el contenido de Mastodon en páginas web. Por ejemplo, un widget puede presentar contenido seleccionado de Mastodon sin necesidad de copiarlo manualmente.

¿Por qué mostrar un feed de Mastodon en tu sitio web? 

Tu sitio web puede extender el valor de tu actividad de Mastodon más allá de plataforma socialUn feed de Mastodon trae tus últimas actualizaciones y conversaciones relevantes directamente a tu sitio web.

• Incrementar la visibilidad de la marca
  Muestra tu actividad en Mastodon a los visitantes que aún no te siguen en redes sociales. Esto le brinda a tu marca otro punto de contacto durante su visita al sitio web.
• Generar confianza
  Las publicaciones recientes pueden demostrar que tu marca participa activamente en las conversaciones. Esto puede brindar a los visitantes una visión más clara de tu marca y sus intereses.
• Mostrar la actividad de la comunidad
  Los feeds de hashtags pueden propiciar conversaciones relevantes sobre eventos, campañas o temas del sector. Esto resulta muy útil para las marcas que interactúan activamente con sus comunidades.
• Reutilizar contenido existente
  Tu equipo puede ofrecer a las publicaciones de Mastodon otra plataforma para llegar a tu audiencia. Podrás mostrar actualizaciones útiles sin tener que recrear el mismo contenido en tu sitio web.
• Ahorre tiempo en la gestión de contenido.
  Un widget de Mastodon puede incorporar nuevas publicaciones a tu sitio web a medida que se actualiza la fuente. Esto reduce la necesidad de añadir publicaciones de redes sociales manualmente.

También puedes explorar nuestro Social widget Para obtener más información sobre cómo mostrar contenido social en sitios web.

Cómo obtener la URL del feed RSS de Mastodon

Puedes obtener la URL del feed directamente desde un perfil público o una página de hashtag. Mastodon proporciona feeds RSS tanto para páginas de cuentas como de etiquetas, por lo que puedes usar cualquiera de las dos fuentes para tu sitio web.

Obtén tu feed RSS de perfil de Mastodon

Abre el perfil público de Mastodon que quieras usar. Agrega .rss a la URL del perfil para acceder a su feed. Por ejemplo, un perfil como https://mastodon.social/@Mastodon usos https://mastodon.social/@Mastodon.rssMastodon también permite acceder a estas fuentes desde las páginas de cuenta. La fuente contiene las publicaciones públicas de la cuenta, así que consulta el perfil antes de usar su URL.

Obtén un feed RSS de hashtags de Mastodon

Abre la página de Mastodon para el hashtag que hayas elegido. Agrega .rss a la URL de la página del hashtag para acceder a su feed. Por ejemplo, https://mastodon.social/tags/technology se convierte en https://mastodon.social/tags/technology.rssMastodon confirma que las páginas de etiquetas proporcionan fuentes RSS para su sindicación en otras plataformas.

Consulta tu feed RSS de Mastodon

Abre la URL del feed en tu navegador antes de conectarlo a un widget. Un feed que funcione correctamente debería mostrar contenido estructurado en lugar de una página web normal de Mastodon. Comprueba también que el feed contenga publicaciones públicas recientes de la fuente seleccionada. Una vez que el feed funcione, podrás usarlo para integrar el feed de Mastodon en el contenido de tu sitio web.

Cómo insertar un feed RSS de Mastodon con Tagembed 

Tagembed te permite convertir una alimentación de Mastodonte en una Widget de sitio web personalizablePuedes conectar el feed, ajustar su apariencia y publicarlo sin necesidad de crear la interfaz manualmente. El proceso también admite moderación y widgets adaptables.

Paso 1: Crea un Tagembed Cuenta

• Regístrate para obtener un Tagembed cuenta o inicie sesión en su cuenta existente.
• Abra el panel de Tagembed .
• Seleccione una red de origen y comience a crear su widget.

Paso 2: Añade tu feed RSS de Mastodon

• Seleccione la red de fuentes RSS entre las fuentes de contenido disponibles.
• Introduce un nombre para mostrar en tu feed.
• Pega la URL de tu feed de Mastodon en el campo URL del feed y añade “.rss” al final.
• Haga clic en “Crear feed” para comenzar a recopilar el contenido.

En el momento que todos los DARWINs coticen incluyendo los deslizamientos Tagembed Recopila el feed, comprueba que tus publicaciones de Mastodon aparezcan correctamente.

Paso 3: Personaliza tu widget de feed de Mastodon

• Abra el panel de “Personalizar y publicar” Opción para su widget.
• Elige una distribución adecuada y ajusta el diseño.
• Cambia los colores, las fuentes, los fondos y otras opciones de estilo disponibles.
• Utilice los controles de moderación para filtrar el contenido no deseado.
• Previsualice el widget con el “Escritorio"Y"Móvil” opciones antes de publicarlo.

Estas opciones te ayudan a crear un widget de feed de Mastodon que se adapte a tu sitio web.

Paso 4: Generar el código de inserción

• Haga clic en Generar codigo después de finalizar su personalización.
• Seleccione la plataforma para su sitio web entre las opciones disponibles.
• Ajusta la altura y el ancho del widget cuando sea necesario.
• Copie el código de inserción generado.

Paso 5: Añade el widget a tu sitio web.

• Abre la página donde quieras que se muestre tu feed de Mastodon.
• Sigue el método de inserción correspondiente a la plataforma de tu sitio web.
• Pegue el código generado o utilice el método de integración compatible.
• Guarda los cambios y previsualiza el widget publicado.

Por ejemplo, los usuarios de WordPress pueden utilizar el Tagembed Plugin de WordPress o bien, HTML personalizado como opción adecuada. Otras plataformas ofrecen sus propias áreas para añadir contenido incrustado.

Su widget de fuente RSS de Mastodon para páginas web ahora puede mostrar contenido de la fuente conectada. Con esto agregador de redes socialesTambién puedes actualizar el widget a medida que haya nuevo contenido RSS disponible.

Cómo insertar el feed RSS de Mastodon en diferentes plataformas web 

Puedes añadir el mismo widget de Mastodon a diferentes plataformas web. Los pasos exactos varían porque cada plataforma gestiona el código personalizado de forma diferente.

Plataforma	Dónde añadir el widget	Cómo agregarlo	Nota importante
HTML	El archivo HTML de tu página web	Pegue el código dentro del sección, luego guarda el archivo.	Asegúrese de que la página utilice HTTPS y que el código permanezca sin cambios.
WordPress	Editor de páginas o entradas	Agregue un bloque HTML personalizado y pegue el código.	También puedes utilizar un plugin agregador de RSS específico o un bloque de código corto.
Wix	Editor de Wix	Añade un elemento de código de inserción, elige "Insertar HTML" y, a continuación, pega el código.	Wix requiere código incrustado para usar HTTPS.
Shopify	Editor de temas	Utilice un bloque de aplicación compatible, una inserción de aplicación o una sección Liquid personalizada.	Las opciones disponibles dependen de tu tema y de la integración del widget.
Squarespace	Editor de página	Agregue un bloque de código incrustado y pegue el código.	La compatibilidad con JavaScript e iframe puede depender de tu plan de Squarespace.
Otros constructores	Área de HTML, incrustación o código personalizado	Seleccione "Otro" en la herramienta cuando sea necesario, copie el código generado y péguelo en el área compatible con su plataforma.	Comprueba si tu plataforma permite la inserción de contenido de terceros antes de publicar.

Antes de publicar

• Vista previa del widgetConfirma que tu contenido de Mastodon se carga correctamente.
• Comprueba la pantalla del móvilLas dimensiones de los widgets pueden afectar a las pantallas más pequeñas.
• Prueba la URL del feed: En caso de que el widget no muestre contenido, puede corregirlo allí mismo.
• Mantén intacto el código de inserción.Esto es útil para que el widget se cargue y se actualice correctamente.
• Consultar las restricciones de la plataformaCuando el creador de sitios web limita el contenido personalizado de HTML, JavaScript o iframe, es fundamental conocer a fondo las reglas.

Este enfoque te permite incrustar el contenido del feed RSS de Mastodon sin crear archivos separados. Plugins de fuentes RSS para WordPress o cualquier plataforma web. Crea el widget una sola vez en el creador de widgets y luego usa el método de inserción adecuado para tu sitio web.

Personaliza tu widget de noticias de Mastodon 

Una vez que tu feed esté conectado, podrás ajustar su apariencia y comportamiento en tu sitio web. Tagembed Proporciona varios controles que te ayudan a presentar publicaciones de Mastodon en páginas web sin modificar el contenido original de Mastodon.

Elija un diseño

• Seleccione un diseño que se ajuste a la cantidad y el tipo de contenido que desea mostrar.
• Utilice tarjetas, carruseles, cuadrículas u otros diseños disponibles según el diseño de su página.
• Cuando el espacio sea limitado, elige un diseño compacto, como por ejemplo una barra lateral.

El diseño de tu sitio web coincide con el tuyo.

• Ajusta las fuentes, los colores, los fondos, el espaciado y otros elementos visuales.
• Personaliza el feed para que sea coherente con el diseño actual de tu sitio web.
• Utilice CSS personalizado cuando los controles de diseño estándar no ofrezcan suficiente flexibilidad.

Moderar y filtrar el contenido

• Revisa el contenido recopilado antes de mostrarlo públicamente cuando sea necesaria la moderación.
• Elimina las publicaciones que no se ajusten al propósito o al público objetivo de tu sitio web.
• Utiliza los controles de moderación para mantener el contenido enfocado y relevante.

Mantén el feed actualizado

• Deja que el widget obtenga contenido nuevo de tu fuente RSS conectada.
• Esto reduce la necesidad de reemplazar o actualizar publicaciones individuales manualmente.
• El comportamiento de actualización puede variar según su Tagembed Planificar y alimentar la fuente.

Haz que el widget sea adaptable.

• Comprueba cómo se ve el widget de noticias de Mastodon en diferentes tamaños de pantalla.
• Ajusta sus dimensiones para que se adapte a diseños de escritorio, tableta y móvil.
• Previsualiza el widget antes de publicarlo para detectar problemas de espaciado o visualización.

Estos controles te ayudan a crear un Mastodonte Widget de fuente RSS Para páginas web que se integren perfectamente con el diseño de tu sitio. También puedes explorar nuestro Agregador de Redes Sociales para descubrir más formas de recopilar y mostrar contenido social.

Las mejores maneras de mostrar publicaciones de Mastodon en tu sitio web 

La ubicación ideal depende del tipo de contenido de Mastodon que quieras que vean los visitantes. Un widget de feed de Mastodon puede adaptarse a varias áreas del sitio web sin sobrecargar la página.

Agregar un widget de noticias de Mastodon a la página de inicio

Muestra tus publicaciones recientes para que los visitantes puedan descubrir rápidamente tu actividad más reciente. Esta ubicación funciona bien cuando Mastodon participa activamente en la comunicación de tu marca.

Crea una sección social dedicada

Utiliza tu feed para mostrar cómo tu marca participa en conversaciones más amplias. Esto funciona especialmente bien para las organizaciones que usan Mastodon para interactuar con sus comunidades.

En torno a contenido relevante

Coloca una sección de noticias relacionadas con Mastodon junto a las entradas del blog, los recursos o las páginas temáticas. Una sección de hashtags puede añadir debates públicos actuales sobre el tema tratado en esa página.

En las páginas de campaña

Utiliza un hashtag específico para tu campaña y reúne las publicaciones relacionadas en un solo lugar. El sistema de hashtags de Mastodon ayuda a los usuarios a descubrir publicaciones públicas sobre temas comunes.

En las páginas de eventos

Muestra publicaciones con el hashtag de un evento para que los visitantes puedan ver las conversaciones en curso. Esto puede ser muy útil para conferencias, lanzamientos, eventos comunitarios y campañas en línea.

En una página social dedicada

Crea una página que concentre tu actividad en redes sociales si tu marca tiene varios canales activos. Puedes usar un feed de Mastodon junto con otras fuentes sociales para mantener la página actualizada.

Elija la ubicación en función del propósito del contenido en lugar de agregar un feed en todas partes. Para obtener más ideas, consulte nuestra guía sobre Integración de feeds de redes sociales en un sitio web.

Beneficios de agregar un feed de Mastodon a su sitio web 

Un feed de Mastodon puede hacer más que mostrar actualizaciones sociales en un sitio web. También puede facilitar la reutilización y el mantenimiento del contenido existente.

• Mantén el contenido actualizado
  RSS puede mostrarte las últimas publicaciones de la fuente de Mastodon que hayas seleccionado. Esto ayuda a que tu sitio web refleje la actividad reciente sin tener que reconstruir el feed cada vez.
• Reducir el trabajo editorial
  Una vez que insertas un feed de Mastodon en el contenido de tu sitio web, el widget se encarga de mostrarlo. Tu equipo puede evitar copiar publicaciones individuales en las páginas web.
• Amplía el alcance de tu contenido
  Tus publicaciones en Mastodon pueden llegar a personas que visitan tu sitio web pero que rara vez consultan las redes sociales. Esto le da al contenido existente otro espacio para funcionar.
• Crea una visualización coherente
  Un widget de feed de Mastodon te permite controlar el diseño, las fuentes, los colores y el espaciado. De esta forma, puedes adaptar el feed al estilo visual de tu sitio web.
• Compatibilidad con diferentes experiencias de sitio web
  Puedes colocar el feed en páginas de inicio, páginas de campañas, páginas de eventos o secciones de contenido relevantes. Esto le da a cada feed un propósito claro.
• Sácale más partido a tu actividad social.
  Tu equipo ya crea publicaciones para Mastodon. Mostrarlas en tu sitio web te permite reutilizar ese trabajo en otro canal digital.

Problemas comunes al insertar feeds RSS de Mastodon 

Normalmente, una fuente de Mastodon funciona correctamente una vez que la URL de la fuente y la configuración del widget son correctas. Si surge algún problema, compruebe primero estos problemas comunes.

El feed RSS no se carga

• Problema: El widget no muestra ningún contenido después de agregar la fuente.
• Comprobar: Abre la URL de tu feed de Mastodon directamente en un navegador.
• Solución: Confirme que la URL funciona y contiene contenido disponible antes de volver a conectarla.

Las publicaciones de Mastodon no aparecen

• Problema: La conexión con el feed está establecida, pero no aparece ninguna publicación.
• Comprobar: Confirma que la fuente contiene publicaciones públicas.
• Solución: Los feeds RSS de Mastodon solo contienen las publicaciones que se han compartido públicamente. Las publicaciones que no están listadas, que solo están disponibles para los seguidores, y los mensajes directos no aparecen en los feeds .rss.

Advertencias de contenido Ocultar texto de la publicación

• Problema: Aparece una publicación sin su texto completo.
• Comprobar: Abre la publicación original de Mastodon y busca una advertencia sobre el contenido.
• Solución: La salida RSS de Mastodon conserva la estructura de advertencia de contenido. Es posible que los lectores deban abrir la publicación original para ver el contenido oculto.

El feed no se actualiza

• Problema: Las nuevas publicaciones de Mastodon no aparecen en el sitio web.
• Comprobar: Asegúrate de que las actualizaciones automáticas permanezcan habilitadas en tu widget.
• Solución: Comprueba la configuración de actualización de tu widget y espera a que se actualice de nuevo. Tagembed Se advierte que desactivar la actualización automática puede impedir que las fuentes se actualicen.

Las imágenes o el contenido multimedia no aparecen.

• Problema: Las publicaciones se cargan, pero las imágenes o archivos multimedia adjuntos siguen sin aparecer.
• Comprobar: Abre la publicación original de Mastodon y verifica que el contenido multimedia aún se carga.
• Solución: Vuelva a comprobar la fuente de origen y actualice el widget si la fuente multimedia ha cambiado.

El widget se ve incorrecto

• Problema: El widget de noticias de Mastodon no se ajusta correctamente a la página.
• Comprobar: Revisa su ancho, alto, diseño y configuración de adaptabilidad.
• Solución: Ajusta las dimensiones del widget y previsualízalo en diferentes tamaños de pantalla.

La carga del feed se detiene temporalmente.

• Problema: Es posible que una solicitud de transmisión directa falle o se ralentice temporalmente.
• Comprobar: Abra directamente la URL del feed y compruebe si la instancia de Mastodon responde con normalidad.
• Solución: Verifique el estado de la instancia e intente acceder a la fuente de datos nuevamente más tarde. Los administradores de instancias pueden aplicar límites de velocidad a las solicitudes, por lo que las solicitudes directas repetidas podrían no responder de inmediato.

Si estas comprobaciones no solucionan el problema, revise la URL de su feed de Mastodon y la configuración del widget antes de modificar el código de su sitio web.

Conclusión

Agregar un feed de Mastodon a tu sitio web no requiere una configuración complicada. Primero, encuentra la URL de tu feed RSS de Mastodon y conéctala a un creador de widgets. Luego, personaliza el feed y genera tu código de inserción. Finalmente, agrega el widget a tu sitio web y comprueba su visualización. Una vez que todo funcione correctamente, tu sitio web podrá mostrar contenido actualizado de Mastodon con menos trabajo manual. Tagembed También te permite gestionar el diseño y el contenido del widget desde un único lugar.