Como incorporar um feed RSS do Mastodon em seu site

TL, DR 

• O feed RSS do Mastodon permite que você importe publicações públicas de um perfil ou hashtag do Mastodon para outra plataforma.
• Encontre o URL do Mastodon para o feed RSS do perfil ou hashtag que você deseja exibir.
• Conecte o feed a um agregador de mídias sociais e transforme-o em um widget de feed personalizável do Mastodon.
• Ajuste o layout, o design, a moderação e as configurações de exibição para que se adequem ao seu site.
• Gere o código de incorporação e incorpore o conteúdo do feed RSS do Mastodon em seu site.
• Adicione o widget ao HTML, WordPress, Wix, Shopify, Squarespace ou outra plataforma compatível.
• Após a publicação, o widget pode exibir novas postagens do Mastodon nas páginas do site sem a necessidade de adicionar manualmente cada atualização.

Num relance

Tipos de alimentação	Padrão de URL do feed	Exemplo	Melhor caso de uso
Feed de perfil	https://[instance]/@[username].rss	[https://mastodon.social/@Mastodon.rss](https://mastodon.social/@Mastodon.rss)	Mostre as publicações e atualizações mais recentes da sua marca.
Feed de hashtags	https://[instance]/tags/[hashtag].rss	[https://mastodon.social/tags/technology.rss](https://mastodon.social/tags/technology.rss)	Agregue publicações públicas para campanhas, eventos ou tópicos.
Linha do tempo local	https://[instance]/timeline/local.rss	[https://mastodon.art/timeline/local.rss](https://mastodon.art/timeline/local.rss)	Exibir a atividade da comunidade a partir de uma única instância do servidor.

O Mastodon pode ser uma fonte útil de conteúdo atualizado para o seu site. No entanto, os visitantes do seu site podem nunca ver essas publicações na plataforma. Um feed RSS do Mastodon oferece uma maneira simples de trazer esse conteúdo para o seu site. Você pode transformar o feed em um widget do Mastodon e colocá-lo onde os visitantes possam vê-lo. Este guia explica como encontrar o URL do seu feed do Mastodon e adicioná-lo ao seu site. Você também aprenderá como personalizar o feed e exibir as publicações do Mastodon em plataformas populares de sites. 

O que é um feed RSS do Mastodon? 

O Mastodon é uma plataforma social descentralizada onde as pessoas compartilham publicações, links, imagens e conversas. Os usuários se conectam a servidores independentes chamados instâncias, que por sua vez se conectam por meio de uma rede compartilhada. Um feed RSS do Mastodon é um feed XML atualizado automaticamente que permite a distribuição de publicações públicas de um perfil ou hashtag específica do Mastodon sem a necessidade de uma conta ou integração com terceiros.

RSS, ou Really Simple Syndication (Sindicato Realmente Simples), fornece uma maneira padronizada de distribuir conteúdo atualizado com frequência na forma de... Feeds RSS acadêmicos e muito mais. O Mastodon pode gerar feeds RSS para perfis públicos e hashtags. Cada feed RSS do Mastodon fornece conteúdo do perfil ou hashtag específico que você selecionar.

Como funciona o mastodonte?

O Mastodon organiza os usuários em instâncias independentes, enquanto a federação conecta essas instâncias. Os usuários publicam posts a partir de seus perfis, e as hashtags ajudam a organizar as publicações públicas em torno de tópicos específicos. Esses elementos também determinam o conteúdo que um usuário pode exibir em um post. feed RSS pode coletar.

O que você pode obter de um feed RSS do Mastodon?

Um URL do Mastodon permite que ferramentas compatíveis acessem as publicações disponíveis no feed. Os feeds de perfil focam em publicações de uma conta específica, enquanto os feeds de hashtag coletam publicações públicas que utilizam essa hashtag. hashtagVocê pode explorar exemplos de feeds RSS para ver como diferentes feeds estruturam e distribuem conteúdo. 

Tipo de feed	Conteúdo
Feed de perfil	Publicações de uma conta específica do Mastodon
Feed de hashtags	Publicações públicas associadas a uma hashtag específica

Você pode conectar esses feeds a ferramentas que ajudam a exibir o feed do Mastodon em páginas da web. Por exemplo, um widget pode apresentar conteúdo selecionado do Mastodon sem a necessidade de cópia manual.

Por que exibir um feed do Mastodon em seu site? 

Seu site pode ampliar o valor da sua atividade no Mastodon além do... plataforma socialUm feed do Mastodon traz suas últimas atualizações e conversas relevantes diretamente para o seu site.

• Aumente a visibilidade da marca
  Mostre sua atividade no Mastodon para visitantes que ainda não seguem seu perfil nas redes sociais. Isso oferece à sua marca mais um ponto de contato durante a jornada deles pelo site.
• Construir Confiança
  Publicações recentes podem mostrar que sua marca participa ativamente de conversas. Isso pode dar aos visitantes uma visão mais clara da sua marca e dos seus interesses.
• Atividade comunitária em destaque
  Os feeds de hashtags podem gerar conversas relevantes sobre eventos, campanhas ou tópicos do setor. Isso funciona bem para marcas que interagem ativamente com suas comunidades.
• Reutilizar conteúdo existente
  Sua equipe pode oferecer às publicações do Mastodon mais um canal para alcançar seu público. Você pode exibir atualizações úteis sem precisar recriar o mesmo conteúdo para o seu site.
• Economize tempo na gestão de conteúdo
  Um widget de feed do Mastodon pode exibir novas publicações no seu site conforme a fonte é atualizada. Isso reduz a necessidade de adicionar publicações de redes sociais manualmente.

Você também pode explorar nosso Mídia Social Widget Para saber mais sobre como exibir conteúdo de redes sociais em sites.

Como obter o URL do seu feed RSS do Mastodon

Você pode obter o URL do feed diretamente de um perfil público ou página de hashtag. O Mastodon fornece feeds RSS tanto para páginas de contas quanto para páginas de tags, então você pode usar qualquer uma das fontes para o seu site.

Obtenha seu perfil do Mastodon via RSS

Abra o perfil público do Mastodon que você deseja usar. Adicione ".rss" à URL do perfil para acessar o feed. Por exemplo, um perfil como este: https://mastodon.social/@Mastodon utiliza https://mastodon.social/@Mastodon.rssO Mastodon também torna esses feeds visíveis nas páginas de contas. O feed contém as publicações públicas da conta, portanto, verifique o perfil antes de usar o URL.

Obtenha um feed RSS de hashtags do Mastodon

Abra a página do Mastodon correspondente à hashtag escolhida. Adicione ".rss" à URL da página da hashtag para acessar o feed. Por exemplo, https://mastodon.social/tags/technology torna-se https://mastodon.social/tags/technology.rssO Mastodon confirma que as páginas de tags fornecem feeds RSS para distribuição em outras plataformas.

Confira seu feed RSS do Mastodon

Abra o URL do feed no seu navegador antes de conectá-lo a um widget. Um feed funcional deve retornar conteúdo estruturado, e não uma página web comum do Mastodon. Verifique também se o feed contém publicações recentes da fonte selecionada. Assim que o feed estiver funcionando, você poderá usá-lo para incorporar o feed do Mastodon no conteúdo do seu site.

Como incorporar um feed RSS do Mastodon com Tagembed 

Tagembed permite transformar um feed do Mastodon em um widget de site personalizávelVocê pode conectar o feed, ajustar sua aparência e publicá-lo sem precisar criar a interface do usuário. O processo também oferece suporte à moderação e à exibição responsiva de widgets.

Etapa 1: crie um Tagembed de Corretora

• Cadastre-se de um Tagembed conta ou faça login em sua conta existente.
• Abra o Tagembed painel de controle.
• Selecione uma rede de origem e comece a criar seu widget.

Passo 2: Adicione seu feed RSS do Mastodon

• Selecione a rede de origem RSS dentre as fontes de conteúdo disponíveis.
• Insira um nome de exibição para o seu feed.
• Cole o URL do seu feed do Mastodon no campo URL do Feed e adicione “.rss” no final.
• Clique “Criar Feed” para começar a coletar o conteúdo.

Uma vez Tagembed O sistema coleta o feed e verifica se suas postagens no Mastodon estão sendo exibidas corretamente.

Passo 3: Personalize seu widget de feed do Mastodon

• Abra o “Personalizar e publicar” opção para o seu widget.
• Escolha um layout adequado e ajuste o design.
• Altere cores, fontes, planos de fundo e outras opções de estilo disponíveis.
• Utilize os controles de moderação para filtrar conteúdo indesejado.
• Visualize o widget com o “Desktop"E"Mobile“Verifique as opções antes de publicar.”

Essas opções ajudam você a criar um widget de feed do Mastodon que se adapte ao seu site.

Etapa 4: Gere o código de incorporação

• Clique Gerar Código após finalizar sua personalização.
• Selecione a plataforma do seu site dentre as opções disponíveis.
• Ajuste a altura e a largura do widget conforme necessário.
• Copie o código de incorporação gerado.

Passo 5: Adicione o widget ao seu site

• Abra a página onde deseja exibir seu feed do Mastodon.
• Siga o método de incorporação adequado à plataforma do seu site.
• Cole o código gerado ou utilize o método de integração compatível.
• Salve suas alterações e visualize o widget publicado.

Por exemplo, os usuários do WordPress podem usar o Tagembed WordPress Plugin Ou HTML personalizado como uma opção adequada. Outras plataformas oferecem suas próprias áreas para adicionar conteúdo incorporado.

O widget de feed RSS do Mastodon para páginas da web agora pode exibir conteúdo do feed conectado. Com isso, agregador de mídia socialVocê também pode atualizar o widget à medida que novos conteúdos RSS forem disponibilizados.

Como incorporar o feed RSS do Mastodon em diferentes plataformas de sites 

Você pode adicionar o mesmo widget de feed do Mastodon a diferentes plataformas de sites. Os passos exatos variam porque cada plataforma lida com código personalizado de maneira diferente.

Plataforma	Onde adicionar o widget	Como adicionar	Importante
HTML	O arquivo HTML da sua página web	Cole o código dentro do Seção, depois salve o arquivo.	Certifique-se de que a página utilize HTTPS e que o código permaneça inalterado.
WordPress	Editor de página ou postagem	Adicione um bloco HTML personalizado e cole o código.	Você também pode usar um plugin agregador de RSS dedicado ou um bloco de código curto.
Wix	Editor Wix	Adicione um elemento de código incorporado, escolha Incorporar HTML e, em seguida, cole o código.	O Wix exige código incorporado para usar HTTPS.
Shopify	Editor de tema	Use um bloco de aplicativo, um aplicativo incorporado ou uma seção Liquid personalizada compatível.	As opções disponíveis dependem do seu tema e da integração do widget.
Squarespace	Editor de página	Adicione um bloco de código incorporado e cole o código.	O suporte a JavaScript e iframes pode depender do seu plano do Squarespace.
Outros construtores	Área de HTML, incorporação ou código personalizado	Selecione "Outro" na ferramenta quando necessário, copie o código gerado e cole-o na área compatível com a sua plataforma.	Verifique se a sua plataforma permite a incorporação de conteúdo de terceiros antes de publicar.

Antes de publicar

• Visualize o widgetConfirme se o seu conteúdo do Mastodon está carregando corretamente.
• Verifique a tela do celularAs dimensões dos widgets podem afetar telas menores.
• Teste o URL do feedCaso o widget não mostre nenhum conteúdo, você pode corrigir isso diretamente nele.
• Mantenha o código de incorporação intactoIsso é útil para que o widget carregue e atualize corretamente.
• Verifique as restrições da plataformaQuando o construtor de sites limita o conteúdo personalizado em HTML, JavaScript ou iframes, você deve ser minucioso ao interpretar as regras.

Essa abordagem permite incorporar conteúdo de feeds RSS do Mastodon sem criar feeds separados. Plugins de feed RSS para WordPress ou qualquer plataforma de site. Você cria o widget uma vez no construtor de widgets e, em seguida, usa o método de incorporação apropriado para o seu site.

Personalize seu widget de feed do Mastodon 

Assim que o seu feed estiver conectado, você poderá ajustar a sua aparência e comportamento no seu site. Tagembed Oferece diversos controles que ajudam você a apresentar posts do Mastodon em páginas da web sem alterar o conteúdo original do Mastodon.

Escolha um layout

• Selecione um layout que corresponda à quantidade e ao tipo de conteúdo que deseja exibir.
• Utilize cartões, controles deslizantes, grades ou outros layouts disponíveis, de acordo com o design da sua página.
• Escolha um layout compacto quando o espaço for limitado, como uma barra lateral.

Combine o design do seu site com o design desejado.

• Ajuste fontes, cores, planos de fundo, espaçamento e outros elementos visuais.
• Personalize o feed para que ele combine com o design existente do seu site.
• Utilize CSS personalizado quando os controles de design padrão não oferecerem flexibilidade suficiente.

Moderar e filtrar conteúdo

• Analise o conteúdo coletado antes de exibi-lo publicamente, quando a moderação for necessária.
• Remova as publicações que não se adequam ao propósito ou ao público-alvo do seu site.
• Utilize controles de moderação para manter o feed focado e relevante.

Mantenha o feed atualizado

• Permita que o widget busque novos conteúdos da sua fonte RSS conectada.
• Isso reduz a necessidade de substituir ou atualizar postagens individuais manualmente.
• O comportamento de atualização pode variar dependendo das suas configurações. Tagembed planejar e alimentar a fonte.

Torne o widget responsivo

• Veja como o widget de feed do Mastodon aparece em diferentes tamanhos de tela.
• Ajuste as dimensões para que se adaptem a layouts de desktop, tablet e celular.
• Visualize o widget antes de publicar para identificar problemas de espaçamento ou exibição.

Esses controles ajudam você a criar um Mastodonte. Widget de feed RSS Para páginas da web que pareçam nativas do design do seu site. Você também pode explorar nosso Agregador de Mídias Sociais para descobrir maneiras mais abrangentes de coletar e exibir conteúdo de redes sociais.

Melhores maneiras de exibir as postagens do Mastodon em seu site 

O posicionamento ideal depende do tipo de conteúdo do Mastodon que você deseja que os visitantes vejam. Um widget de feed do Mastodon pode se encaixar em diversas áreas do site sem deixar a página com aparência sobrecarregada.

Adicione um widget de feed do Mastodon à página inicial.

Exiba as publicações recentes para que os visitantes possam descobrir rapidamente suas atividades mais recentes. Essa estratégia funciona bem quando o Mastodon desempenha um papel ativo na comunicação da sua marca.

Crie uma seção dedicada às redes sociais.

Use seu feed para mostrar como sua marca participa de conversas mais amplas. Isso funciona especialmente bem para organizações que usam o Mastodon para interagir com suas comunidades.

Em torno de conteúdo relevante

Adicione um feed do Mastodon relacionado ao lado de posts de blog, recursos ou páginas de tópicos. Um feed de hashtags pode incluir discussões públicas atuais sobre o assunto abordado naquela página.

Nas páginas da campanha

Use uma hashtag específica da campanha para reunir publicações relacionadas em um só lugar. O sistema de hashtags do Mastodon ajuda as pessoas a descobrirem publicações públicas sobre tópicos em comum.

Nas páginas de eventos

Exiba publicações de uma hashtag de evento para dar aos visitantes uma visão das conversas em andamento. Isso pode funcionar bem para conferências, lançamentos, eventos comunitários e campanhas online.

Em uma página dedicada nas redes sociais.

Crie uma página única que reúna suas atividades nas redes sociais quando sua marca mantiver vários canais ativos. Você pode usar um feed do Mastodon juntamente com outras fontes de mídias sociais para manter a página atualizada.

Escolha o posicionamento com base na finalidade do conteúdo, em vez de adicionar um feed em todos os lugares. Para mais ideias, consulte nosso guia sobre Incorporar feeds de redes sociais em um site.

Benefícios de adicionar um feed do Mastodon ao seu site 

Um feed do Mastodon pode fazer mais do que simplesmente exibir atualizações de redes sociais em um site. Ele também pode facilitar a reutilização e a manutenção de conteúdo existente.

• Mantenha o conteúdo atualizado.
  O RSS pode exibir novas publicações da sua fonte Mastodon selecionada. Isso ajuda seu site a refletir a atividade recente sem precisar reconstruir o feed a cada vez.
• Reduzir o trabalho de publicação
  Depois de incorporar um feed do Mastodon no conteúdo do site, o widget cuida da exibição. Sua equipe pode evitar copiar posts individuais para as páginas do site.
• Amplie o alcance do seu conteúdo
  Suas postagens no Mastodon podem alcançar pessoas que visitam seu site, mas raramente acessam as redes sociais. Isso dá ao seu conteúdo existente mais um canal de divulgação.
• Crie uma exibição consistente
  Um widget de feed do Mastodon permite controlar layouts, fontes, cores e espaçamento. Dessa forma, você pode combinar o feed com o estilo visual do seu site.
• Suporte a diferentes experiências em sites
  Você pode inserir o feed em páginas iniciais, páginas de campanhas, páginas de eventos ou seções de conteúdo relevantes. Isso confere a cada feed um propósito claro.
• Aproveite ao máximo sua atividade social
  Sua equipe já cria posts para o Mastodon. Exibi-los em seu site ajuda você a reutilizar esse trabalho em outro canal digital.

Problemas comuns na incorporação de feeds RSS no Mastodon 

Um feed do Mastodon geralmente funciona corretamente se o URL do feed e as configurações do widget estiverem corretos. Se algo der errado, verifique primeiro estes problemas comuns.

O feed RSS não carrega.

• Problema: O widget não exibe nenhum conteúdo depois que você adiciona o feed.
• Verifica: Abra o URL do seu feed do Mastodon diretamente em um navegador.
• Correção: Confirme se o URL funciona e contém conteúdo disponível antes de reconectar.

As postagens do Mastodon não aparecem.

• Problema: A conexão com o feed foi estabelecida, mas nenhuma publicação está sendo exibida.
• Verifica: Confirme se a fonte contém postagens públicas.
• Correção: Os feeds RSS do Mastodon contêm apenas as postagens que foram compartilhadas publicamente. Postagens não listadas, disponíveis apenas para seguidores, e mensagens diretas não aparecem nos feeds .rss.

Avisos de conteúdo Ocultar texto da publicação

• Problema: Uma publicação aparece sem o texto completo.
• Verifica: Abra a postagem original do Mastodon e procure por um aviso de conteúdo.
• Correção: A saída RSS do Mastodon mantém a estrutura de avisos de conteúdo. Os leitores podem precisar abrir a postagem original para visualizar o conteúdo oculto.

O feed não está atualizando.

• Problema: Novas postagens do Mastodon não aparecem no site.
• Verifica: Certifique-se de que as atualizações automáticas permaneçam ativadas no seu widget.
• Correção: Verifique as configurações de atualização do seu widget e aguarde a próxima atualização. Tagembed Atenção: desativar a atualização automática pode impedir que os feeds sejam atualizados.

As imagens ou o conteúdo multimídia não aparecem.

• Problema: As postagens carregam, mas as imagens ou mídias anexadas continuam faltando.
• Verifica: Abra a postagem original no Mastodon e verifique se o conteúdo multimídia ainda carrega.
• Correção: Verifique novamente a fonte de conteúdo e atualize o widget se a fonte da mídia tiver sido alterada.

O widget parece incorreto.

• Problema: O widget de feed do Mastodon não se ajusta corretamente à página.
• Verifica: Analise a largura, a altura, o layout e as configurações de responsividade.
• Correção: Ajuste as dimensões do widget e visualize-o em diferentes tamanhos de tela.

O feed para de carregar temporariamente.

• Problema: Uma solicitação de feed direto pode falhar ou ficar temporariamente mais lenta.
• Verifica: Abra o URL do feed diretamente e verifique se a instância do Mastodon responde normalmente.
• Correção: Verifique o status da instância e tente acessar o feed novamente mais tarde. Os administradores da instância podem aplicar limites de taxa às solicitações, portanto, solicitações diretas repetidas podem não retornar imediatamente.

Se essas verificações não resolverem o problema, revise o URL do seu feed do Mastodon e as configurações do widget antes de alterar o código do seu site.

Conclusão

Adicionar um feed do Mastodon ao seu site não exige uma configuração complicada. Primeiro, encontre o URL do seu feed RSS do Mastodon e conecte-o a um construtor de widgets. Em seguida, personalize o feed e gere o código de incorporação. Por fim, adicione o widget ao seu site e verifique se ele está sendo exibido corretamente. Depois que tudo estiver funcionando, seu site poderá exibir conteúdo atualizado do Mastodon com menos trabalho manual. Tagembed Também permite gerenciar o design e o conteúdo do widget a partir de um único local.