Поделиться

[Discourse]

	Краткое описание	Social Share позволяет легко добавлять дополнительные социальные сети в кнопку «Поделиться» под постами.
	Предварительный просмотр	Предварительный просмотр в Discourse Theme Creator
	Ссылка на репозиторий	https://github.com/discourse/discourse-social-share
	Новичок в темах Discourse?	Руководство для начинающих по использованию тем Discourse

Установить этот компонент темы

Поскольку это official тема, поддерживаемая командой Discourse, Support, Contribute > Bug, Contribute > UX и Contribute > Feature запросы можно оставлять в соответствующих разделах на Meta, помечая их соответствующим тегом компонента темы. Нажмите на одну из ссылок ниже, чтобы создать тему.

 Поддержка  Ошибка  UX  Функция

Возможности

Этот компонент работает только на публичных сайтах.
Значки для обмена будут автоматически отключены на частных сайтах, если в настройках сайта активна опция login required (требуется вход).

---

Изменение настроек, связанных с агентами пользователя-сканера, может потенциально нарушить корректную работу компонента.

Настройки:

Название	Описание
ссылки для общего доступа	Перечисляются через запятую в следующем порядке: имя, иконка, заголовок, ссылка.
svg иконки	Список иконок FontAwesome 5, используемых в этом компоненте темы. Используйте префикс fa- для сплошных иконок, far- для обычных иконок и fab- для брендовых иконок.

Некоторые провайдеры и ссылки:

Англоязычные социальные сети

Провайдер	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=

Международные (неанглоязычные) социальные сети

Провайдер	URL для шаринга
QZone (Китай)	http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=
Weibo (Китай)	http://service.weibo.com/share/share.php?url=
Douban (Китай)	https://www.douban.com/recommend/?url=
RenRen (Китай)	http://widget.renren.com/dialog/share?resourceUrl=
VK (Россия)	https://vk.com/share.php?url=
OK.ru (Россия)	https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&st.shareUrl=
Xing (Германия)	https://www.xing.com/app/user?op=share&url=
SurfingBird (Россия)	http://surfingbird.ru/share?url=

Телефонные/аудио-социальные сети

Провайдер	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= (также см. здесь)

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

URL для шаринга вы найдёте в документации для разработчиков.

Размещено у нас? Компоненты тем доступны для использования на тарифах Standard, Business и Enterprise.

[dax (Daniela)]

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=

[cogdog (Alan Levine)]

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

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

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

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

[Kuro22]

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

weixin://dl/moment??

[dax (Daniela)]

Это

weixin://dl/moments

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

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

Is there any method to share text from mobile web to wechat by sharing button?

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

[Kuro22]

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

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

[Decorbuz]

Думаю, изменения, внесённые в диалог обмена несколько месяцев назад, могли сломать этот Customization > Theme component. Похоже, он больше не работает.

[Victor_Ashiedu]

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

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

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

[Moin]

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

[Victor_Ashiedu]

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

[dax (Daniela)]

@Decorbuz

Похоже, это не работает.

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

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

[Decorbuz]

@dax

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

@dax

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

Огромное спасибо! Customization > Plugin вызывал множество конфликтующих проблем на моём форуме. Теперь я знаю почему!

[busfactor]

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

[Brandon007 (Brandon)]

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

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

Replace Discourse's default SVG icons with custom icons in a theme

You can replace a Discourse’s default SVG icons individually or as a whole with your own custom SVG and override them within a theme or theme component. Step 1 - Create an SVG Spritesheet To get started, you must create an SVG Spritesheet. This can contain anything from a single additional custom SVG icon up to an entire replacement set of hundreds. The spritesheet should be saved as an SVG file. In principle, you are nesting the <svg> tag contents from the original SVG icon file into <symbol> …

[volanar]

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

[awesomerobot (Kris)]

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

[volanar]

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

[Brandon007 (Brandon)]

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

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

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

Совет:

Для тех, кто хочет реализовать это, но с социальными сетями, которых нет в списке. Обязательно прочитайте 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

[cogdog (Alan Levine)]

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

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

[cogdog (Alan Levine)]

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

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

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

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