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]
http://www.linkedin.com/shareArticle?url=[post-url]&title=[post-title]
Menéame
http://www.meneame.net/submit.php?url=[post-url]
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]
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 @).