Cómo conseguir, crear y utilizar el widget de Twitter para tu web o blog

09-08-2013 - Andrés Cruz

Cómo conseguir, crear y utilizar el widget de Twitter para tu web o blog In english

Este material forma parte de mi curso y libro completo; puedes adquirirlos desde el apartado de libros y/o cursos.

Hoy en día en la web tenemos toneladas de información y páginas que revisar, noticias de política, películas, tecnologías, del ámbito profesional y otras cosas más personales, todo esto hace que tengamos que ir a navegando de una web a otra, de un portal a otro, de un blog a otro; por ello las principales redes sociales, microblogging o cualquier cosa que se asemeje a un depósito de información desarrollaron formas en las que reunimos toda esta información y que la podemos mostrar fácilmente en nuestra web o blog.

Las redes sociales han tenido una importancia fundamental en los últimos años y todo indica que será de esta forma hasta que inventen algo más y es que es muy fácil organizar una temática a las cuales otras personas puedan sacar provecho y que podemos compartir toda esta información de manera directa y gratuita; en esta entrada El widget de Twitter nos permite incluir en nuestra web una barra que mostrará mediante un script de JavaScript nuestros últimos Tweets; esta es una de las mejores formas de promocionar nuestra cuenta de Twitter en nuestro sitio.

Si tus últimos Tweets poseen imágenes o videos integrados; estos tambien se mostraran.

Tu feed de Twitter en tu página web: Conseguir el widget de Twitter

Ingresado en tu cuenta de Twitter y haz clic sobre el icono de la imagen de tu perfil y luego sobre la opción "configuración":

configuración Twitter

Selecciona la opción "Widgets".

widgets twitter

Y ahora clic en el botón "Crear nuevo".

crear nuevo

Finalmente, nos mostrará un formulario; desde el cual podemos personalizar varios aspectos del mismo, entre los más importantes:

  • El nombre de usuario (1).
  • Altura del widgets (2).
  • Color de la plantilla claro/oscuro (3).
  • Color del enlace (4).
crear widget

Luego de que lo personalices, presionamos el botón "Crear widget" y copiamos el código que nos genera en nuestra web.

Personalizar el widget de Twitter

Todas las opciones de personalización se deben establecerse como atributos dentro de la etiqueta <a>.

  • data-theme: permite establecer el tema del widget, "dark" o "light".
  • data-link-color: permite establecer el color de los link.
  • width: permite establecer el ancho del widget.
  • height: permite establecer el alto del widget.
  • border-color: permite cambiar el color de los bordes que separan los Tweets.
  • data-tweet-limit: permite establecer el número máximo de Tweets que se muestran en el widget.
  • data-chrome: este atributo nos permite personalizar la forma del widgets:
    • noborders: elimina los bordes separatorios entre los Tweets.
    • noscrollbar: oculta la barra de scroll.
    • nofooter: evita que se muestre una área para enviar Tweets.
    • noheader: oculta la cabecera del widget.
    • transparent: elimina el color de fondo del widget.

Recuerda revisar bien cada pestaña y cada sección que en todas partes podemos personalizar la experiencia así como las características del plugin para que funcione y luzca como tu decidas, aspectos como el color, altura color de los enlaces, cantidad de tweets, si quieres que se visualicen las fotos así como los cajetines para rellenar los Me gusta, listas, búsquedas, todo esto permite una personalización en una buena medida; para más información ve a la documentación oficial:

Twitter Timelines

Características del widget de Twitter

El widget de Twitter no solo sirve para mostrar el TimeLine o lo que es lo mismo los últimos tweets publicados, retweets, comentarios, etc; tambien podras agregar alguno de los siguientes filtros personalizados:

  • Me gusta: muestra todos los “me gusta” antes favoritos de los usuarios en Twitter
  • Lista: muestra todos los tweets públicos de listas propias o suscritas de Twitter
  • Cronología de usuarios: En donde puedes mostrar los tweets y retweets de usuarios de Twitter.
  • Buscar: Puedes mostrar resultados de búsquedas personalizadas con hashtags, menciones, etc

Conclusiones

A diferencia de los botones sociales, los widgets proporcionan un verdadero canal para que tus visitantes visualicen contenido adicional de una manera fácil sencilla y efectiva.

Quien tenga su propio Blog o alguna web que intente generar un servicio es una medida casi obligatoria mostrar su presencia en la web, que sea conocido, de confianza, que tenga trayectori y todo esto lo puedes ver reflejados en las redes sociales, ya que allí ves cuántos usuarios consta la comunidad, comentarios, cuanto tiempo tiene en la sector entre mucha más información que puedes obtener de los medios sociales como Twitter, Facebook, entre otros y todo esto lo podemos reflejar fácilmente en nuestra web mediante estes widgets.


Andrés Cruz
Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter

Andrés Cruz en Udemy

Acepto recibir anuncios de interes sobre este Blog.

Conozca nuestros cursos sobre Laravel, CodeIgniter, Flutter, Electron, Django, Flask y muchos más!

Ver los cursos
¡Hazte afiliado en Gumroad!

!Cursos desde!

4$

En Academia

Ver los cursos

!Libros desde!

1$

Ver los libros
!Web Alojada en Hostinger!