jump to navigation

Botón para compartir en página Web 20 octubre, 2009

Posted by ubanov in Informática.
Tags: , ,
trackback

Últimamente en muchas páginas Web suele aparecer botones para poder compartir la página Web con diferentes sistemas de redes sociales (facebook, twetter, google, yahoo…).

En esta página voy a poner cuatro notas sobre cómo poner estos botones en tu página Web, y de paso pongo un ejemplo.

Los botones suelen tener la siguiente pinta, pongo el ejemplo con 5 de los servicios, aunque debajo hay más URL

Compartir: Facebook Twiter Google bookmark Delicious digg

Lo que se hace es cada uno de los botones haga un link a las siguientes URL: 

http://www.facebook.com/sharer.php?t=<TITULO>&u=<URL&gt;

http://twitter.com/home?status=<TITULO>%20<URL&gt;

http://www.google.com/bookmarks/mark?op=add&bkmk=<URL>&title=<TITLE&gt;

http://bookmarks.yahoo.com/toolbar/savebm?opener=tb&u=<URL>&t=<TITULO&gt;

http://delicious.com/post?url=<URL>&title=<TITULO&gt;

http://digg.com/submit?url=<URL>&title=<TITULO&gt;

http://www.myspace.com/Modules/PostTo/Pages/?t=<TITULO>&c=<URL&gt;

https://favorites.live.com/quickadd.aspx?marklet=1&mkt=es-ES&url=<URL>&title=<TITLE>&top=1

http://meneame.net/submit.php?url=<URL&gt;

Donde <URL> es la URL que quieres compartir y <TITULO> es una pequeña descripción sobre la página.

Por temas de compatibilidad a la hora de poner la URL y la descripción, es mejor escapar los caracteres “especiales”

Por ejemplo:

URL=http%3A%2F%2Fubanov.wordpress.com%2F2009%2F10%2F09%2Fboton-para-compartir-en-pagina-web%2F
TITULO=Boton%20para%20compartir%20en%20Pagina%20Web

Hay páginas que te dan el servicio (por ejemplo www.sharethis.com), con lo que sólo tendrías un botón y se te abriría un popup para hacer ofrecerte los diferentes servicios. Además te dan estadisticas sobre los enlaces pulsados…

Para controlar quien pincha cada link podría crearse una página intermedia, en la que registrasemos a qué servicio quiere ir y se hiciese una redirección.

Espero que a alguien le sirva para algo😛

Comentarios»

1. key sound - 15 agosto, 2010

El problema

Me encontraba creando un blog en wordpress.com y al crear la primera entrada me di cuenta de que no se podían agregar plugins (queria agregar share this)asi que me di a la tarea de crear este pequeño generador de código para crear un botón compatible con paginas que no aceptan java u otros lenguajes. Para el caso particular es compatible con publicaciones en wordpress.com pero debería funcionar en cualquier pagina.
Para quienes saben de html esto no es la gran panacea, la idea es ahorrar tiempo y facilitar el trabajo a quienes no saben de html.

http://thefuckinghost.webege.com/1.htm

El funcionamiento es muy simple solo se tiene que ingresar la url que se quiere compartir, el titulo con que aparecerá la publicación en facebook , generan el código, copy, paste y presto. En la pagina hay una pequeña instrucción.

Suerte y espero que les sirva

2. Sr. Placebo - 10 junio, 2011

Y para el que no sepa html aquí dejo una recopilación de 20 servicios de botones para compartir en redes sociales. Creo que puede ser interesante tenerlos todos bien juntitos y así poder consultarlos en un momento para ver el más útil según sea website, blog, etc. Por no mencionar la sencillez de su implementación.

20 servicios de botones para compartir contenido en redes sociales

3. Cristian H - 20 mayo, 2013

Hola, he buscado durante mucho tiempo esta informacion que tu has compartido, pero lo que yo realmente necesito hacer para mi sitio web es la opcion que genera el boton “Correo Electronico” en la parte superior, hice la prueba y al recibir el correo me aparece en formato HTML.. puedes ayudarme en decirme como lo hiciste?…


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: