Compartir en redes sociales

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

Instalar este componente del tema

Características

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


:exclamation: Manipular configuraciones relacionadas con agentes de usuario de rastreadores podría interferir potencialmente con el funcionamiento correcto del componente.

Configuración:

Nombre Descripción
enlaces de compartir social Delimitados 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 de 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 de 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/audio

Proveedor URL de compartir
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= (lee también aquí)

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

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


:discourse2: ¿Alojado por nosotros? Los componentes de tema están disponibles para usar en nuestros planes Estándar, Empresarial y Empresarial.

75 Me gusta

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 Me gusta

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.

4 Me gusta

¡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??

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

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

Gracias por tu respuesta. Desafortunadamente, no funciona. :cry: 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.

1 me gusta

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.

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.

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

3 Me gusta

Gracias @Moin. Lo intentaré.

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.

5 Me gusta

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

2 Me gusta

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

1 me gusta

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

Oh, puede que haya encontrado algo:

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

1 me gusta

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.

3 Me gusta

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

1 me gusta

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í.

:man_shrugging:t3:

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 :+1:t3:

¡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.

2 Me gusta

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:

1 me gusta