AddThis: Marcadores sociales en tu Web 7
Un punto importante al momento de promover una web es el uso de las redes sociales, para ello se ofrece a los visitantes facilidades para que puedan compartir un determinado recurso de nuestro web en diferentes sitios como Facebook, Twitter, Digg, Delicious, etc.
AddThis
AddThis es una librería Javascript que permite agregar fácilmente los botones para compartir contenido en diferentes sitios. Se puede personalizar y soporta hasta 50 idiomas y soporta mas de 150 servicios como Twitter, Facebook, MySpace entre otros.
Como utilizar AddThis
El uso de AddThis es sencillo para ello accedemos a http://addthis.com en donde seleccionamos que tipo de página tenemos (Blogger, WordPress, MySpace o un Web normal) luego el tipo de botón a utilizar, opcionalmente puedes seleccionar una opción para obtener estadísticas de las visitas para lo cual hay que registrarse y finalmente generamos nuestro botón.
AddThis en tu Website
Si seleccionamos website el código generado será de la siguiente forma, el cual debes colocar en cada página donde desees agregar la opción para compartir.
1 2 3 4 | <!-- AddThis Button BEGIN --> <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=xa-4aff590b0be123da"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pub=xa-4aff590b0be123da"></script> <!-- AddThis Button END --> |
AddThis en Blogger
Si utilizas Blogger puedes agregarlo rápidamente a tu sidebar con la opción Install to Sidebar que agregará el código necesario automáticamente. Ahora si deseas agregar la opción en cada post debes editar tu plantilla y agregar el código generado justo después de la etiqueta >div class=’post-footer’<
Guardas tu plantilla y ya tienes instalado esta opción en tu blog. Puedes el ejemplo funcionando en nuestro blog de prueba en: http://2webfacil.blogspot.com
Tags: addthis, Blogger, compartir, Facebook, javascript, Twitter
Hola, primero que nada gracias por la sencilla explicación. He colocado este botón en mi blog, y funciona perfectamente en la página principal donde aparecen los resúmenes de los posts; sin embargo, cuando entro en la página individual de cada post no salen todos los iconos aunque sí el texto de “compartir”. ¿Podrías echarle un vistazo o decirme qué puedo hacer? Gracias de antemano!
Muchas gracias amigo, ahora ya lo puse gracias a vos
Hola. Gracias por la información en mi portal funciona pefecto. Ahora tengo una pregunta: ¿será posible cambiar el estilo del botón? Es decir, dejar la misma funcionalidad pero con un botón diseñado por mi. Gracias
Se puede personalizar el botón, para mas información sobre como cambiar el estilo del botón puedes leer la documentación oficial http://www.addthis.com/help/custom-buttons
Hola, he seguido los pasos y sin embargo me da un fallo el código javascript:
Error: g.gn(“body”).item is not a function
Archivo de origen: http://s7.addthis.com/js/250/addthis_widget.js#pubid=...
Línea: 2
¿Alguna manera de solucionarlo?
saves de algo personalizado?
Hola, muy buena la explicación!. Ahora bien, tengo una consulta. Al compartir una nota en FB me aparece el titulo del Site con el titulo de la nota, como hago para que aparezca una previa del texto? como sucede por ejemplo con lo que compartimos de youtube.Desde ya muchas gracias!