Как встроить RSS-ленту Mastodon на свой сайт

TL, д-р 

• RSS-лента Mastodon позволяет выгружать общедоступные публикации из профиля Mastodon или по хэштегу на другую платформу.
• Найдите URL-адрес RSS-ленты профиля или хэштега, который вы хотите отобразить, в Mastodon.
• Подключите ленту к агрегатору социальных сетей и превратите ее в настраиваемый виджет ленты Mastodon.
• Настройте макет, дизайн, модерацию и параметры отображения в соответствии с особенностями вашего веб-сайта.
• Сгенерируйте код для встраивания и разместите содержимое RSS-ленты Mastodon на своем веб-сайте.
• Добавьте виджет в HTML, WordPress, Wix, Shopify, Squarespace или другую поддерживаемую платформу.
• После публикации виджет может отображать новые записи Mastodon на страницах веб-сайта без необходимости вручную добавлять каждое обновление.

С одного взгляда

Типы кормов	Шаблон 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 может стать полезным источником свежего контента для вашего сайта. Однако посетители вашего сайта могут никогда не увидеть эти публикации на платформе. RSS-лента Mastodon предоставляет простой способ разместить этот контент на вашем сайте. Вы можете превратить ленту в виджет Mastodon и разместить его там, где его смогут увидеть посетители. В этом руководстве объясняется, как найти URL-адрес вашей ленты Mastodon и добавить его на свой сайт. Вы также узнаете, как настроить ленту и отображать публикации Mastodon на популярных веб-платформах. 

Что такое RSS-лента Mastodon? 

Mastodon — это децентрализованная социальная платформа, где люди делятся постами, ссылками, изображениями и ведут беседы. Пользователи присоединяются к независимым серверам, называемым экземплярами, которые соединены общей сетью. RSS-лента Mastodon — это автоматически обновляемая XML-лента, которая позволяет распространять общедоступные посты из определенного профиля Mastodon или по хэштегу без необходимости создания учетной записи или интеграции со сторонними сервисами.

RSS, или Really Simple Syndication (действительно простая синдикация), предоставляет стандартный способ распространения часто обновляемого контента в виде... академические RSS-каналы и многое другое. Mastodon может генерировать RSS-ленты для общедоступных профилей и хэштегов. Каждая RSS-лента Mastodon предоставляет контент из конкретного профиля или хэштега, который вы выберете.

Как работает мастодонт?

Mastodon организует пользователей в независимых экземплярах, а федерация связывает эти экземпляры. Пользователи публикуют сообщения из своих профилей, а хэштеги помогают упорядочивать публичные публикации по определенным темам. Эти элементы также определяют контент, который будет опубликован. RSS подача может собрать.

Что можно получить из RSS-ленты Mastodon?

URL-адрес Mastodon предоставляет совместимым инструментам доступ к доступным записям в ленте. Ленты профилей фокусируются на записях из одной учетной записи, а ленты хэштегов собирают общедоступные записи, использующие эту учетную запись. хэштегомВы можете изучить примеры RSS-лент, чтобы увидеть, как различные ленты структурируют и распространяют контент. 

Тип подачи	Контент
Фид профиля	Сообщения с конкретного аккаунта Mastodon
Лента хэштегов	Публичные публикации, связанные с определенным хэштегом.

Вы можете подключить эти ленты к инструментам, которые помогают отображать ленту Mastodon на страницах веб-сайта. Например, виджет может отображать выбранный контент Mastodon без ручного копирования.

Зачем отображать ленту Mastodon на своем сайте? 

Ваш веб-сайт может расширить ценность вашей деятельности в рамках Mastodon за пределы… социальная платформаЛента Mastodon доставляет ваши последние обновления и актуальные обсуждения прямо на ваш сайт.

• Повышение узнаваемости бренда
  Покажите свою активность в Mastodon посетителям, которые, возможно, еще не подписаны на ваш профиль в социальных сетях. Это создаст дополнительную точку контакта с вашим брендом на протяжении всего их пребывания на сайте.
• Построение доверия
  Недавние публикации могут показать, что ваш бренд активно участвует в обсуждениях. Это может дать посетителям более четкое представление о вашем бренде и его интересах.
• Демонстрация общественной активности
  Ленты с хэштегами могут способствовать развитию актуальных дискуссий о событиях, кампаниях или отраслевых темах. Это хорошо работает для брендов, которые активно взаимодействуют со своими сообществами.
• Повторное использование существующего контента
  Ваша команда может предоставить публикациям в Mastodon еще одну площадку для охвата вашей аудитории. Вы можете размещать полезные обновления, не создавая заново тот же контент для своего веб-сайта.
• Экономьте время на управлении контентом
  Виджет ленты Mastodon позволяет получать новые публикации на ваш сайт по мере обновления исходного кода. Это снижает необходимость добавлять публикации из социальных сетей вручную.

Вы также можете изучить наши Social Media Widget Чтобы узнать больше о размещении контента из социальных сетей на веб-сайтах.

Как получить URL-адрес RSS-ленты Mastodon

Вы можете получить URL-адрес ленты непосредственно из общедоступного профиля или страницы хэштега. Mastodon предоставляет RSS-ленты как для страниц учетных записей, так и для страниц тегов, поэтому вы можете использовать любой из этих источников для своего веб-сайта.

Получите RSS-ленту своего профиля Mastodon

Откройте общедоступный профиль Mastodon, который вы хотите использовать. Добавьте .rss к URL-адресу профиля, чтобы получить доступ к его ленте. Например, профиль, такой как... https://mastodon.social/@Mastodon использования https://mastodon.social/@Mastodon.rssMastodon также позволяет находить эти ленты со страниц аккаунтов. Лента содержит общедоступные публикации аккаунта, поэтому перед использованием URL-адреса проверьте профиль.

Получить RSS-ленту хэштегов Mastodon

Откройте страницу Mastodon для выбранного вами хэштега. Добавьте .rss к URL страницы хэштега, чтобы получить доступ к его ленте. Например, https://mastodon.social/tags/technology становится https://mastodon.social/tags/technology.rssMastodon подтверждает, что страницы тегов предоставляют RSS-каналы для распространения на других платформах.

Проверьте свою RSS-ленту Mastodon

Перед подключением к виджету откройте URL-адрес ленты в браузере. Работающая лента должна возвращать структурированное содержимое, а не обычную веб-страницу Mastodon. Также убедитесь, что лента содержит последние публичные публикации из выбранного вами источника. После того, как лента заработает, вы можете использовать её для встраивания ленты Mastodon в контент вашего веб-сайта.

Как встроить RSS-ленту Mastodon с помощью Tagembed 

Tagembed позволяет превратить корм Mastodon в настраиваемый виджет для веб-сайтаВы можете подключить ленту, настроить ее внешний вид и опубликовать ее, не создавая интерфейс самостоятельно. Этот процесс также поддерживает модерацию и адаптивное отображение виджетов.

Шаг 1: создайте Tagembed Аккаунт

• Подпишитесь на Tagembed учетную запись или войдите в существующую учетную запись.
• Откройте приложение Tagembed панель приборов.
• Выберите исходную сеть и начните создавать свой виджет.

Шаг 2: Добавьте RSS-ленту Mastodon.

• Выберите сеть источников RSS из доступных источников контента.
• Введите отображаемое имя для вашей ленты.
• Вставьте URL-адрес вашей ленты Mastodon в поле «URL-адрес ленты» и добавьте в конце «.rss».
• Нажмите «Создать ленту» начать сбор контента.

Как только Tagembed Собирает ленту, проверьте, правильно ли отображаются ваши сообщения в Mastodon.

Шаг 3: Настройка виджета ленты новостей Mastodon

• Откройте приложение «Настройте и опубликуйте» опция для вашего виджета.
• Выберите подходящий макет и скорректируйте дизайн.
• Изменяйте цвета, шрифты, фон и другие доступные параметры оформления.
• Используйте средства модерации для фильтрации нежелательного контента.
• Предварительный просмотр виджета с помощью «Рабочий стол" а также "Mobile«Варианты перед публикацией».

Эти параметры помогут вам создать виджет ленты Mastodon, подходящий для вашего веб-сайта.

Шаг 4: Сгенерируйте код для встраивания.

• Нажмите Генерировать код после завершения настройки.
• Выберите платформу для своего веб-сайта из доступных вариантов.
• При необходимости отрегулируйте высоту и ширину виджета.
• Скопируйте сгенерированный код для внедрения.

Шаг 5: Добавьте виджет на свой сайт.

• Откройте страницу, на которой вы хотите отобразить ленту Mastodon.
• Следуйте методу встраивания, установленному на платформе вашего сайта.
• Вставьте сгенерированный код или воспользуйтесь поддерживаемым методом интеграции.
• Сохраните изменения и просмотрите опубликованный виджет.

Например, пользователи WordPress могут использовать Tagembed WordPress плагин или, в качестве подходящего варианта, пользовательский HTML-код. Другие платформы предоставляют собственные разделы для добавления встроенного контента.

Теперь виджет RSS-ленты Mastodon для веб-страниц может отображать контент из подключенной ленты. Благодаря этому ваш виджет может отображать контент из подключенной ленты. агрегатор социальных сетейВы также можете обновлять виджет по мере появления нового RSS-контента.

Как встроить RSS-ленту Mastodon на различные веб-платформы 

Вы можете добавить один и тот же виджет ленты Mastodon на разные платформы веб-сайтов. Точные шаги различаются, поскольку каждая платформа обрабатывает пользовательский код по-разному.

Платформа	Куда добавить виджет	Как это добавить	Важная заметка
HTML	HTML-файл вашей веб-страницы	Вставьте код внутрь раздел, затем сохраните файл.	Убедитесь, что страница использует HTTPS, а код остаётся неизменным.
WordPress	Редактор страницы или записи	Добавьте блок "Пользовательский HTML" и вставьте код.	Вы также можете использовать специальный плагин для агрегации RSS-лент или блок шорткодов.
Wix	Редактор Wix	Добавьте элемент «Код для встраивания», выберите «Встроить HTML», а затем вставьте код.	Для использования HTTPS в Wix требуется встроенный код.
Shopify	Редактор темы	Используйте совместимый блок приложения, встраивание приложения или пользовательский раздел Liquid.	Доступные параметры зависят от вашей темы оформления и интеграции виджета.
Squarespace	Редактор страниц	Добавьте блок с кодом для встраивания и вставьте код.	Поддержка JavaScript и iframe может зависеть от вашего тарифного плана Squarespace.
Другие строители	Область для HTML-кода, встраивания или пользовательского кода	При необходимости выберите в инструменте пункт «Другое», скопируйте сгенерированный код и вставьте его в раздел поддерживаемых платформ.	Перед публикацией проверьте, разрешает ли ваша платформа встраивание сторонних элементов.

Перед публикацией

• Предварительный просмотр виджетаУбедитесь, что контент Mastodon загружается корректно.
• Проверьте экран мобильного телефона.Размеры виджетов могут влиять на работу экранов меньшего размера.
• Проверьте URL-адрес ленты.Если виджет не отображает никакого содержимого, вы можете исправить это прямо там.
• Сохраните код встраивания без изменений.Это помогает виджету корректно загружаться и обновляться.
• Проверьте ограничения платформыЕсли ваш конструктор сайтов ограничивает использование пользовательского HTML, JavaScript или iframe-контента, вы должны тщательно соблюдать правила.

Этот подход позволяет встраивать контент RSS-ленты Mastodon без создания отдельных файлов. Плагины RSS-лент для WordPress или для любой веб-платформы. Вы создаете виджет один раз в конструкторе виджетов, а затем используете соответствующий метод встраивания для вашего веб-сайта.

Настройте виджет ленты новостей Mastodon 

После подключения фида вы сможете настроить его внешний вид и поведение на вашем веб-сайте. Tagembed Предоставляет ряд элементов управления, которые позволяют отображать публикации Mastodon на страницах веб-сайта без изменения исходного контента Mastodon.

Выберите макет

• Выберите макет, соответствующий объему и типу контента, который вы хотите отобразить.
• Используйте карточки, слайдеры, сетки или другие доступные макеты в зависимости от дизайна вашей страницы.
• При ограниченном пространстве выбирайте компактный макет, например, боковую панель.

Подберите дизайн под ваш сайт.

• Настройте шрифты, цвета, фон, интервалы и другие визуальные элементы.
• Настройте ленту так, чтобы она соответствовала существующему дизайну вашего сайта.
• Используйте собственные CSS-стили, если стандартные элементы управления дизайном не обеспечивают достаточной гибкости.

Модерация и фильтрация контента

• Проверяйте собранный контент перед его публичным размещением, если требуется модерация.
• Удаляйте публикации, которые не соответствуют назначению вашего сайта или целевой аудитории.
• Используйте средства модерации, чтобы лента оставалась актуальной и целенаправленной.

Поддерживайте актуальность ленты новостей.

• Разрешите виджету получать новый контент из подключенного RSS-источника.
• Это снижает необходимость замены или обновления отдельных сообщений вручную.
• Процесс обновления может различаться в зависимости от ваших настроек. Tagembed план и источник питания.

Сделайте виджет адаптивным

• Проверьте, как виджет ленты Mastodon отображается на экранах разных размеров.
• Отрегулируйте его размеры так, чтобы он подходил для настольных компьютеров, планшетов и мобильных устройств.
• Перед публикацией просмотрите виджет, чтобы выявить проблемы с отступами или отображением.

Эти элементы управления помогут вам создать мастодонта. Виджет RSS-канала Для страниц вашего сайта, которые органично вписываются в его дизайн. Вы также можете изучить наш агрегатор социальных сетей, чтобы расширить возможности сбора и отображения контента из социальных сетей.

Лучшие способы отображения постов Mastodon на вашем сайте 

Правильное размещение зависит от типа контента Mastodon, который вы хотите показать посетителям. Виджет ленты Mastodon может поместиться в нескольких областях веб-сайта, не создавая ощущения перегруженности страницы.

Добавьте виджет ленты новостей Mastodon на главную страницу.

Показывайте последние публикации, чтобы посетители могли быстро узнать о вашей последней активности. Такое размещение хорошо работает, если Mastodon играет активную роль в коммуникации вашего бренда.

Создайте отдельный раздел для социальных сетей.

Используйте свою ленту, чтобы показать, как ваш бренд участвует в более широких дискуссиях. Это особенно хорошо работает для организаций, которые используют Mastodon для взаимодействия со своими сообществами.

Вокруг релевантного контента

Разместите соответствующую ленту Mastodon рядом с записями в блоге, ресурсами или тематическими страницами. Лента хэштегов может добавлять текущие публичные обсуждения по теме, рассматриваемой на этой странице.

На страницах предвыборных кампаний

Используйте хэштег, соответствующий вашей кампании, чтобы собрать связанные публикации в одном месте. Система хэштегов Mastodon помогает людям находить общедоступные публикации по общим темам.

На страницах мероприятий

Отображение постов с хэштегом мероприятия позволит посетителям увидеть текущие обсуждения. Это хорошо подходит для конференций, презентаций, общественных мероприятий и онлайн-кампаний.

На специальной странице в социальных сетях

Создайте одну страницу, которая объединит вашу активность в социальных сетях, если ваш бренд поддерживает несколько активных каналов. Вы можете использовать ленту Mastodon вместе с другими социальными сетями, чтобы страница всегда была актуальной.

Выбирайте место размещения, исходя из назначения контента, а не размещайте ленту повсюду. Больше идей вы найдете в нашем руководстве по... встраивание лент социальных сетей на веб-сайт.

Преимущества добавления ленты Mastodon на ваш сайт 

Лента Mastodon может делать больше, чем просто отображать обновления из социальных сетей на веб-сайте. Она также может упростить повторное использование и поддержку существующего контента.

• Поддерживайте контент в актуальном состоянии
  RSS позволяет получать новые публикации из выбранного вами источника Mastodon. Это помогает вашему сайту отражать недавнюю активность без необходимости каждый раз перестраивать ленту.
• Сократить объем издательской работы
  После встраивания ленты Mastodon в контент веб-сайта, виджет будет отвечать за её отображение. Ваша команда сможет избежать копирования отдельных сообщений на страницы сайта.
• Расширьте охват своего контента
  Ваши публикации в Mastodon могут охватить людей, которые посещают ваш сайт, но редко заходят в социальные сети. Это дает существующему контенту еще одно место для работы.
• Создайте единообразное отображение
  Виджет ленты Mastodon позволяет управлять макетами, шрифтами, цветами и интервалами. Таким образом, вы можете подобрать ленту в соответствии с визуальным стилем вашего сайта.
• Поддержка различных вариантов отображения веб-сайта
  Вы можете разместить ленту на главных страницах, страницах кампаний, страницах мероприятий или в соответствующих разделах контента. Это придаст каждой ленте четкое назначение.
• Получите больше пользы от своей социальной активности
  Ваша команда уже создает публикации для Mastodon. Размещение их на вашем веб-сайте позволит вам повторно использовать эти материалы на других цифровых каналах.

Проблемы с встраиванием RSS-ленты Common Mastodon 

Лента Mastodon обычно работает, если URL-адрес ленты и настройки виджета указаны правильно. Если что-то пошло не так, сначала проверьте эти распространенные проблемы.

RSS-лента не загружается.

• Проблема: После добавления ленты виджет не отображает никакого контента.
• Проверьте: Откройте URL-адрес вашей ленты Mastodon непосредственно в браузере.
• Fix: Перед повторным подключением убедитесь, что URL-адрес работает и содержит доступный контент.

Сообщения Mastodon не отображаются

• Проблема: Соединение с лентой установлено, но публикации не отображаются.
• Проверьте: Убедитесь, что источник содержит общедоступные публикации.
• Fix: RSS-ленты Mastodon содержат только те публикации, которые были опубликованы публично. Публикации, недоступные только подписчикам, а также личные сообщения, в RSS-лентах не отображаются.

Предупреждения о содержании Скрыть текст сообщения

• Проблема: Сообщение отображается без полного текста.
• Проверьте: Откройте оригинальный пост на Mastodon и найдите предупреждение о содержании.
• Fix: В RSS-ленте Mastodon сохраняется структура предупреждений о содержании. Для просмотра скрытого контента читателям может потребоваться открыть исходную публикацию.

Лента новостей не обновляется.

• Проблема: Новые публикации на Mastodon не отображаются на сайте.
• Проверьте: Убедитесь, что автоматические обновления остаются включенными в вашем виджете.
• Fix: Проверьте настройки обновления вашего виджета и подождите некоторое время до следующего обновления. Tagembed Следует отметить, что отключение автоматического обновления может привести к тому, что лента новостей не будет обновляться.

Изображения или медиафайлы не отображаются.

• Проблема: Сообщения загружаются, но прикрепленные изображения или медиафайлы по-прежнему отсутствуют.
• Проверьте: Откройте оригинальный пост на Mastodon и убедитесь, что медиафайлы в нём по-прежнему загружаются.
• Fix: Если источник медиаконтента изменился, перепроверьте исходный канал и обновите виджет.

Виджет выглядит некорректно.

• Проблема: Виджет ленты Mastodon некорректно отображается на странице.
• Проверьте: Проверьте его ширину, высоту, расположение элементов и адаптивные настройки.
• Fix: Отрегулируйте размеры виджета и просмотрите его на экранах разных размеров.

Загрузка ленты временно приостановлена.

• Проблема: Прямой запрос на получение данных может завершиться неудачей или временно замедлить работу системы.
• Проверьте: Откройте URL-адрес ленты напрямую и проверьте, нормально ли отвечает экземпляр Mastodon.
• Fix: Проверьте статус экземпляра и попробуйте снова подключиться к каналу позже. Администраторы экземпляра могут устанавливать ограничения на количество запросов, поэтому повторные прямые запросы не всегда могут возвращать результат немедленно.

Если эти проверки не решат проблему, перед изменением кода сайта проверьте URL-адрес вашей ленты Mastodon и настройки виджета.

Заключение

Добавление RSS-ленты Mastodon на ваш сайт не требует сложной настройки. Сначала найдите URL-адрес вашей RSS-ленты Mastodon и подключите его к конструктору виджетов. Затем настройте ленту и сгенерируйте код для встраивания. Наконец, добавьте виджет на свой сайт и проверьте его отображение. Как только все заработает, ваш сайт сможет отображать свежий контент Mastodon с минимальными усилиями. Tagembed Также позволяет управлять дизайном и содержимым виджета из одного места.