Tutorial: Mostrar últimos tweets de una cuenta en tu sitio web.

iorek Seguir

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Ago 2008
Mensajes
5
Bueno pues después de que hace un tiempo ya twitter hizo algunos cambios en su API, a muchos nos dejo de funcionar el script sencillo que se utilizaba para mostrar los ultimos tweets de una cuenta de twitter en algun sitio web.

A mi me ha costado un poco buscar la forma, y como no veo por aquí nada similar, les compartiré el método que yo utilizo, es sencillo en realidad, aunque requiere mas movimiento que como lo hacía antes.

Primero que nada tu host tiene que soportar PHP, y vamos a valernos del oauth de la API de twitter. No voy a explicar a mucho detalle, ya que aquí se trata de lo funcional y no de lo técnico, así que para no complicarlos mucho, les mando los archivos que deben poner en su sitio web:

Ver el archivo adjunto UltimosTweets.rar

Siéntanse libres de revisar a fondo el código para su entendimiento técnico, o por mera seguridad.

Si ponen los archivos tal cual vienen en el rar, directamente en el mismo folder donde se encuentre la página en la que quieren mostrar los tweets, solo tendrán que modificar el archivo getLastTweets.php

En este archivo tendrán que cambiar los siguientes valores:

'**************', // API key
'**************', // API secret
'**************', // Access token
'**************' // Access token secret

Hay que reemplazar los asteriscos por las llaves, que en un momento mas les diré como obtener.

'screen_name' => '************', // Twitter Account
'count' => 2 // Number of Tweets

En 'screen_name' habrá que poner tu cuenta de twitter, así que si eres @forobeta, aqui tendrias que poner forobeta
En 'count' solo tienes que poner el número de tweets que quieres cargar.


Para obtener las llaves solo vamos a ir a la página de desarrolladores de twitter:

https://dev.twitter.com/

Ingresamos con nuestra cuenta de twitter y en la esquina superior derecha, donde se encuentra nuestro usuario, en el menú desplegable seleccionamos "My applications"

twitter1.png

Una vez dentro vamos a crear una nueva aplicación:

twitter2.png

Llenamos los detalles de la aplicación, en website URL y callback URL no importa la URL, ya que no vamos a utilizar funciones que requieran esa información, pero si es requisito ponerla, no olviden ponerle el "http://", el nombre de la aplicación debe ser único, por eso le puse los números al ejemplo.

twitter3.png

Después abajo, aceptamos los términos y le damos en crear aplicación.

twitter4.png

Si todo salió bien ya tendremos nuestra aplicación creada, y debemos entrar a la sección de "API keys"

twitter5.png

Abriendo API keys ya tendremos acceso a las primeras claves que necesitamos, "API key" y "API secret", yo las borré de la imagen por seguridad, procedemos a copiarlas en la parte correspondiente en el archivo getLastTweets.php

Posteriormente le damos en generar las llaves de acceso:

twitter6.png

Después de esto puede ser que no les salgan las llaves a la primera, solo hay que refrescar la página y ya tendremos las últimas llaves:

twitter7.png

Procedemos a copiar las llaves a su respectivo lugar en el archivo getLastTweets.php

Llenamos también los datos en 'screen_name' y en 'count' . La llave que generamos funcionará para cualquier screen_name

PASO FINAL: Después de que ya quede configurado nuestro archivo, solo hay que invocar el archivo js en nuestro html, poniendo las siguientes líneas de código al final, antes de cerrar el body,

HTML:
<script src="lastTweets.js"></script>



Y en el cuerpo del mensaje donde queramos que aparezcan los tweets, ponemos el siguiente código:

HTML:
<ul id="twitter_update_list"><li>&nbsp;</li></ul>

El archivo HTML incluido en el archivo adjunto, solo es de ejemplo, pueden revisarlo y/o borrarlo.


Con ésto doy por concluido el tutorial, para cualquier duda estoy a sus órdenes.

No carga inmediato, toma 1 o 2 segundos mostrar los tweets, pero funciona.. !!

Pueden utilizarlo en el número de páginas que quieran, solo repitiendo el PASO FINAL siempre y cuando la página se encuentre en la misma carpeta que los archivos del rar.

Espero sea de su ayuda.

Saludos :witless:
 

iorek

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Ago 2008
Mensajes
5
Si, pero con ese estas integrando un widget, no es lo mismo a que agregues los tweets como texto, y con el formato de tu sitio web, si solo quieres mostrar los ultimos 2 o 3 tweets y no quieres que este moviendose, ésta es la opción, si nada de eso te interesa puedes insertar el widget.

Checa :: Asesores en Comercio Exterior Rodall Oseguera, S.C. :: al final de la página, para que veas la diferencia.

Saludos
 

diegomvsc2

Dseda
Programador
Verificado por Whatsapp
Desde
31 May 2010
Mensajes
1.053
Quiero agregar que esto además de servir para mostrar los últimos twits también sirve para mas cosas que pueden ver en la API, seguir dejar de seguir obtener info hacer búsquedas etc. porque estamos creando una aplicación.

Saludos!!
 

zonanica

Gamma
Redactor
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
2 Abr 2014
Mensajes
172
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Muy bueno me gusto amigo !!!
 
Arriba