Social Share

:discourse2: Summary Social Share allows you to easily add extra social providers to the share button on posts..
:eyeglasses: Preview Preview on Discourse Theme Creator
:hammer_and_wrench: Repository Link https://github.com/discourse/discourse-social-share
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Features

:information_source: This component only works on public sites.
Share icons will be automatically disabled on private sites when site setting login required is active.


:exclamation: Manipulating settings related to crawler user agents could potentially interfere with the proper functioning of the component.

Settings:

Name Descriptions
social share links Comma delimited in this order: name, icon, title, link.
svg icons List of FontAwesome 5 icons used in this theme component. Use prefix fa- for solid icons, far- for regular icons and fab- for brand icons.

Some providers & Links:

English Social Media

Provider Sharing URL
Tumblr https://www.tumblr.com/widgets/share/tool?canonicalUrl=
Pinterest https://pinterest.com/pin/create/button/?url=
LinkedIn https://www.linkedin.com/shareArticle?mini=true&url=
Reddit https://www.reddit.com/submit?url=
Pocket https://getpocket.com/edit?url=
Evernote https://www.evernote.com/clip.action?url=
HackerNews https://news.ycombinator.com/submitlink?u=
Digg https://digg.com/submit?url=
Flipboard https://share.flipboard.com/bookmarklet/popout?v=2&title=
Instapaper https://www.instapaper.com/edit?url=
Diaspora https://share.diasporafoundation.org/?title={title}&url=
Viber viber://forward?text=
Mastodon https://mastodonshare.com/?url=
Threads https://www.threads.net/share?url=
Bluesky https://bsky.app/intent/compose?text=
Mix.com https://mix.com/add?url=
MeWe https://mewe.com/share?link=

International (non-english) Social Media

Provider Sharing URL
QZone (China) http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=
Weibo (China) http://service.weibo.com/share/share.php?url=
Douban (China) https://www.douban.com/recommend/?url=
RenRen (China) http://widget.renren.com/dialog/share?resourceUrl=
VK (Russia) https://vk.com/share.php?url=
OK.ru (Russia) https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&st.shareUrl=
Xing (Germany) https://www.xing.com/app/user?op=share&url=
SurfingBird (Russia) http://surfingbird.ru/share?url=

Phone/Audio-Based Social Media

Provider Sharing URL
SMS sms:{phone_number}?body=
Telegram https://telegram.me/share/url?url=
Line https://lineit.line.me/share/ui?url=
Skype https://web.skype.com/share?url=
WhatsApp https://wa.me/?text=
WhatsApp Web https://web.whatsapp.com/send?text= (read also here)

This guide is a wiki, if you have other providers, maybe specific for your country, just add them to the list.

You will find the share URL in the documentation for the developers.


:discourse2: Hosted by us? Theme components are available to use on our Standard, Business, and Enterprise plans.

Last edited by @dax 2025-05-09T19:43:20Z

Check documentPerform check on document:
75 лайков

Premise: I do not use, nor have I ever used Instagram but, I do not believe that Instagram have a share button at all, for sure there is a “follow” button that you can add if you want it.

Something like this should work (maybe)

instagram,instagram,follow me on instagram,https://www.instagram.com/your-instagram-username/?ref=

3 лайка

В настройках компонента:

ссылки для социальных сетей: LinkedIn, fab-linkedin, Поделиться в LinkedIn, https://www.linkedin.com/shareArticle?mini=true&url=

svg-иконки: fab-linkedin

Кажется, мне пришлось сделать принудительное обновление страницы в браузере, чтобы это сработало.

4 лайка

Привет! Я видел в вашем посте, что вы добавили обмен в Weixin. Я тоже хочу это сделать. Не могли бы вы поделиться со мной ссылкой? Заранее спасибо!

weixin://dl/moment??

Это

weixin://dl/moments

Но имейте в виду, что это неофициальная ссылка глубокой привязки, поэтому она может перестать работать, если WeChat изменит или удалит её.

Подробнее см. по адресу:

В любом случае, если вы правильно её настроите и она будет работать, добавьте её в список в первом сообщении этой темы.

Спасибо за ваш ответ. К сожалению, это не работает. :cry: При нажатии на кнопку «Поделиться» открывается WeChat, но дальше ничего не происходит.

Я поискал «схема URL WeChat» в китайском интернете, и результаты показывают, что WeChat больше не поддерживает такие глубокие ссылки уже 2–3 года.

1 лайк

Я думаю, что изменения, внесённые в диалоговое окно «Поделиться» несколько месяцев назад, могли сломать этот #theme-component. Похоже, он не работает.

Я установил этот плагин, но он не отображается в списке плагинов.

  1. Я добавил плагин в свой app.yml (- git clone GitHub - discourse/discourse-social-share · GitHub)
  2. Затем пересобрал контейнер (cd /var/discourse, ./launcher rebuild app)

Не понимаю, почему плагин не появился в списке.

Это компонент темы.
Поэтому вам необходимо следовать инструкции: Installing a theme or theme component

3 лайка

Спасибо @Moin. Я попробую это.

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

Я только что обновил исходный пост соответствующим образом.

5 лайков

Огромное спасибо! Плагин #plugin вызывал множество конфликтующих проблем на моём форуме. Теперь я знаю почему! :sweat_smile:

2 лайка

хм, используется на публичном сайте, но всё ещё отображается неправильно…

1 лайк

Выглядит отлично, но как добавить пользовательские иконки, которых нет в Font Awesome?

О, кажется, я что-то нашёл:

В чем разница между этим компонентом и встроенной функцией обмена?

1 лайк

Встроенная функция «Поделиться» поддерживает лишь ограниченное количество вариантов, таких как Twitter, Facebook и электронная почта. Этот компонент позволяет добавлять любую ссылку.

3 лайка

То есть этот модуль дополняет встроенную функцию «Поделиться», но не заменяет её.

1 лайк

Это просто замечательно, огромное спасибо! Это отличное дополнение, и мне нравится возможность кастомизации, которую мы получили.

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

Я перешёл в раздел share quote buttons, но там, похоже, нельзя ничего добавить или удалить.

:man_shrugging:t3:

Совет:

Для тех, кто хочет реализовать это, но с социальными сетями, которых нет в списке. Обязательно прочитайте Replace Discourse's default SVG icons with custom icons in a theme и How to overrule a color variable for one theme only? - #7 by smrtey — там подробно описано, как настроить файл about.json. Это ключевой момент, чтобы вы могли добавить файл icons-sprite.svg!

Если вы хотите заменить иконки для публикации, эта тема вам поможет: Use standard share icon for share post (instead of link icon) - #9 by bquast :+1:t3:

Ура! Удалось добавить ссылку «Поделиться в Mastodon» с использованием

https://mastodonshare.com/?url= — всплывающее окно запрашивает инстанс, после чего создаёт правильную настройку для публикации.

2 лайка

Теперь я использую новый сервис для создания ссылок для обмена — ShareOpenly https://shareopenly.org/, поскольку он предоставляет не только возможность обмена ссылками в Mastodon, но и в Threads, Blusky и других платформах.

Я изменил настройки в разделе «Социальный обмен», чтобы использовать:

Share Openly, fab-mastodon, Share Openly, https://shareopenly.org/share/?url=

Я всё ещё ищу другой значок, но он уже работает в моём сообществе:

1 лайк