Lo más nuevo
Home / Desarrollo web / Share url sociales para compartir contenido sin javascript
Share URL imagen
Share url

Share url sociales para compartir contenido sin javascript

Una share url es la dirección por la que las grandes networks sociales reciben los datos necesarios para compartir una página o post.

Normalmente estamos acostumbrados a ver barras sociales como ésta:

Ejemplo de social share url bar

en la que se muestran botones sociales para una gran cantidad de networks en las que compartir nuestro contenido.

¿Pero realmente sabes el coste que tiene mostrarla?

Echemos un vistazo al listado de archivos javascript que una barra social como la de arriba, que es mínima, necesita descargar para ser mostrada en nuestra web:
Para Google+:
https://apis.google.com/js/platform.js

Para Twitter:
https://platform.twitter.com/widgets.js

Para Reddit:
https://www.redditstatic.com/button/button1.js

Para StumbleUpon:
https://platform.stumbleupon.com/1/widgets.js

Para Tumblr:
https://assets.tumblr.com/share-button.js

Para Facebook:
https://connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.3

Todo eso sumado al css necesario para mostrar los botones  (aunque es mínimo) significan un descenso significativo en el rendimiento de nuestra web, perdiendo un preciado tiempo en DNS lookups, peticiones HTTP y tiempo de descargas.

Pero ante ésto tenemos una alternativa, crear botones personalizados, apuntando a las share url que toda social network tiene y que a continuación os listo.

Facebook share url

http://www.facebook.com/sharer.php?u=[post-url]

Google plus share url

https://plus.google.com/share?url=[post-url]

Twitter share url

https://twitter.com/share?url=[post-url]&text=[post-title]&via=[via]&hashtags=[hashtags]

Pinterest share url

https://pinterest.com/pin/create/bookmarklet/?media=[post-img]&url=[post-url]&is_video=[is_video]&description=[post-title]

Linkedin

http://www.linkedin.com/shareArticle?url=[post-url]&title=[post-title]

Menéame

http://www.meneame.net/submit.php?url=[post-url]

Reddit

http://reddit.com/submit?url=[post-url]&title=[post-title]

StumbleUpon

http://www.stumbleupon.com/submit?url=[post-url]&title=[post-title]

Buffer

http://bufferapp.com/add?text=[post-title]&url=[post-url]

Digg

http://digg.com/submit?url=[post-url]&title=[post-title]

Tumblr


http://www.tumblr.com/share/link?url=[post-url]&name=[post-title]&description=[post-desc]

Evernote

http://www.evernote.com/clip.action?url=[post-url]&title=[post-title]

WordPress

http://wordpress.com/press-this.php?u=[post-url]&t=[post-title]&s=[post-desc]&i=[post-img]

Pocket

https://getpocket.com/save?url=[post-url]&title=[post-title]

Listado de argumentos y su descripción

  • [hashtags] ► Hashtags sin la #.
  • [is_video] ► Si es un vídeo
  • [post-app_id] ► La ID de la app de la network.
  • [post-desc] ► Descripción que se mostrará al compartir.
  • [post-img] ► La url de la imagen que lo acompañará al compartir.
  • [post-url] ► La url de tu web, post,…
  • [post-title] ► Título a mostrar al compartir.
  • [provider] ► Nombre la compañia/web
  • [redirect_url] ► La url a la que se redirecionará tras compartir.
  • [via] ► Usuario de Twitter del autor (sin la @).

acerca de Francisco Javier Jiménez Mesa

Mi formación académica y experiencia profesional se han dirigido hacia el sector de la informática, ámbito en el que he desarrollado un gran número de competencias y habilidades, además de ser éste un entorno de trabajo en el que encuentro una motivación y una satisfacción tanto profesional como personal.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para aceptarlas y la aceptación de nuestra política de cookies