Compartir en redes sociales

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

¡Hola! Vi en tu publicación que agregaste el uso compartido de weixin. Me gustaría agregar esto también. ¿Podrías compartir el enlace conmigo? ¡Gracias de antemano!

weixin://dl/moment??

[dax (Daniela)]

Es

weixin://dl/moments

pero ten en cuenta que es una URL de deep linking no oficial, por lo que podría dejar de funcionar si Wechat la cambia/elimina.

Más información en

Is there any method to share text from mobile web to wechat by sharing button?

De todos modos, si lo configuras correctamente y funciona, añádelo a la lista en la primera publicación de este tema.

[Kuro22]

Gracias por tu respuesta. Desafortunadamente, no funciona. Al hacer clic en el botón para compartir, se llamó a WeChat pero sin más reacción.

Busqué “wechat url scheme” en Internet chino, los resultados indican que WeChat ya no admite este tipo de enlace profundo desde hace 2 o 3 años.

[Decorbuz]

Creo que los cambios que se hicieron en el diálogo para compartir hace un par de meses podrían haber roto este Theme component. No parece estar funcionando.

[Victor_Ashiedu]

Instalé este plugin pero no aparece en mi lista de plugins.

1. Agregué el plugin a mi app.yml (- git clone GitHub - discourse/discourse-social-share)
2. Luego reconstruí el contenedor (cd /var/discourse, ./launcher rebuild app)

No estoy seguro de por qué el plugin no aparece en la lista.

[Moin]

Este es un componente temático.
Por lo tanto, debe seguir Installing a theme or theme component

[Victor_Ashiedu]

Gracias @Moin. Lo intentaré.

[dax (Daniela)]

@Decorbuz

No parece funcionar.

El componente todavía funciona, pero solo en sitios públicos. Hace algún tiempo, deshabilitamos la capacidad de compartir publicaciones y temas en proveedores sociales cuando los sitios son privados.

Acabo de actualizar el OP en consecuencia.

[Decorbuz]

@dax

El componente todavía funciona, pero solo en sitios públicos. Hace tiempo deshabilitamos la capacidad de compartir publicaciones y temas en proveedores sociales cuando los sitios son privados.

@dax

Acabo de actualizar el OP en consecuencia.

¡Muchas gracias! El Plugin estaba causando un montón de problemas conflictivos con mi foro. ¡Ahora sé por qué!

[busfactor]

hmm, usándolo en un sitio público y todavía no se muestra correctamente…

[Brandon007 (Brandon)]

Esto se ve genial, pero ¿cómo agregamos íconos personalizados que no se encuentran en Font Awesome?

Oh, puede que haya encontrado algo:

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]

¿Cuál es la diferencia entre este componente y la función de compartir integrada?

[awesomerobot (Kris)]

La función de compartir integrada solo admite un número limitado de opciones como twitter/facebook y correo electrónico; este componente permite añadir cualquier enlace.

[volanar]

Es decir, este módulo complementa la función de compartir integrada, pero no la sustituye.

[Brandon007 (Brandon)]

Esto es fantástico, ¡muchas gracias! Es una gran adición y me encanta la personalización que podemos agregar.

Noté un problema o quizás una mala configuración de mi parte. Al resaltar texto para compartir como una cita, la mini barra de herramientas quiere enumerar todos los iconos de compartir personalizados que agregué y no cabe. Intenté desplazarme y moverme con la flecha, pero simplemente se corta. No es un problema crítico, pero quizás sea de interés para los desarrolladores.

Salté a share quote buttons pero no parece que pueda agregar o eliminar nada allí.

Consejo:

Para cualquiera que quiera implementar esto, pero con redes sociales que no están en la lista. Asegúrate de leer Replace Discourse's default SVG icons with custom icons in a theme y How to overrule a color variable for one theme only? - #7 by smrtey que te guiarán en la configuración de about.json, eso es clave para que puedas agregar el archivo icons-sprite.svg.

Si quieres reemplazar los iconos para compartir, este hilo es tu amigo, Use standard share icon for share post (instead of link icon) - #9 by bquast

[cogdog (Alan Levine)]

¡Woot! Pude agregar un enlace para Compartir en Mastodon usando
https://mastodonshare.com/?url= - aparece una ventana emergente que pide la instancia, luego crea la configuración adecuada para publicar.

[cogdog (Alan Levine)]

Ahora me gusta un nuevo servicio para proporcionar enlaces para compartir, ShareOpenly https://shareopenly.org/ porque no solo proporciona un medio para compartir enlaces a Mastodon, sino también a Threads, Blusky y más.

He modificado mi configuración en Social Share para usar

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

Estoy buscando un icono diferente, pero está funcionando en mi comunidad: