17.11.10

Personalizar el botón "share" de Twitter

Dejo acá un ejemplo de como personalicé el boton "compartir en Twitter" que aparece en  los articulos de un sitio Joomla! :



Código:
<div id="custom-tweet-button">
            <a href="http://twitter.com/share?
                 text
=<?php echo rawurlencode($this->article->title);?>&amp;
                 via
=usuariotwitter" target="_blank">
                 <img src="http://a4.twimg.com/images/favicon.gif" alt="" border="0" />
            </a>

 </div>
 <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
Explicando un poco: el atributo "href" del botón apunta a twitter/share que se encarga de pasar la URL del articulo a nuestro twitt, y si se le pasan variables como "text" y "via" en este ejemplo los agrega al mismo.
La variabla "text" nos permite crear el texto que acompaña el enlace, osea, como cuando escribimos nuestro texto en un nuevo twitt, y al pasarlo por URL es necesario codificarlo con rawurlencode() que convierte los caracteres especiales. Luego le indico que haga referencia a un usuario mediante la variable "via".


Ver más opciones en dev.twitter.com

No hay comentarios. :

Publicar un comentario

Sentite libre de comentar, criticar y/o aportar tu granito en este (proyecto de..) mar de conocimiento ;)