domingo, 12 de agosto de 2012

jQuery ProQuo: Un plugin para compartir en Twitter

jQuery ProQuo es un plugin que permite convertir cualquier parte de una página web en un contenido "compartible" en Twitter.

Obviamente, requiere el uso de la librería jQuery y el script es bastante pequeño. Para usarlo, basta agregarlo antes de </head> y luego, definir la etiqueta y/o clase a la que se aplicará; por ejemplo, si quiisera que el contenido que de una etiqueta cuya clase es compartir fuera "tweeteable", debería llamar a la función de este modo:
<script>
$(document).ready(function(){
$('.compartir').proQuo();
});
</script>
Y luego, la podría usar en cualquier etiqueta y se agregaría un enlace con el texto Tweet this al final de ella:
<p class="compartir"> ....... cualquier cosa ....... </p>
Algunas opciones extras nos permiten usar el botón clásico de Twitter en lugar de ese texto:
$('.compartir').proQuo({useTwitterButton: true});
agregarle comillas:
$('.compartir').proQuo({ useTwitterButton: true, addCurlyQuotes: true });
establecer el texto a mostrar:
$('.compartir').proQuo({ tweetLabel: 'mi texto' });
o incluso personalizar algunas de las funciones propias de Twitter, detalles estos que se explican en los ejemplos que hay en al página del desarrollador.

Cras at venenatis nisi. Donec sit amet erat augue. In id tellus sed arcu suscipit condimentum. Morbi nunc mauris, aliquet id porttitor eu, mollis ut sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut non iaculis est. Aenean nibh lorem, volutpat a ultricies sit amet, sollicitudin eget risus. Integer quis libero nec sem nullam.

No hay limitaciones en cuanto a la cantidad de tipos definidos así que pueden agregarse varios, cada uno con sus opciones propias:
$('.compartir').proQuo({ useTwitterButton: true });
$('.OTROcompartir').proQuo({ tweetLabel: 'mi texto' });
Y luego, si queremos, bastaría darle algún tipo de formato especial a esas clases para hacerlas evidentes o resaltarlas.

Quisque placerat consequat pellentesque. Curabitur vel nisl eu tellus ornare ultrices. Fusce a tortor tortor. Quisque sed felis enim, in suscipit risus. Nunc porta, ligula et ornare semper, nulla metus interdum lorem, porta feugiat arcu eros ac mauris. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque felis nunc, egestas eu lacinia sit amet, hendrerit ut diam!

No hay comentarios:

Publicar un comentario