Compartilhamento Social

: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 curtidas

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 curtidas

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 curtidas

Ei! Vi em sua postagem que você adicionou o compartilhamento do weixin. Eu gostaria de adicionar isso também. Você poderia me compartilhar o link? Agradeço desde já!

weixin://dl/moment??

É

weixin://dl/moments

mas, por favor, note que é uma URL de deep linking não oficial, então pode parar de funcionar se o Wechat a alterar/remover.

Mais informações em

De qualquer forma, se você configurá-lo corretamente e funcionar, adicione-o à lista na primeira postagem deste tópico.

Obrigado pela sua resposta. Infelizmente, não funciona. :cry: Ao clicar no botão de compartilhamento, o WeChat foi chamado, mas sem mais reações.

Pesquisei por “wechat url scheme” na internet chinesa, os resultados indicam que o WeChat não suporta mais esse tipo de deep link há 2 ou 3 anos.

1 curtida

Acho que as alterações feitas na caixa de diálogo de compartilhamento há alguns meses podem ter quebrado este Theme component. Ele parece não estar funcionando.

Instalei este plugin, mas ele não está aparecendo na minha lista de plugins.

  1. Adicionei o plugin ao meu app.yml (- git clone GitHub - discourse/discourse-social-share)
  2. Em seguida, reconstruí o container (cd /var/discourse, ./launcher rebuild app)

Não tenho certeza por que o plugin não está aparecendo na lista.

Este é um componente de tema.
Portanto, você precisa seguir Installing a theme or theme component

3 curtidas

Obrigado @Moin. Vou tentar isso

O componente ainda funciona, mas apenas em sites públicos. Há algum tempo desabilitamos a capacidade de compartilhar posts e tópicos em provedores sociais quando os sites são privados.

Acabei de atualizar o OP de acordo.

5 curtidas

Muito obrigado! O Plugin estava causando um monte de problemas conflitantes com o meu fórum. Agora eu sei o porquê! :sweat_smile:

2 curtidas

hmm, usando em um site público e ainda não está mostrando corretamente…

1 curtida

Isso parece ótimo, mas como adicionamos ícones personalizados que não estão no Font Awesome?

Ah, acho que encontrei algo:

Qual é a diferença entre este componente e a função de compartilhamento integrada?

1 curtida

A função de compartilhamento integrada suporta apenas um número limitado de opções, como twitter/facebook e e-mail; este componente permite que qualquer link seja adicionado.

3 curtidas

Ou seja, este módulo complementa a função de compartilhamento integrada, mas não a substitui.

1 curtida

Isto é fantástico, muito obrigado! É uma ótima adição e adoro a personalização que podemos adicionar.

Notei um problema ou talvez uma configuração incorreta da minha parte. Ao destacar texto para compartilhar como uma citação, a mini barra de ferramentas quer listar todos os ícones de compartilhamento personalizados que adicionei e não cabe. Tentei rolar e mover com a seta, mas está simplesmente cortado. Não é um problema que impeça o uso, mas talvez seja de interesse dos desenvolvedores.

Fui até share quote buttons mas não parece que posso adicionar ou remover nada lá.

:man_shrugging:t3:

Dica:

Para quem quiser implementar isso, mas com redes sociais que não estão na lista. Certifique-se de ler Replace Discourse's default SVG icons with custom icons in a theme e How to overrule a color variable for one theme only? - #7 by smrtey que o guiarão na configuração de about.json, isso é fundamental para que você possa adicionar o arquivo icons-sprite.svg!

Se você quiser substituir os ícones de compartilhamento, este tópico é seu amigo, Use standard share icon for share post (instead of link icon) - #9 by bquast :+1:t3:

Woot! Consegui adicionar um link Compartilhar no Mastodon usando\n\nhttps://mastodonshare.com/?url= - o popup pede a instância, depois cria a configuração correta para postar.

2 curtidas

Estou agora gostando de um novo serviço para fornecer links de compartilhamento, o ShareOpenly https://shareopenly.org/ porque ele não só fornece um meio de compartilhar links para o Mastodon, mas também para Threads, Blusky e mais.

Modifiquei minhas configurações no Social Share para usar

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

Estou em busca de um ícone diferente, mas está funcionando em minha comunidade:

1 curtida