Compartilhar nas redes sociais

:discourse2: Resumo Social Share permite que você adicione facilmente provedores de redes sociais extras ao botão de compartilhamento nas publicações..
:eyeglasses: Pré-visualização Pré-visualização no Discourse Theme Creator
:hammer_and_wrench: Link do Repositório https://github.com/discourse/discourse-social-share
:open_book: Novo nos Temas do Discourse? Guia para iniciantes sobre como usar Temas do Discourse

Instale este componente de tema

Recursos

:information_source: Este componente só funciona em sites públicos.
Os ícones de compartilhamento serão desativados automaticamente em sites privados quando a configuração do site login required estiver ativa.


:exclamation: Manipular configurações relacionadas a agentes de usuário de rastreamento pode potencialmente interferir no funcionamento adequado do componente.

Configurações:

Nome Descrições
links de compartilhamento social Separados por vírgula nesta ordem: nome, ícone, título, link.
ícones svg Lista de ícones FontAwesome 5 usados neste componente de tema. Use o prefixo fa- para ícones sólidos, far- para ícones regulares e fab- para ícones de marca.

Alguns provedores e Links:

Redes Sociais em Inglês

Provider URL de Compartilhamento
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=

Redes Sociais Internacionais (não em inglês)

Provider URL de Compartilhamento
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 (Rússia) https://vk.com/share.php?url=
OK.ru (Rússia) https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&st.shareUrl=
Xing (Alemanha) https://www.xing.com/app/user?op=share&url=
SurfingBird (Rússia) http://surfingbird.ru/share?url=

Redes Sociais Baseadas em Telefone/Áudio

Provider URL de Compartilhamento
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= (leia também aqui)

Este guia é uma wiki, se você tiver outros provedores, talvez específicos para o seu país, basta adicioná-los à lista.

Você encontrará a URL de compartilhamento na documentação para desenvolvedores.


:discourse2: Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.

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

Nas Configurações do Componente:

links de compartilhamento social: LinkedIn, fab-linkedin, Compartilhar no LinkedIn, https://www.linkedin.com/shareArticle?mini=true&url=

svg-icons: fab-linkedin

Acho que precisei forçar a atualização no navegador para fazer o ajuste.

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 Customization > Theme component. Parece que não está 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 Customization > Plugin estava causando vários conflitos no meu fórum. Agora sei o motivo! :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