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:

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 @).