Integración con Twitter

Twitter es sin duda con facebook e instagram los reyes de las redes sociales, en particular nos permite obtener información rapida y consisa de practicamente cualquier tema, las posibilidades de twitter son tan amplias que necesitaremos un curso completo para abarcar la mayoria. Hoy en dia es casi obligatorio integrar twitter a nuestra pagina web para suministrar información de nuestras redes sociales.
¿ Que podemos integrar a nuestra pagina?
Botones de seguimiento, lineas de tiempo, hashtags y pare de contar, aqui por el momento tocaremos solo 2 Botones de seguimiento y lineas de tiempo.
Boton de seguimiento
Lo primero es entra a nuestra cuenta de twitter y luego vamos al siguiente enlace Generar botones Twitter
y elegimos el botón para seguimiento.

Colocamos el usuario que queremos seguir
Luego copiamos el código que genera a nuestra pagina, veamos el ejemplo:

<!DOCTYPE html>
<html>
<style>
     body {
         background-color:black;
         color:white;
     }
</style>
<body>
<h1> Centecpro Valencia </h1>
<h2>Siguenos en twitter</h2>
<a href="https://twitter.com/centecpro" class="twitter-follow-button"
data-show-count="false">Siguenos @centecpro</a>
<script>
!function(d,s,id){
var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
</script>
</body>
</html>
Insertar un Time Line (Línea de Tiempo)
Para insertar una TimeLine necesitamos crear un widget

Pulsamos Crear Widget y seleccionamos Perfil

Escribimos en la siguiente pantalla la dirección que queremos seguir (Perfil, Hashtag, etc)

Luego escogemos la visualización

Copiamos el código y lo incluimos en nuestra pagina

Veamos el ejemplo:
<!DOCTYPE html>
<html>
<style>
     body {
         background-color:black;
         color:white;
     }
</style>
<body>
<h1> Centecpro Valencia </h1>
<h2>Siguenos en twitter</h2>
<a href="https://twitter.com/centecpro" class="twitter-follow-button"
data-show-count="false">Siguenos @centecpro</a>
<script>
!function(d,s,id){
var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
if(!d.getElementById(id)){js=d.createElement(s);
js.id=id;js.src=p+'://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
</script>
<a class="twitter-timeline" href="https://twitter.com/CENTECPRO">Tweets by CENTECPRO</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</body>
</html>