12Oct 2012 3 Comments */?>

Twitter API , como incluir últimos tweets con javascript

Categorías: Twitter - Tags:

Desde hace un tiempo Twitter está realizando cambios en la API. Hasta hace poco la siguiente url funcionaba correctamente : http://twitter.com/statuses/user_timeline/chifliiiii.json?callback=twitterCallback2&count=2 en la página de un cliente y hoy me ha llamado diciendo que no mostraba más tweets.

Es por que hace un tiempo que dejo de funcionar y en cambio devuelve:

twittercallback({"errors":[{"message":"Sorry, that page does not exist","code":34}]});

Es por ello que hay que cambiar la url del script a la nueva API.

Aprovecho y les dejo el script entero que utilizo en dicha web para mostrar los tweets con fecha relativa y todo. Está en ingles pero no es muy difícil de traducir. Saludos!

<script type="text/javascript">
function twitterCallback2(twitters) {
  var statusHTML = [];
  for (var i=0; i<twitters.length; i++){
    var username = twitters[i].user.screen_name;
    var url = twitters[i].text.match(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
      
      return '<a href="'+url+'">'+url+'</a>';
    });
    var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
    
      return '';
    });

    statusHTML.push('<li><div class="moduleItemIntrotext"><div><span class="moduleItemDateCreated">From Twitter '+relative_time(twitters[i].created_at)+'</span></div><a style="font-size:85%;"  href="http://twitter.com/'+username+'/statuses/'+twitters[i].id_str+'" class="more twitter_hover">'+status+' </a><a href="'+url+'" class="more tco">'+url+'</a></li>');
  }
  var prevtext = document.getElementById('twitter_update_list').innerHTML;
  document.getElementById('twitter_update_list').innerHTML = prevtext + statusHTML.join('');
}

function relative_time(time_value) {
  var values = time_value.split(" ");
  time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
  var parsed_date = Date.parse(time_value);
  var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
  var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
  delta = delta + (relative_to.getTimezoneOffset() * 60);

  if (delta < 60) {
    return 'less than a minute ago';
  } else if(delta < 120) {
    return 'about a minute ago';
  } else if(delta < (60*60)) {
    return (parseInt(delta / 60)).toString() + ' minutes ago';
  } else if(delta < (120*60)) {
    return 'about an hour ago';
  } else if(delta < (24*60*60)) {
    return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
  } else if(delta < (48*60*60)) {
    return '1 day ago';
  } else {
    return (parseInt(delta / 86400)).toString() + ' days ago';
  }
}

</script>
<script type="text/javascript" src="https://api.twitter.com/1/statuses/user_timeline.json?screen_name=chifliiiii&callback=twitterCallback2&count=2" ?></script>

Saludos

Damián Logghe

Programador freelancer y emprendedor en sueños. Contento de ser mi jefe y poder hacer lo que me gusta. WordPress es mi principal fuente de ingreso y me escribo tanto para ayudar como para tener una guia de memoria. Quieres contratarme? Déjame un mensaje.

More Posts - Website

Follow Me:
TwitterFacebookLinkedInGoogle Plus

  • Harold Villalobos

    Muchas Gracias por el Aporte Amigo, fue de Gran Ayuda

  • Muy buen aporte…
    Saludos.

  • Muy buen aporte, estoy interiorizandome con #WordPress