Cómo obtener los «trend topics» de Twitter usando jQuery

En un artículo anterior expliqué cómo utilizar el API de twitter para obtener los resultados de una búsqueda de una palabra clave (keyword). En esta ocasión he modificado el sencillo script de aquel artículo para realizar una consulta diferente al API de twitter… obtener los 10 «trend topics».

Decidí realizar esta modificación porque el tema está en boga y he visto inclusive programas o servicios en el Web para realizar esta tarea. Uno de ellos es http://trendsmap.com, el cual incluso muestra los «trend topics» por ubicación geográfica.

Esto último es posible debido a que el API de twitter nos permite obtener «trend topics» por ubicación geográfica. En nuestro caso haremos una búsqueda global y eso es lo que significa el número 1 en el URL del API de twitter que verán en el siguiente script.

En esta ocasión no explicaré el script debido a que es muy similar al anterior. A continuación lo copio.


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Listado de los 10 trend topics
<div id="twbox"><ul></ul></div>
<script type='text/javascript'>
  var varSal = "";
  function leerEntradas(jsonptrends) {
		$.each(jsonptrends[0].trends, function(key, val) {
			 varSal += "<li>"+val.name+"</li>";
		});
    $("#twbox ul").html(varSal);
  }
</script>
<script  src="https://api.twitter.com/1/trends/1.json?callback=leerEntradas"></script>

Como siempre he tratado de ser minimalista para propósitos didácticos… al final los dejo con una imagen de ejemplo de la salida. Espero les sirva!

twitter trend topics

twitter trend topics

Deja un comentario