Cómo crear botones personalizados de redes sociales sin usar javascript

Este artículo va en línea de lo publicado en el artículo: ‘Cómo obtener los datos de los contadores sociales‘.

Lo que tratamos es de poner en nuestras webs iconos sociales distintos a los que nos proporcionan las distintas redes sociales desde sus webs, ya sea por ponerlos con un diseño más acorde a nuestra web, para que no se produzcan retardos a la hora de cargar de los botones, o por el motivo que sea.

En este artículo, vamos a ver cómo personalizar la URL a la que queremos que el botón social apunte, así como el título que aparece en la ventana que se abre al pinchar sobre él. Aquí el listado:

Facebook

http://www.facebook.com/share.php?u=[URL]&title=[TITLE]

Twitter

http://twitter.com/intent/tweet?status=[TITLE]+[URL]

Pinterest

http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]

Google+

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

Reddit

http://www.reddit.com/submit?url=[URL]&title=[TITLE]

Delicious

http://del.icio.us/post?url=[URL]&title=[TITLE]&notes=[DESCRIPTION]

Linkedin

http://www.linkedin.com/shareArticle?mini=true&url=[URL]&title=[TITLE]&source=[SOURCE/DOMAIN]

StumbleUpon

http://www.stumbleupon.com/submit?url=[URL]&title=[TITLE]

Tumblr

http://www.tumblr.com/share?v=3&u=[URL]&t=[TITLE]

Google Bookmarks

http://www.google.com/bookmarks/mark?op=edit&bkmk=[URL]&title=[title]&annotation=[DESCRIPTION]

 

Espero que esta información os sea útil para crear botones sociales personalizados.

Cómo obtener los contadores de los botones sociales

Las distintas redes sociales nos proporcionan de forma sencilla la forma de poner sus distintos botones y contadores en nuestras webs. Lo que ocurre es que esos botones tienen la el diseño que a cada red social le apetece.

En muchas ocasiones necesitamos personalizar el diseño de esos botones sociales, ya sea para que esté más acorde con el diseño de nuestra web, o simplemente porque nos da la gana.

En línea con este asunto, aquí encontramos una lista de los links para obtener las estadísticas que una determinada URL tiene en cada red social

Facebook:
https://api.facebook.com/method/links.getStats?urls=%%URL%%&format=json

Twitter:
http://urls.api.twitter.com/1/urls/count.json?url=%%URL%%

Reddit:
http://buttons.reddit.com/button_info.json?url=%%URL%%

Linkedin:
http://www.linkedin.com/countserv/count/share?url=%%URL%%&format=json

Digg:
http://widgets.digg.com/buttons/count?url=%%URL%%

Delicious:
http://feeds.delicious.com/v2/json/urlinfo/data?url=%%URL%%

StumbleUpon:
http://www.stumbleupon.com/services/1.01/badge.getinfo?url=%%URL%%

Pinterest:
http://widgets.pinterest.com/v1/urls/count.json?source=6&url=%%URL%%

Lo único que tendremos que hacer es cambiar %%URL%% por la url sobre la que queremos ver sus estadísticas (número de likes, veces compartido…)