Utilizar el botón oficial de Twitter

En esto días Twitter ha lanzado su botón oficial para compartir páginas de forma sencilla y con opciones interesantes en clara competencia a servicios como retweet.com y tweetmeme.com. El nuevo botón se llama Tweet Button y con dos líneas de código puedes tener el botón para compartir tu contenido en Twitter y con la opción de mostrar la cantidad de tweets hechas a tu contenido.

Utilizar Tweet Button (Básico)

Utilizar Tweet Button, es muy sencillo, solo tienes que agregar dos líneas de código a tu pagina y esto se encargará de tomar el titulo y url de tu página para mostrarlo en la campo para compartir en Twitter.

  1. <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
  2. <a href="http://twitter.com/share" class="twitter-share-button">Tweet</a>

Con el cual obtenemos el siguiente resultado:

Utilizar Tweet Button (Avanzado)

Adicionalmente se pueden personalizar varios parámetros para controlar el contenido del tweet que se enviará, para ello podemos agregar variables al enlace del código anterior. Los parámetros disponibles son:

  • count indica como se mostrará la cantida de tweets (horizontal, vertical, none).
  • lang idioma en el cual se mostrará el botón (en, fr, de, es, ja).
  • url el ruta de la página que deseas compartir.
  • text texto que se mostrará en el tweet.
  • via nombre del usuario de Twitter que se usará como autor.
  • related cuenta de twitter que se recomendará luego de hacer el tweet.

Entonces si elegimos mostrar el botón con la cantidad de tweets en la parte superior del botón y que en el texto se mencione nuestra cuenta de Twitter, tendríamos:

  1. <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
  2. <a href="http://twitter.com/share?count=vertical&via=unijimpe" class="twitter-share-button">Tweet</a>

Con lo que obtendríamos el siguiente resultado:

Para mayor información acerca de estos parámetros pueden leer la documentación oficial para desarrolladores en Tweet Button | Developer documentation for the Sharing API.

Utilizar Generador de Tweet Button

Twitter ha creado un generados de botones, el cual te guía para configurar los diferentes parámetros del botón, al final de este proceso te mostrará el código para copiarlo y pegarlo en tu web.

Mas Información

No existen Comentarios.

Comentar

En este blog los comentarios están moderados, serán mostrados cuando el administrador los apruebe. Por favor, evita comentarios ofensivos u obscenos por que no serán aprobados.
Si deseas publicar código fuente debes hacerlo entre las etiquedas <code> y </code>, además debes reemplazar los carácteres < por &lt; y > por &gt;.

(Requerido)

(Requerido, no será publicado)

(Requerido)

(Tags aceptados: <a> <em> <strong> <code> <ul> <li>)