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:
76개의 좋아요

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, Share to LinkedIn, https://www.linkedin.com/shareArticle?mini=true&url=

svg-icons: fab-linkedin

브라우저에서 강제 새로고침을 해야 작동하는 것 같았습니다.

4개의 좋아요

안녕하세요! 게시글에서 위챗 공유를 추가하셨다는 걸 봤어요. 저도 이 기능을 추가하고 싶은데 링크를 공유해 주실 수 있을까요? 미리 감사드립니다!

weixin://dl/moment??

다음과 같습니다.

weixin://dl/moments

다만, 이는 비공식 딥 링크 URL이므로 WeChat이 해당 URL을 변경하거나 제거할 경우 작동이 중단될 수 있습니다.

자세한 내용은 다음 링크를 참고하세요.
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개의 좋아요

몇 달 전에 공유 대화창에 적용된 변경 사항이 이 #customization: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개의 좋아요

정말 감사합니다! Customization > Plugin 플러그인이 제 포럼에서 여러 가지 충돌 문제를 일으키고 있었네요. 이제 왜 그런지 알겠습니다! :sweat_smile:

2개의 좋아요

음, 공개 사이트에서 사용하는데도 여전히 제대로 표시되지 않네요…

1개의 좋아요

이것은 훌륭해 보입니다. 그런데 Font Awesome에서 찾을 수 없는 사용자 지정 아이콘은 어떻게 추가하나요?

아, 무언가를 찾았을지도 모릅니다:

이 컴포넌트와 내장된 공유 기능의 차이는 무엇인가요?

1개의 좋아요

내장된 공유 기능은 트위터/페이스북과 이메일처럼 제한된 옵션만 지원하지만, 이 컴포넌트를 사용하면 어떤 링크든 추가할 수 있습니다.

3개의 좋아요

즉, 이 모듈은 내장된 공유 기능을 보완하지만, 이를 대체하지는 않습니다.

1개의 좋아요

정말 훌륭해요, 정말 감사합니다! 멋진 추가 기능이고, 우리가 추가할 수 있는 커스터마이징을 좋아합니다.

다만, 문제점이나 제 설정 오류인 것 같은 부분을 발견했습니다. 텍스트를 선택하여 인용문으로 공유하려고 할 때, 미니 툴바에 제가 추가한 모든 커스텀 공유 아이콘을 나열하려고 하는데 공간이 부족합니다. 스크롤하거나 화살표로 이동해 보았지만, 그냥 잘려 나갑니다. 치명적인 문제는 아니지만, 개발자분들께는 흥미로운 정보가 될 수 있을 것 같습니다.

share quote buttons으로 넘어가 보았지만, 거기에 뭔가를 추가하거나 삭제할 수 있는 것처럼 보이지 않습니다.

:man_shrugging:t3:

팁:

이 기능을 구현하고 싶지만, 목록에 소셜 네트워크는 원하지 않는 분들을 위해. about.json을 구성하는 방법을 안내하는 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 를 꼭 읽어보세요. 이것이 핵심이라 icons-sprite.svg 파일을 추가할 수 있습니다!

공유 아이콘을 교체하고 싶다면, 이 스레드가 도움이 될 것입니다. Use standard share icon for share post (instead of link icon) - #9 by bquast :+1:t3:

와! https://mastodonshare.com/?url=을 사용해 마스토돈 공유 링크를 추가할 수 있었습니다. 팝업에서 인스턴스를 선택하면 게시물을 위한 적절한 설정이 자동으로 생성됩니다.

2개의 좋아요

이제는 링크 공유를 위한 새로운 서비스인 ShareOpenly https://shareopenly.org/를 사용하게 되었습니다. 이 서비스는 링크를 Mastodon에 공유할 수 있는 방법을 제공할 뿐만 아니라 Threads, Blusky 등 다양한 플랫폼에서도 공유할 수 있기 때문입니다.

Social Share 설정을 다음과 같이 수정했습니다.

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

다른 아이콘을 찾고 있지만, 현재 우리 커뮤니티에서는 잘 작동하고 있습니다:

1개의 좋아요