Últimos tweets: con y sin jQuery – Hipotecario ~ CosasParaMiBlogs

Desde Junio de 2013 Twitter ha dejado de dar soporte a la versión 1 de su API que es la que usa este gadget, así que ya no funciona. Si sigues necesitando publicar tus últimos tweets de manera personalizada, aquí tienesotro sistema.

Hace ya unas semanas que vimos un método para publicar el último tweet de determinada cuenta, pero me pareció un código algo farragoso y demasiado largo para lo que se pretendía así que me puse a buscar otras maneras y encontré estas dos.

La primera es la más breve pero sólo muestra un único tuit y los links que pueda incluir el mensaje no estarán operativos. Además necesita jQuery.

La segunda es un pelín más larga de código pero con ella podremos resolver los problemas anteriores si lo fueran para alguien.

Último tweet con jQuery

El que este sistema requiera jQuery realmente es secundario porque ya muchos lo usais, pero hay que tener en cuenta que si no es así habrá que añadir previamente esa librería a la plantilla para poder usar esto. Esto normalmente irá antes de/head:

script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/script

Luego simplemente hay que añadir este código en el lugar dónde se quiera mostrar el tweet. En un gadget HTML/JavaScript, por ejemplo:

div id="tweet"/div
script$.getJSON("https://api.twitter.com/1/statuses/user_timeline/USUARIO.json?count=1&include_rts=1&callback=?", function(data) {
$("#tweet").html(data[0].text);
});/script

El último graznido de @oloman fue:

Lo único que habría que cambiar esUSUARIO, poniendo ahí el usuario de Twitter. Ese 1 en&include_rts=1 indica que se incluirán los RT hechos por el usuario, así que si no queréis que se vean sólo hay que pasar el valor a 0.

Como siempre, con CSS podemos personalizar un poco el resultado:

div id="ultimotweet"
div id="tweet"/div
/div

style
#ultimotweet {width:400px; height:315px; margin:0 auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinDzRGOwrGG37F16WjaFENGZI0EZsHHIct1vtj1JMzYNZdEkeZtpwPx9OaSP2sa4T__ajVkxrJwNH44hIaiLqc-6XTLLRgjVLItx4rFIkM5EzEpc8baH4Yuh-pIgKKbR6j1LsCQq0lBZo/s400/mario.jpg);}
#tweet {padding: 40px 50px 0px 20px; font-size: 12px; font-weight:bold;}/style

Uno o varios tweets sin jQuery

Si no queremos usar la conocida librería JavaScript y necesitamos algunas funcionalidades más, este otro sistema seguro que cumplirá vuestras expectativas.

También leemos los datos desde JSON, pero en este caso apoyándonos en otra librería que facilita Twitter (blogger.js). Los resultados serán mostrados en una lista que en este caso tendrán laid="twitter_update_list".

ul id="twitter_update_list"/ul
script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"/script
script src="http://api.twitter.com/1/statuses/user_timeline.json?screen_name=USUARIO&include_rts=1&exclude_replies=true&callback=twitterCallback2&count=10" type="text/javascript"/script

El resultado sin estilo sería este:

Como habréis podido observar, si el tweet tiene algún enlace este aparece activado. Adicionalmente se muestra la fecha al final de cada uno.

También habréis visto que hay en el código unos cuantos parámetros que nos permiten configurar la salida. Aparte del anteriormente mencionadoinclude_rts están estos:

exclude_replies: false o true para indicar respectivamente si se incluirán en la lista las respuestas con mención o no.
count: con un valor para especificar el número de tweets a mostrar

Como ya se ha nombrado el selector que controla la lista, supongo que no os será difícil darle estilo una vez generada. Por si acaso, la estructura de salida será esta:

ul id="twitter_update_list"
li
span
CONTENIDO DEL TWEET
/span
a style="font-size:85%" href="URL_DEL_TWEET"
FECHA/a
/li
ul

Si queréis mostrar los graznidos deuna lista en lugar de los de un usuario concreto, la dirección y parámetros delsrc cambian un poco.

Así, en lugar de

http://api.twitter.com/1/statuses/user_timeline.json?screen_name=USUARIO&include_rts=1&exclude_replies=true&callback=twitterCallback2&count=10

... la dirección tendría el formato...

http://api.twitter.com/1/bubuku/lists/NOMBRE_LISTA/statuses.json?callback=twitterCallback2&per_page=5

Más información en laAPI de Twitter.

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet Mundial Football Mesothelioma law firm,mega life and health FIFA World Cup es un buen servicio en las distintas naciones trans union pero resulto que tenia cancer y fui a asbestos cancer y me dijeron en asbestos mesothelioma que tambien padecia de prostate cancer treatment y un daño tremendo a mi organismo fui a malignant pleural mesothelioma,asi que hice un prestamo en credit repair y otro en chase credit pero de pronto un anti spam software asi que decido un auto en rental car in costa rica me registre en Facebook en internet domain registration y tambien obtuve un domain registration,Selling annuity payments for cash,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity