Compartir en redes sociales

[Discourse]

||||
-|-|
| Resumen | Social Share te permite agregar fácilmente proveedores de redes sociales adicionales al botón de compartir en las publicaciones.
| | Vista previa | Vista previa en Discourse Theme Creator |
| Enlace al repositorio | https://github.com/discourse/discourse-social-share
| ¿Nuevo en los temas de Discourse? | Guía para principiantes sobre el uso de temas de Discourse

Instala este componente del tema

Dado que este es un #tema_oficial mantenido por el equipo de Discourse, puedes realizar solicitudes de #soporte, #reportar:errores, #reportar:ux y #sugerir:funcionalidades en las categorías correspondientes aquí en Meta, etiquetándolas con la etiqueta adecuada del componente del tema. Haz clic en un enlace a continuación para comenzar uno.

 Soporte  Error  UX  Funcionalidad

Características

Este componente solo funciona en sitios públicos.
Los iconos de compartir se desactivarán automáticamente en sitios privados cuando la configuración del sitio requerir inicio de sesión esté activa.

---

Manipular la configuración relacionada con los agentes de usuario de rastreo podría interferir potencialmente con el correcto funcionamiento del componente.

Configuración:

Nombre	Descripción
enlaces para compartir	Separados por comas en este orden: nombre, icono, título, enlace.
iconos svg	Lista de iconos de FontAwesome 5 utilizados en este componente del tema. Usa el prefijo fa- para iconos sólidos, far- para iconos regulares y fab- para iconos de marca.

Algunos proveedores y enlaces:

Redes sociales en inglés

Proveedor	URL para compartir
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 sociales internacionales (no en inglés)

Proveedor	URL para compartir
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 (Rusia)	https://vk.com/share.php?url=
OK.ru (Rusia)	https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&st.shareUrl=
Xing (Alemania)	https://www.xing.com/app/user?op=share&url=
SurfingBird (Rusia)	http://surfingbird.ru/share?url=

Redes sociales basadas en teléfono/audios

Proveedor	URL para compartir
SMS	sms:{número_de_teléfono}?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= (lee también aquí)

Esta guía es un wiki; si tienes otros proveedores, quizás específicos de tu país, simplemente agrégalos a la lista.

Encontrarás la URL para compartir en la documentación para desarrolladores.

¿Alojado por nosotros? Los componentes del tema están disponibles para usar en nuestros planes Standard, Business y Enterprise.

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

En la Configuración del Componente:

enlaces de compartir en redes sociales: LinkedIn, fab-linkedin, Compartir en LinkedIn, https://www.linkedin.com/shareArticle?mini=true&url=

svg-icons: fab-linkedin

Creo que tuve que hacer una recarga forzada en el navegador para que funcionara.

[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 de compartir hace un par de meses podrían haber roto este componente de personalización: tema. Parece que no está 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 sigue funcionando, pero solo en sitios públicos. Hace algún tiempo desactivamos la posibilidad de compartir publicaciones y temas en proveedores de redes sociales cuando los sitios son privados.

@dax

Acabo de actualizar la publicación original en consecuencia.

¡Muchas gracias! El Customization > Plugin estaba causando varios conflictos en 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: