如何在您的网站上嵌入 Mastodon RSS 源

TL博士 

• Mastodon 的 RSS 源允许您将 Mastodon 个人资料或话题标签中的公开帖子提取到另一个平台。
• 找到要显示的个人资料或话题标签的 RSS 源的 Mastodon URL。
• 将信息流连接到社交媒体聚合器，并将其转换为可自定义的 Mastodon 信息流小部件。
• 调整布局、设计、审核和显示设置，以适应您的网站。
• 生成嵌入代码并将 Mastodon RSS 源内容嵌入到您的网站中。
• 将该小部件添加到 HTML、WordPress、Wix、Shopify、Squarespace 或其他受支持的平台。
• 发布后，该小部件可以在网站页面上显示新的 Mastodon 帖子，而无需手动添加每个更新。

乍看上去

饲料类型	Feed URL 模式	例如：	最佳用例
个人资料动态	https://[instance]/@[username].rss	[https://mastodon.social/@Mastodon.rss](https://mastodon.social/@Mastodon.rss)	展示您品牌最新的公开帖子和动态。
话题标签信息流	https://[instance]/tags/[hashtag].rss	[https://mastodon.social/tags/technology.rss](https://mastodon.social/tags/technology.rss)	汇总有关活动、事件或主题的公开帖子。
本地时间线	https://[instance]/timeline/local.rss	[https://mastodon.art/timeline/local.rss](https://mastodon.art/timeline/local.rss)	显示来自单个服务器实例的社区活动。

Mastodon 可以为您的网站提供丰富的原创内容。然而，您的网站访客可能根本无法在平台上看到这些文章。Mastodon RSS 源提供了一种简单的方法，可以将这些内容导入到您的网站。您可以将 RSS 源转换为 Mastodon Feed 小部件，并将其放置在访客可见的任何位置。本指南将解释如何查找 Mastodon RSS 源 URL 并将其添加到您的网站。您还将学习如何自定义 RSS 源，以及如何在常用的网站平台上显示 Mastodon 文章。 

什么是 Mastodon RSS 源？ 

Mastodon 是一个去中心化的社交平台，用户可以在这里分享帖子、链接、图片和对话。用户可以加入称为实例的独立服务器，这些实例通过共享网络连接。Mastodon RSS 源是一个自动更新的 XML 源，它允许您聚合来自特定 Mastodon 个人资料或话题标签的公开帖子，而无需帐户或第三方集成。

RSS，即简易信息聚合，提供了一种以标准形式分发频繁更新内容的方法。 学术类RSS订阅 不仅如此。Mastodon 还可以为公开个人资料和话题标签生成 RSS 源。Mastodon 的每个 RSS 源都提供来自您选择的特定个人资料或话题标签的内容。

乳齿象如何工作？

Mastodon 将用户组织在独立的实例中，而联邦则将这些实例连接起来。用户通过个人资料发布帖子，话题标签则有助于围绕特定主题组织公开帖子。这些元素也决定了帖子的内容。 RSS订阅 可以收集。

从 Mastodon RSS 源可以获得什么？

Mastodon URL 使兼容工具能够访问信息流中的可用帖子。个人资料信息流侧重于单个帐户的帖子，而话题标签信息流则收集使用该话题标签发布的公开帖子。 包括hashtag您可以浏览 RSS 源示例，了解不同的源如何构建和分发内容。 

饲料类型	内容
轮廓进给	来自特定 Mastodon 帐户的帖子
话题标签信息流	与特定话题标签相关的公开帖子

您可以将这些订阅源连接到一些工具，以便在网页上显示 Mastodon 订阅源。例如，一个小部件可以自动显示选定的 Mastodon 内容，而无需手动复制。

为什么要在您的网站上显示 Mastodon Feed？ 

您的网站可以扩展您在Mastodon上的活动价值，使其超越…… 社交平台Mastodon 信息流可将您的最新动态和相关对话直接推送至您的网站。

• 增加品牌知名度
  向尚未关注您社交媒体账号的访客展示您的 Mastodon 活动。这能为您的品牌在访客浏览网站的过程中提供另一个接触点。
• 建立信任
  近期发布的帖子可以表明您的品牌积极参与对话。这可以让访客更清楚地了解您的品牌及其关注点。
• 展示社区活动
  话题标签信息流可以围绕事件、活动或行业话题引发相关讨论。这对于积极与社群互动的品牌来说非常有效。
• 重复利用现有内容
  您的团队可以为 Mastodon 帖子提供另一个触达受众的渠道。您可以展示有用的更新信息，而无需为您的网站重新创建相同的内容。
• 节省内容管理时间
  Mastodon Feed 小部件可以在源更新时将新帖子导入到您的网站。这减少了手动添加社交媒体帖子的需要。

您还可以探索我们的 社会化媒体的Widget 了解更多关于在网站上展示社交内容的信息。

如何获取您的 Mastodon RSS 源 URL

您可以直接从公开的个人主页或话题标签页面获取 RSS 源 URL。Mastodon 为账号页面和话题标签页面都提供 RSS 源，因此您可以将其中任何一个来源用于您的网站。

获取您的 Mastodon 个人资料 RSS 源

打开您想要使用的公开 Mastodon 个人资料。在个人资料 URL 后添加 .rss 即可访问其 RSS 源。例如，像这样的个人资料： https://mastodon.social/@Mastodon 使用 https://mastodon.social/@Mastodon.rssMastodon 还允许用户从帐户页面发现这些动态。动态包含帐户的公开帖子，因此在使用其 URL 之前，请先查看帐户个人资料。

获取 Mastodon 话题标签 RSS 源

打开你选择的标签对应的 Mastodon 页面。在标签页面 URL 后添加 .rss 即可访问其信息源。例如： https://mastodon.social/tags/technology 成为 https://mastodon.social/tags/technology.rssMastodon 确认标签页提供 RSS 源，以便在其他平台上进行联合发布。

检查您的 Mastodon RSS 源

在将订阅源 URL 连接到小部件之前，请先在浏览器中打开它。一个正常工作的订阅源应该返回结构化的订阅内容，而不是普通的 Mastodon 网页。同时，请检查订阅源是否包含来自您所选来源的最新公开帖子。订阅源正常工作后，您就可以将其嵌入到您网站的内容中。

如何嵌入 Mastodon RSS 源 Tagembed 

Tagembed 让你把 Mastodon 的数据源转换成 可定制的网站小部件您可以连接信息流、调整其外观并发布，而无需自行构建显示界面。该流程还支持内容审核和响应式小部件显示。

步骤1：创建一个 Tagembed 账户

• 注册一个 Tagembed 帐户或登录到您现有的帐户。
• 打开 Tagembed 仪表板。
• 选择源网络并开始创建您的小部件。

步骤 2：添加您的 Mastodon RSS 源

• 从可用的内容源中选择 RSS 源网络。
• 请输入您的信息流显示名称。
• 将您的 Mastodon 源 URL 粘贴到 Feed URL 字段中，并在末尾添加“.rss”。
• 点击 “创建 Feed” 开始收集内容。

一旦 Tagembed 收集信息流，检查您的 Mastodon 帖子是否正确显示。

步骤 3：自定义 Mastodon 信息流小部件

• 打开 “自定义并发布” 小部件的选项。
• 选择合适的布局并调整设计。
• 更改颜色、字体、背景和其他可用的样式选项。
• 使用审核功能过滤掉不想要的内容。
• 使用“预览小部件”桌面“和”电话发布前可选择“选项”。

这些选项可帮助您创建适合您网站的 Mastodon 信息流小部件。

步骤五：生成嵌入代码

• 点击 生成代码 完成自定义设置后。
• 从可用选项中选择您的网站平台。
• 根据需要调整控件的高度和宽度。
• 复制生成的嵌入代码。

步骤 5：将小部件添加到您的网站

• 打开你想显示 Mastodon 信息流的页面。
• 请按照您网站平台的嵌入方式进行操作。
• 粘贴生成的代码或使用支持的集成方法。
• 保存更改并预览已发布的组件。

例如，WordPress 用户可以使用 Tagembed WordPress插件 或者，自定义 HTML 也是一个合适的选择。其他平台也提供了各自的区域用于添加嵌入式内容。

现在，您的 Mastodon RSS 源小部件可以显示来自已连接源的内容了。 社交媒体聚合器此外，当有新的 RSS 内容可用时，您还可以更新小部件。

如何在不同的网站平台上嵌入 Mastodon RSS 源 

您可以将同一个 Mastodon Feed 小部件添加到不同的网站平台。具体步骤会有所不同，因为每个平台处理自定义代码的方式都不同。

平台	小部件应该添加到哪里？	如何添加它	重要的注意事项
HTML	您的网页 HTML 文件	将代码粘贴到然后保存文件。	请确保页面使用 HTTPS，并且代码保持不变。
WordPress	页面或文章编辑器	添加自定义 HTML 代码块并粘贴代码。	您还可以使用专门的 RSS 聚合插件或短代码块。
维克斯	蜡笔编辑器	添加嵌入代码元素，选择“嵌入 HTML”，然后粘贴代码。	Wix 需要嵌入代码才能使用 HTTPS。
Shopify	主题编辑器	使用兼容的应用模块、应用嵌入或自定义 Liquid 部分。	可用选项取决于您的主题和组件集成。
Squarespace	页面编辑器	添加嵌入代码块并粘贴代码。	JavaScript 和 iframe 支持取决于您的 Squarespace 套餐。
其他建筑商	HTML、嵌入或自定义代码区域	需要时，请在工具中选择“其他”，复制生成的代码，并将其粘贴到您平台支持的区域。	发布前请检查您的平台是否允许嵌入第三方内容。

发布之前

• 预览小部件确认您的 Mastodon 内容已正确加载。
• 检查手机显示屏小部件尺寸可能会影响小屏幕显示效果。
• 测试订阅源 URL如果小部件没有显示任何内容，您可以直接在那里进行更正。
• 保持嵌入代码完整这有助于小部件正确加载和更新。
• 查看平台限制当您的网站构建器限制自定义 HTML、JavaScript 或 iframe 内容时，您必须彻底了解相关规则。

这种方法允许您嵌入 Mastodon RSS 源内容，而无需创建单独的代码块。 WordPress 的 RSS 源插件 或者适用于所有网站平台。您只需在组件构建器中创建一次组件，然后使用适合您网站的嵌入方法即可。

自定义您的 Mastodon 信息流小部件 

连接成功后，您可以调整信息源在您网站上的外观和行为方式。 Tagembed 提供多种控件，帮助您在网站页面上展示 Mastodon 帖子，而无需更改您的原始 Mastodon 内容。

选择布局

• 选择与您要显示的内容数量和类型相匹配的布局。
• 根据页面设计，使用卡片式、滑块式、网格式或其他可用布局。
• 空间有限时，可以选择紧凑的布局，例如侧边栏。

匹配您的网站设计

• 调整字体、颜色、背景、间距和其他视觉元素。
• 自定义信息流，使其与您网站的现有设计保持一致。
• 当标准设计控件无法提供足够的灵活性时，请使用自定义 CSS。

审核和过滤内容

• 必要时，请先审核收集到的内容，然后再公开显示。
• 删除与网站宗旨或受众不符的帖子。
• 使用内容审核功能，保持信息流的聚焦性和相关性。

保持信息更新

• 让小部件从您连接的 RSS 源获取新内容。
• 这样就减少了手动替换或更新单个帖子的需要。
• 刷新行为可能因您的设置而异。 Tagembed 计划和饲料来源。

使小部件具有响应式设计

• 查看 Mastodon 信息流小部件在不同屏幕尺寸上的显示效果。
• 调整其尺寸，使其适合台式机、平板电脑和移动设备布局。
• 发布前预览小部件，以发现间距或显示问题。

这些控件可帮助您创建猛犸象 RSS订阅小部件 适用于与您网站设计风格相符的网页。您还可以探索我们的社交媒体聚合器，以更广泛的方式收集和展示社交内容。

在您的网站上展示 Mastodon 帖子的最佳方法 

Mastodon 信息流小部件的最佳放置位置取决于您希望访客看到的内容类型。它可以适配网站的多个区域，而不会使页面显得拥挤。

在首页添加 Mastodon Feed 小部件

展示最新帖子，方便访客快速了解您的最新动态。当 Mastodon 在您的品牌传播中扮演积极角色时，这种展示方式效果尤佳。

创建专门的社交板块

利用你的信息流展示你的品牌如何参与更广泛的对话。这对于使用 Mastodon 与社群互动的组织来说尤其有效。

围绕相关内容

在博客文章、资源或主题页面旁边添加相关的 Mastodon 信息流。话题标签信息流可以添加围绕该页面主题的最新公开讨论。

在竞选页面上

使用活动专属标签，即可将相关帖子集中在一个地方。Mastodon 的标签系统可以帮助用户发现围绕共同主题的公开帖子。

活动页面

展示活动话题标签下的帖子，让访客了解正在进行的讨论。这适用于会议、产品发布会、社区活动和线上推广活动。

在专门的社交页面上

如果您的品牌运营多个活跃的社交渠道，请创建一个页面来整合您的所有社交活动。您可以结合使用 Mastodon 信息流和其他社交资源，以保持页面内容的时效性。

根据内容用途选择放置位置，而不是到处添加信息流。更多建议，请参阅我们的指南。 在网站上嵌入社交媒体信息流.

在网站上添加 Mastodon Feed 的好处 

Mastodon 信息流的功能不仅限于在网站上显示社交动态，它还可以让现有内容更容易重用和维护。

• 保持内容更新
  RSS 可以从您选择的 Mastodon 源获取新文章。这有助于您的网站反映最新动态，而无需每次都重新构建订阅源。
• 减少出版工作
  将 Mastodon 信息流嵌入网站内容后，该组件会自动处理显示。您的团队无需再将单个帖子复制到网页中。
• 扩大您的内容覆盖范围
  您的 Mastodon 帖子可以触达那些访问过您的网站但很少查看社交平台的用户。这为现有内容提供了另一个传播平台。
• 创建一致的展示
  Mastodon 信息流小部件允许您控制布局、字体、颜色和间距。因此，您可以将信息流与网站的视觉风格相匹配。
• 支持不同的网站体验
  您可以将信息流放置在首页、活动页面、事件页面或相关内容版块。这样，每个信息流都有其明确的用途。
• 从社交活动中获得更多益处
  您的团队已经为 Mastodon 创建了文章。将它们展示在您的网站上，可以帮助您在其他数字渠道重复利用这些内容。

Mastodon RSS订阅源嵌入常见问题 

只要信息源 URL 和组件设置正确，Mastodon 信息源通常就能正常工作。如果出现问题，请先检查以下常见问题。

RSS订阅源无法加载

• 问题： 添加订阅源后，小部件不显示任何内容。
• 检查： 直接在浏览器中打开您的 Mastodon 信息源网址。
• 修复： 重新连接前，请确认该网址有效且包含可用内容。

Mastodon帖子无法显示

• 问题： 已建立与信息源的连接，但未显示任何帖子。
• 检查： 确认来源包含公开帖子。
• 修复： Mastodon 的 RSS 源仅包含公开分享的帖子。未公开的帖子、仅关注者可见的帖子以及私信不会出现在 .rss 源中。

内容警告 隐藏帖子文本

• 问题： 帖子显示不完整。
• 检查： 打开 Mastodon 上的原始帖子，查找内容警告。
• 修复： Mastodon 的 RSS 输出保留了内容警告结构。读者可能需要打开原文才能查看隐藏内容。

信息流未更新

• 问题： Mastodon 的新帖子不会显示在网站上。
• 检查： 请确保您的组件中已启用自动更新功能。
• 修复： 检查您的小部件更新设置，并等待下次刷新。 Tagembed 注意：禁用自动更新可能会导致信息流停止刷新。

图片或媒体无法显示

• 问题： 帖子可以加载，但附带的图片或媒体文件仍然缺失。
• 检查： 打开 Mastodon 上的原始帖子，并验证其媒体是否仍然可以加载。
• 修复： 如果媒体源已更改，请重新检查源信息并刷新小部件。

小部件看起来不正确

• 问题： 您的 Mastodon 信息流小部件无法正确适应页面。
• 检查： 检查其宽度、高度、布局和响应式设置。
• 修复： 调整组件尺寸并在不同屏幕尺寸上预览。

进料暂时停止

• 问题： 直接请求可能会失败或暂时速度变慢。
• 检查： 直接打开 feed URL，查看 Mastodon 实例是否正常响应。
• 修复： 请检查实例状态，稍后再试。实例管理员可以对请求设置速率限制，因此重复的直接请求可能不会立即返回结果。

如果这些检查无法解决问题，请在更改网站代码之前检查您的 Mastodon 信息源 URL 和小部件设置。

结语

将 Mastodon Feed 添加到您的网站无需复杂的设置。首先，找到您的 Mastodon RSS 源 URL 并将其连接到小部件生成器。然后，自定义 Feed 并生成嵌入代码。最后，将小部件添加到您的网站并检查其显示效果。一切就绪后，您的网站即可轻松展示最新的 Mastodon 内容。 Tagembed 还可以从一个地方管理小部件的设计和内容。