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

In the Component Settings:

social share links: LinkedIn, fab-linkedin, Share to LinkedIn, https://www.linkedin.com/shareArticle?mini=true&url=

svg-icons: fab-linkedin

I think I had to do force-refresh in the browser to nudge it.

「いいね!」 4

こんにちは!投稿で weixin シェアリングが追加されたのを見ました。私もこれを追加したいのですが、リンクを共有していただけますか?よろしくお願いします!

weixin://dl/moment??

それは

weixin://dl/moments

ですが、非公式のディープリンクURLであるため、Wechatが変更/削除した場合に機能しなくなる可能性があることに注意してください。

詳細については、以下をご覧ください。
https://stackoverflow.com/questions/45005036/is-there-any-method-to-share-text-from-mobile-web-to-wechat-by-sharing-button#:~:text=Wechat%20doesn't%20have%20any%20official%20deep%20linking%20URL,Send%20to%20chat%20documentation%20on%20Wechat%20JS%20SDK

いずれにせよ、正しく設定して機能した場合は、このトピックの最初の投稿のリストに追加してください。

ご返信ありがとうございます。残念ながら、うまくいきませんでした。:cry: 共有ボタンをクリックするとWeChatが呼び出されましたが、それ以上の反応はありませんでした。

中国のインターネットで「wechat url scheme」を検索したところ、WeChatは2〜3年前からこのようなディープリンクをサポートしなくなったという結果が表示されました。

「いいね!」 1

数ヶ月前に行われた共有ダイアログの変更が、この Theme component を壊してしまった可能性があります。動作していないようです。

プラグインをインストールしましたが、プラグインリストに表示されません。

  1. プラグインをアプリに追加しました (- git clone GitHub - discourse/discourse-social-share)
  2. コンテナを再構築しました (cd /var/discourse, ./launcher rebuild app)

なぜプラグインがリストに表示されないのかわかりません。

これはテーマコンポーネントです。
そのため、Installing a theme or theme component に従う必要があります。

「いいね!」 3

@Moinさん、ありがとうございます。試してみます。

コンポーネントは引き続き機能しますが、公開サイトでのみ機能します。しばらく前に、サイトがプライベートな場合にソーシャルプロバイダーで投稿やトピックを共有する機能を無効にしました。

OPをそれに応じて更新しました。

「いいね!」 5

ありがとうございます!Plugin がフォーラムで多くの競合する問題を引き起こしていました。これで理由がわかりました!:sweat_smile:

「いいね!」 2

公開サイトで使用していますが、まだ正しく表示されません…

「いいね!」 1

これは素晴らしいですが、Font Awesome にないカスタム アイコンを追加するにはどうすればよいですか?

ああ、何か見つけたかもしれません。

このコンポーネントと組み込みの共有機能との違いは何ですか?

「いいね!」 1

標準の共有機能は、Twitter/Facebookやメールなどの限られたオプションしかサポートしていませんが、このコンポーネントを使用すると、あらゆるリンクを追加できます。

「いいね!」 3

つまり、このモジュールは組み込みの共有機能を補完するものであり、置き換えるものではありません。

「いいね!」 1

これは素晴らしいですね、本当にありがとうございます!素晴らしい追加機能ですし、カスタマイズできる点が気に入っています。

問題点、あるいは私の設定ミスかもしれない点に気づきました。共有したいテキストを引用としてハイライトすると、ミニツールバーに私が追加したカスタム共有アイコンがすべて表示され、収まりきりません。スクロールしたり矢印で移動しようとしましたが、単に切り取られてしまいます。致命的な問題ではありませんが、開発者の方々にとって興味深いかもしれません。

「共有引用ボタン」に移動しましたが、そこでは何も追加または削除できないようです。

:man_shrugging:t3:

ヒント:

リストにないソーシャルネットワークでこれを実装したい方は、Replace Discourse's default SVG icons with custom icons in a themeHow 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:

Woot! https://mastodonshare.com/?url= を使って Mastodon 共有リンクを追加できました。インスタンスを尋ねるポップアップが表示され、投稿に適切な設定が作成されます。

「いいね!」 2

ShareOpenly https://shareopenly.org/ という新しい共有リンクサービスを気に入っています。Mastodonだけでなく、Threads、Bluskyなどにもリンクを共有できるからです。

Social Shareの設定を以下のように変更しました。

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

別のアイコンを探していますが、私のコミュニティでは機能しています。

「いいね!」 1