Social teilen

[Discourse]

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

Install this theme component

As this is an official theme component maintained by the Discourse team, Support, Bug, UX, and Feature requests can be made in the respective categories here on Meta, and tagged with the appropriate theme component tag. Click on a link below to get one started.

 Support  Bug  UX  Feature

Features

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

---

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.

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 document

Perform check on document:

[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)]

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.

[Kuro22]

Hallo! Ich habe in Ihrem Beitrag gesehen, dass Sie das Teilen über weixin hinzugefügt haben. Ich möchte das auch gerne hinzufügen. Könnten Sie mir den Link mitteilen? Vielen Dank im Voraus!

weixin://dl/moment??

[dax (Daniela)]

Es ist

weixin://dl/moments

aber bitte beachten Sie, dass es sich um eine inoffizielle Deep-Linking-URL handelt, sodass sie möglicherweise nicht mehr funktioniert, wenn WeChat sie ändert/entfernt.

Weitere Informationen unter
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

Wenn Sie es jedoch richtig konfigurieren und es funktioniert, fügen Sie es der Liste im ersten Beitrag dieses Themas hinzu.

[Kuro22]

Vielen Dank für Ihre Antwort. Leider funktioniert es nicht. Beim Klicken auf die Teilen-Schaltfläche wurde WeChat aufgerufen, aber ohne weitere Reaktion.

Ich habe auf chinesischen Websites nach „wechat url scheme“ gesucht, und die Ergebnisse deuten darauf hin, dass WeChat diese Art von Deep-Link seit 2 oder 3 Jahren nicht mehr unterstützt.

[Decorbuz]

Ich glaube, die Änderungen, die vor ein paar Monaten am Share-Dialog vorgenommen wurden, haben diese Theme component möglicherweise kaputt gemacht. Sie scheint nicht zu funktionieren.

[Victor_Ashiedu]

Ich habe dieses Plugin installiert, aber es wird nicht in meiner Plugin-Liste angezeigt.

1. Ich habe das Plugin zu meiner app.yml hinzugefügt (- git clone GitHub - discourse/discourse-social-share)
2. Dann habe ich den Container neu erstellt (cd /var/discourse, ./launcher rebuild app)

Ich bin mir nicht sicher, warum das Plugin nicht in der Liste angezeigt wird.

[Moin]

Dies ist eine Theme-Komponente.
Sie müssen also Installing a theme or theme component befolgen

[Victor_Ashiedu]

Danke @Moin. Ich werde das versuchen

[dax (Daniela)]

@Decorbuz

Es scheint nicht zu funktionieren.

Die Komponente funktioniert immer noch, aber nur auf öffentlichen Websites. Vor einiger Zeit haben wir die Möglichkeit, Beiträge und Themen auf sozialen Anbietern zu teilen, deaktiviert, wenn die Websites privat sind.

Ich habe gerade die OP entsprechend aktualisiert.

[Decorbuz]

@dax

Die Komponente funktioniert immer noch, aber nur auf öffentlichen Websites. Vor einiger Zeit haben wir die Möglichkeit, Beiträge und Themen in sozialen Netzwerken zu teilen, deaktiviert, wenn die Websites privat sind.

@dax

Ich habe gerade die OP entsprechend aktualisiert.

Vielen Dank! Das Plugin verursachte eine Menge widersprüchlicher Probleme mit meinem Forum. Jetzt weiß ich warum!

[busfactor]

hmm, auf einer öffentlichen Website verwenden und es wird immer noch nicht richtig angezeigt …

[Brandon007 (Brandon)]

Das sieht großartig aus, aber wie fügen wir benutzerdefinierte Symbole hinzu, die nicht auf Font Awesome zu finden sind?

Oh, ich glaube, ich habe etwas gefunden:

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]

Was ist der Unterschied zwischen dieser Komponente und der integrierten Freigabefunktion?

[awesomerobot (Kris)]

Die integrierte Freigabefunktion unterstützt nur eine begrenzte Anzahl von Optionen wie Twitter/Facebook und E-Mail. Diese Komponente ermöglicht das Hinzufügen beliebiger Links.

[volanar]

Das heißt, dieses Modul ergänzt die integrierte Freigabefunktion, ersetzt sie aber nicht.

[Brandon007 (Brandon)]

Das ist fantastisch, vielen Dank! Es ist eine großartige Ergänzung und ich liebe die Anpassungsmöglichkeiten, die wir hinzufügen können.

Ich habe ein Problem bemerkt oder vielleicht eine Fehlkonfiguration meinerseits. Wenn ich Text zum Teilen als Zitat hervorhebe, möchte die Mini-Symbolleiste alle von mir hinzugefügten benutzerdefinierten Freigabe-Symbole auflisten, und sie passt nicht hinein. Ich habe versucht zu scrollen und mit dem Pfeil zu navigieren, aber es ist einfach abgeschnitten. Kein Dealbreaker, aber vielleicht von Interesse für die Entwickler.

Ich bin zu share quote buttons gesprungen, aber es sieht nicht so aus, als könnte ich dort etwas hinzufügen oder entfernen.

Tipp:

Für alle, die dies implementieren möchten, aber mit sozialen Netzwerken, die nicht auf der Liste stehen. Stellen Sie sicher, dass Sie Replace Discourse's default SVG icons with custom icons in a theme und How to overrule a color variable for one theme only? - #7 by smrtey lesen, die Sie durch die Konfiguration von about.json führen, das ist der Schlüssel, damit Sie die Datei icons-sprite.svg hinzufügen können!

Wenn Sie Freigabe-Symbole ersetzen möchten, ist dieser Thread Ihr Freund: Use standard share icon for share post (instead of link icon) - #9 by bquast

[cogdog (Alan Levine)]

Woot! Konnte einen Link zum Teilen auf Mastodon hinzufügen mit\n\nhttps://mastodonshare.com/?url= - Popup fragt nach der Instanz, erstellt dann die richtige Einrichtung zum Posten.

[cogdog (Alan Levine)]

Ich mag jetzt einen neuen Dienst zum Bereitstellen von Share-Links, ShareOpenly https://shareopenly.org/, weil er nicht nur eine Möglichkeit bietet, Links zu Mastodon, sondern auch zu Threads, Blusky und mehr zu teilen.

Ich habe meine Einstellungen in Social Share geändert, um Folgendes zu verwenden:

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

Ich suche nach einem anderen Symbol, aber es funktioniert in meiner Community: