Comment intégrer un flux RSS Mastodon sur votre site web

TL; DR 

• Le flux RSS de Mastodon vous permet de récupérer des publications publiques d'un profil ou d'un hashtag Mastodon vers une autre plateforme.
• Trouvez l'URL Mastodon du flux RSS du profil ou du hashtag que vous souhaitez afficher.
• Connectez le flux à un agrégateur de médias sociaux et transformez-le en un widget de flux Mastodon personnalisable.
• Ajustez la mise en page, le design, la modération et les paramètres d'affichage à votre site web.
• Générez le code d'intégration et intégrez le contenu du flux RSS Mastodon sur votre site web.
• Ajoutez le widget à votre site HTML, WordPress, Wix, Shopify, Squarespace ou toute autre plateforme prise en charge.
• Une fois publié, le widget peut afficher les nouveaux articles Mastodon sur les pages web sans avoir à ajouter manuellement chaque mise à jour.

D'un coup d'œil

Types d'alimentation	Modèle d'URL de flux	Exemple	Meilleur cas d'utilisation
Flux de profil	https://[instance]/@[username].rss	[https://mastodon.social/@Mastodon.rss](https://mastodon.social/@Mastodon.rss)	Mettez en avant les dernières publications et mises à jour publiques de votre marque.
Flux de hashtags	https://[instance]/tags/[hashtag].rss	[https://mastodon.social/tags/technology.rss](https://mastodon.social/tags/technology.rss)	Regrouper les publications publiques relatives aux campagnes, aux événements ou aux sujets.
Chronologie locale	https://[instance]/timeline/local.rss	[https://mastodon.art/timeline/local.rss](https://mastodon.art/timeline/local.rss)	Afficher l'activité de la communauté à partir d'une seule instance de serveur.

Mastodon peut être une source précieuse de contenu frais pour votre site web. Cependant, il est possible que vos visiteurs ne voient jamais ces articles sur la plateforme. Un flux RSS Mastodon vous offre un moyen simple d'intégrer ce contenu à votre site. Vous pouvez transformer ce flux en widget Mastodon et l'afficher à l'endroit où vos visiteurs pourront le consulter. Ce guide explique comment trouver l'URL de votre flux Mastodon et l'ajouter à votre site web. Vous apprendrez également à personnaliser le flux et à afficher les articles Mastodon sur les principales plateformes web. 

Qu'est-ce qu'un flux RSS Mastodon ? 

Mastodon est une plateforme sociale décentralisée où les utilisateurs partagent des publications, des liens, des images et des conversations. Ils rejoignent des serveurs indépendants appelés instances, connectés via un réseau partagé. Un flux RSS Mastodon est un flux XML mis à jour automatiquement qui permet de diffuser des publications publiques d'un profil ou d'un hashtag Mastodon spécifique, sans avoir besoin de créer un compte ni d'intégrer un service tiers.

RSS, ou Really Simple Syndication, offre une méthode standard pour diffuser du contenu fréquemment mis à jour sous la forme de Flux RSS académiques Et plus encore. Mastodon peut générer des flux RSS pour les profils publics et les hashtags. Chaque flux RSS de Mastodon fournit le contenu du profil ou du hashtag spécifique que vous sélectionnez.

Comment fonctionne Mastodon ?

Mastodon organise les utilisateurs sur des instances indépendantes, tandis que la fédération connecte ces instances. Les utilisateurs publient des messages depuis leurs profils, et les hashtags permettent d'organiser les publications publiques autour de sujets spécifiques. Ces éléments déterminent également le contenu qu'un utilisateur peut voir. Flux RSS peut collecter.

Que pouvez-vous obtenir d'un flux RSS Mastodon ?

Une URL Mastodon permet aux outils compatibles d'accéder aux publications disponibles du flux. Les flux de profil se concentrent sur les publications d'un seul compte, tandis que les flux de hashtags collectent les publications publiques utilisant ce compte. hashtagVous pouvez explorer des exemples de flux RSS pour voir comment différents flux structurent et distribuent le contenu. 

Type d'alimentation	Contenu
Flux de profil	Messages provenant d'un compte Mastodon spécifique
Flux de hashtags	Publications publiques associées à un hashtag spécifique

Vous pouvez connecter ces flux à des outils qui facilitent l'affichage des flux Mastodon sur les pages web. Par exemple, un widget peut présenter une sélection de contenu Mastodon sans avoir à le copier manuellement.

Pourquoi afficher un flux Mastodon sur votre site web ? 

Votre site web peut étendre la valeur de votre activité Mastodon au-delà de plate-forme socialeUn flux Mastodon apporte vos dernières mises à jour et les conversations pertinentes directement sur votre site.

• Augmenter la visibilité de la marque
  Montrez votre activité sur Mastodon aux visiteurs qui ne vous suivent pas encore sur les réseaux sociaux. Cela offre à votre marque un point de contact supplémentaire lors de leur navigation sur votre site web.
• Bâtir la confiance
  Les publications récentes peuvent montrer que votre marque participe activement aux conversations. Cela permet aux visiteurs de mieux comprendre votre marque et ses centres d'intérêt.
• Activité communautaire de démonstration
  Les flux de hashtags peuvent susciter des conversations pertinentes autour d'événements, de campagnes ou de sujets sectoriels. Cela s'avère particulièrement efficace pour les marques qui interagissent activement avec leurs communautés.
• Réutiliser le contenu existant
  Votre équipe peut ainsi diffuser les articles Mastodon auprès de votre public. Vous pouvez y afficher des informations utiles sans avoir à recréer le même contenu pour votre site web.
• Gagnez du temps en gestion de contenu
  Un widget de flux Mastodon peut intégrer les nouveaux articles à votre site web dès leur mise à jour. Cela réduit la nécessité d'ajouter manuellement les publications des réseaux sociaux.

Vous pouvez également découvrir notre Widget médias sociaux pour en savoir plus sur l'affichage de contenu social sur les sites web.

Comment obtenir l'URL de votre flux RSS Mastodon

Vous pouvez obtenir l'URL du flux directement depuis un profil public ou une page de hashtag. Mastodon fournit des flux RSS pour les pages de compte et de tags ; vous pouvez donc utiliser l'une ou l'autre source pour votre site web.

Recevez votre flux RSS de profil Mastodon

Ouvrez le profil Mastodon public que vous souhaitez utiliser. Ajoutez .rss à l'URL du profil pour accéder à son flux RSS. Par exemple, un profil comme : https://mastodon.social/@Mastodon Usages https://mastodon.social/@Mastodon.rssMastodon rend également ces flux accessibles depuis les pages de compte. Le flux contient les publications publiques du compte ; consultez donc le profil avant d'utiliser son URL.

Obtenez un flux RSS de hashtags Mastodon

Ouvrez la page Mastodon correspondant au hashtag choisi. Ajoutez .rss à l'URL de la page du hashtag pour accéder à son flux RSS. Par exemple : https://mastodon.social/tags/technology devient https://mastodon.social/tags/technology.rssMastodon confirme que les pages de tags fournissent des flux RSS pour la syndication sur d'autres plateformes.

Consultez votre flux RSS Mastodon

Ouvrez l'URL du flux dans votre navigateur avant de le connecter à un widget. Un flux fonctionnel doit renvoyer un contenu structuré et non une page web Mastodon classique. Vérifiez également que le flux contient les publications publiques récentes de la source sélectionnée. Une fois le flux opérationnel, vous pouvez l'utiliser pour intégrer le flux Mastodon au contenu de votre site web.

Comment intégrer un flux RSS Mastodon avec Tagembed 

Tagembed vous permet de transformer un flux Mastodon en un widget de site Web personnalisableVous pouvez connecter le flux, en ajuster l'apparence et le publier sans avoir à créer vous-même l'affichage. Le processus prend également en charge la modération et l'affichage adaptatif des widgets.

Étape 1: Créer un Tagembed Compte

• Inscrivez-vous pour Tagembed compte ou connectez-vous à votre compte existant.
• Ouvrez le Tagembed tableau de bord.
• Sélectionnez un réseau source et commencez à créer votre widget.

Étape 2 : Ajoutez votre flux RSS Mastodon

• Choisissez le réseau source RSS parmi les sources de contenu disponibles.
• Saisissez un nom d'affichage pour votre flux.
• Collez l'URL de votre flux Mastodon dans le champ URL du flux et ajoutez « .rss » à la fin.
• Cliquez à nouveau « Créer un flux » pour commencer la collecte du contenu.

Une fois Tagembed Récupérez le flux, vérifiez que vos publications Mastodon s'affichent correctement.

Étape 3 : Personnalisez votre widget de flux Mastodon

• Ouvrez le « Personnaliser et publier » option pour votre widget.
• Choisissez une disposition appropriée et ajustez le design.
• Modifiez les couleurs, les polices, les arrière-plans et autres options de style disponibles.
• Utilisez les contrôles de modération pour filtrer les contenus indésirables.
• Prévisualisez le widget avec le «Bureau" et "Mobile« options avant de le publier.

Ces options vous permettent de créer un widget de flux Mastodon adapté à votre site web.

Étape 4 : Générer le code d’intégration

• Cliquez à nouveau Générer du code après avoir terminé votre personnalisation.
• Sélectionnez votre plateforme web parmi les options disponibles.
• Ajustez la hauteur et la largeur du widget si nécessaire.
• Copiez le code d'intégration généré.

Étape 5 : Ajoutez le widget à votre site web

• Ouvrez la page sur laquelle vous souhaitez afficher votre flux Mastodon.
• Suivez la méthode d'intégration prévue pour votre plateforme web.
• Collez le code généré ou utilisez la méthode d'intégration prise en charge.
• Enregistrez vos modifications et prévisualisez le widget publié.

Par exemple, les utilisateurs de WordPress peuvent utiliser Tagembed Plugin WordPress Vous pouvez également utiliser du HTML personnalisé. D'autres plateformes proposent des zones dédiées à l'ajout de contenu intégré.

Votre widget de flux RSS Mastodon pour les pages Web peut désormais afficher le contenu du flux connecté. agrégateur de médias sociauxVous pouvez également mettre à jour le widget au fur et à mesure que de nouveaux contenus RSS sont disponibles.

Comment intégrer un flux RSS Mastodon sur différentes plateformes web ? 

Vous pouvez ajouter le même widget de flux Mastodon à différentes plateformes web. La procédure exacte varie car chaque plateforme gère le code personnalisé différemment.

Plateforme complète	Où ajouter le widget	Comment l'ajouter	Note importante:
HTML	Le fichier HTML de votre page web	Collez le code à l'intérieur du section, puis enregistrez le fichier.	Assurez-vous que la page utilise le protocole HTTPS et que le code reste inchangé.
WordPress	Éditeur de page ou de publication	Ajoutez un bloc HTML personnalisé et collez le code.	Vous pouvez également utiliser un plugin agrégateur RSS dédié ou un bloc de code court.
Wix	Éditeur Wix	Ajoutez un élément Code d'intégration, choisissez Intégrer du HTML, puis collez le code.	Wix nécessite du code intégré pour utiliser HTTPS.
Shopify	Éditeur de thème	Utilisez un bloc d'application compatible, une intégration d'application ou une section Liquid personnalisée.	Les options disponibles dépendent de votre thème et de l'intégration du widget.
Squarespace	Éditeur de pages	Ajoutez un bloc de code intégré et collez le code.	La prise en charge de JavaScript et des iframes peut dépendre de votre forfait Squarespace.
Autres constructeurs	Zone HTML, intégration ou code personnalisé	Sélectionnez « Autre » dans l'outil si nécessaire, copiez le code généré et collez-le dans la zone prise en charge par votre plateforme.	Vérifiez si votre plateforme autorise l'intégration de contenu tiers avant de publier.

Avant de publier

• Aperçu du widgetVérifiez que votre contenu Mastodon se charge correctement.
• Vérifier l'écran mobileLes dimensions des widgets peuvent affecter les petits écrans.
• Tester l'URL du fluxSi le widget n'affiche aucun contenu, vous pouvez le corriger directement dessus.
• Conservez le code d'intégration intactCela permet au widget de se charger et de se mettre à jour correctement.
• Vérifiez les restrictions de la plateformeLorsque votre outil de création de site web limite le contenu HTML, JavaScript ou iframe personnalisé, vous devez respecter scrupuleusement les règles.

Cette approche vous permet d'intégrer le contenu du flux RSS Mastodon sans créer de flux distincts. Extensions de flux RSS pour WordPress ou pour toute plateforme web. Vous créez le widget une seule fois dans l'outil de création de widgets, puis vous utilisez la méthode d'intégration appropriée pour votre site web.

Personnalisez votre widget de flux Mastodon 

Une fois votre flux connecté, vous pouvez ajuster son apparence et son comportement sur votre site web. Tagembed propose plusieurs commandes qui vous permettent d'afficher les articles Mastodon sur les pages Web sans modifier votre contenu Mastodon original.

Choisissez une mise en page

• Choisissez une mise en page adaptée à la quantité et au type de contenu que vous souhaitez afficher.
• Utilisez des mises en page de type carte, diaporama, grille ou autres mises en page disponibles en fonction de la conception de votre page.
• Choisissez une mise en page compacte lorsque l'espace est limité, comme une barre latérale.

Harmonisez le design de votre site web

• Ajustez les polices, les couleurs, les arrière-plans, l'espacement et autres éléments visuels.
• Personnalisez le flux pour qu'il soit cohérent avec le design existant de votre site web.
• Utilisez du CSS personnalisé lorsque les contrôles de conception standard n'offrent pas suffisamment de flexibilité.

Modérer et filtrer le contenu

• Examiner le contenu collecté avant de le diffuser publiquement lorsque la modération est nécessaire.
• Supprimez les publications qui ne correspondent pas à l'objectif ou au public de votre site web.
• Utilisez les outils de modération pour que le flux reste ciblé et pertinent.

Tenir le flux à jour

• Laissez le widget récupérer le nouveau contenu depuis votre source RSS connectée.
• Cela réduit la nécessité de remplacer ou de mettre à jour manuellement chaque publication.
• Le comportement d'actualisation peut varier en fonction de votre Tagembed plan et source d'alimentation.

Rendre le widget réactif

• Vérifiez comment le widget de flux Mastodon s'affiche sur différentes tailles d'écran.
• Ajustez ses dimensions pour qu'il s'adapte aux écrans d'ordinateur de bureau, de tablette et de téléphone mobile.
• Prévisualisez le widget avant sa publication afin de repérer les problèmes d'espacement ou d'affichage.

Ces commandes vous aident à créer un mastodonte Widget de flux RSS Pour des pages web qui s'intègrent parfaitement au design de votre site, vous pouvez également explorer notre agrégateur de réseaux sociaux pour découvrir des solutions plus complètes de collecte et d'affichage de contenu social.

Meilleures façons d'afficher les articles Mastodon sur votre site web 

L'emplacement idéal dépend du type de contenu Mastodon que vous souhaitez mettre en avant. Un widget de flux Mastodon peut s'intégrer à plusieurs zones de votre site web sans le surcharger.

Ajouter un widget de flux Mastodon à la page d'accueil

Mettez en avant vos publications récentes pour que les visiteurs puissent rapidement découvrir votre activité du moment. Ce placement est particulièrement pertinent si Mastodon joue un rôle actif dans la communication de votre marque.

Créer une section sociale dédiée

Utilisez votre fil d'actualité pour montrer comment votre marque participe à des conversations plus larges. Cela fonctionne particulièrement bien pour les organisations qui utilisent Mastodon pour interagir avec leurs communautés.

Autour du contenu pertinent

Intégrez un flux Mastodon pertinent à côté des articles de blog, des ressources ou des pages thématiques. Un flux de hashtags permet d'ajouter les discussions publiques en cours sur le sujet traité sur la page.

Sur les pages de campagne

Utilisez un hashtag spécifique à la campagne pour regrouper les publications associées. Le système de hashtags de Mastodon permet de découvrir plus facilement les publications publiques traitant de sujets communs.

Sur les pages d'événements

Affichez les publications associées au hashtag d'un événement pour permettre aux visiteurs de suivre les conversations en cours. Cette stratégie est particulièrement efficace pour les conférences, les lancements de produits, les événements communautaires et les campagnes en ligne.

Sur une page sociale dédiée

Si votre marque est active sur plusieurs réseaux sociaux, créez une page unique regroupant vos activités. Vous pouvez utiliser un flux Mastodon en complément d'autres sources sociales pour la maintenir à jour.

Choisissez l'emplacement en fonction de l'objectif du contenu plutôt que d'ajouter un flux partout. Pour plus d'idées, consultez notre guide sur intégrer des flux de médias sociaux sur un site web.

Avantages de l'ajout d'un flux Mastodon à votre site web 

Un flux Mastodon ne se contente pas d'afficher les mises à jour des réseaux sociaux sur un site web. Il facilite également la réutilisation et la maintenance du contenu existant.

• Maintenir le contenu à jour
  Le flux RSS permet de recevoir les nouveaux articles de votre source Mastodon sélectionnée. Ainsi, votre site web reflète l'activité récente sans avoir à reconstruire le flux à chaque fois.
• Réduire le travail d'édition
  Une fois le flux Mastodon intégré au contenu de votre site web, le widget se charge de l'affichage. Votre équipe n'a ainsi plus besoin de copier chaque article individuellement sur les pages web.
• Élargissez la portée de votre contenu
  Vos publications Mastodon peuvent toucher les personnes qui visitent votre site web mais consultent rarement les réseaux sociaux. Cela offre à votre contenu existant une nouvelle plateforme de diffusion.
• Créer un affichage cohérent
  Un widget de flux Mastodon vous permet de contrôler la mise en page, les polices, les couleurs et l'espacement. Vous pouvez ainsi adapter le flux au style visuel de votre site web.
• Prendre en charge différentes expériences de site Web
  Vous pouvez intégrer le flux sur les pages d'accueil, les pages de campagne, les pages d'événements ou les sections de contenu pertinentes. Ainsi, chaque flux a un objectif clair.
• Tirez le meilleur parti de votre activité sociale
  Votre équipe crée déjà des articles pour Mastodon. Les afficher sur votre site web vous permet de réutiliser ce travail sur un autre canal numérique.

Problèmes courants d'intégration des flux RSS Mastodon 

Un flux Mastodon fonctionne généralement correctement une fois que l'URL du flux et les paramètres du widget sont corrects. En cas de problème, vérifiez d'abord ces points courants.

Le flux RSS ne se charge pas.

• Problème: Le widget n'affiche aucun contenu après l'ajout du flux.
• Vérifier: Ouvrez directement l'URL de votre flux Mastodon dans un navigateur.
• Correction: Vérifiez que l'URL fonctionne et contient du contenu disponible avant de vous reconnecter.

Les messages de Mastodon n'apparaissent pas

• Problème: La connexion au flux est établie, mais aucun message ne s'affiche.
• Vérifier: Vérifiez que la source contient des publications publiques.
• Correction: Les flux RSS de Mastodon ne contiennent que les articles publiés publiquement. Les articles non répertoriés, accessibles uniquement aux abonnés, et les messages privés n'apparaissent pas dans les flux RSS.

Avertissements relatifs au contenu Masquer le texte de la publication

• Problème: Un message apparaît sans son texte intégral.
• Vérifier: Ouvrez la publication originale sur Mastodon et recherchez un avertissement relatif au contenu.
• Correction: Le flux RSS de Mastodon conserve la structure des avertissements de contenu. Les lecteurs devront peut-être ouvrir l'article original pour voir le contenu masqué.

Le flux ne se met pas à jour.

• Problème: Les nouveaux articles de Mastodon n'apparaissent pas sur le site web.
• Vérifier: Assurez-vous que les mises à jour automatiques restent activées dans votre widget.
• Correction: Vérifiez les paramètres de mise à jour de votre widget et patientez jusqu'à la prochaine actualisation. Tagembed Notez que la désactivation de la mise à jour automatique peut empêcher l'actualisation des flux.

Les images ou les médias n'apparaissent pas.

• Problème: Les messages s'affichent, mais les images ou les médias joints sont manquants.
• Vérifier: Ouvrez la publication Mastodon originale et vérifiez que les médias se chargent toujours.
• Correction: Revérifiez le flux source et actualisez le widget si la source multimédia a changé.

Le widget semble incorrect

• Problème: Votre widget de flux Mastodon ne s'affiche pas correctement sur la page.
• Vérifier: Vérifiez sa largeur, sa hauteur, sa mise en page et ses paramètres de réactivité.
• Correction: Ajustez les dimensions du widget et prévisualisez-le sur différentes tailles d'écran.

Le chargement du flux s'interrompt temporairement.

• Problème: Une requête d'alimentation directe peut échouer ou ralentir temporairement.
• Vérifier: Ouvrez directement l'URL du flux et vérifiez si l'instance Mastodon répond normalement.
• Correction: Vérifiez l'état de l'instance et réessayez plus tard. Les administrateurs d'instance peuvent limiter le nombre de requêtes ; par conséquent, les requêtes directes répétées peuvent ne pas toujours répondre immédiatement.

Si ces vérifications ne résolvent pas le problème, vérifiez l'URL de votre flux Mastodon et les paramètres de votre widget avant de modifier le code de votre site web.

Conclusion

Intégrer un flux Mastodon à votre site web ne nécessite aucune configuration complexe. Commencez par trouver l'URL de votre flux RSS Mastodon et connectez-la à un outil de création de widgets. Personnalisez ensuite le flux et générez votre code d'intégration. Enfin, ajoutez le widget à votre site web et vérifiez son affichage. Une fois l'intégration terminée, votre site affichera du contenu Mastodon actualisé en un minimum de manipulations. Tagembed permet également de gérer la conception et le contenu du widget à partir d'un seul endroit.