¿Cómo podemos crear un widget de Twitter para tu página web o blog? Aquí te lo decimos!

crear un widget de Twitter para tu página web o blog

El día de hoy les traemos una herramienta que puede convertir las visitas de tu sitio web o blog en "nuevos seguidores", "retwitts" y "me gusta". Hablamos de un 'widget' de Twitter que permite que las personas que visitan tu web descubran tu perfil y el contenido que compartes en esta red social. Tienes la posibilidad de insertar "un twit", "tu feed" o "timeline" en tiempo real, agregar botones de seguir o de mención, así como brindar información sobre un 'hashtag' de interés o una lista, entre otras opciones. En este artículo, te explicamos cómo generar un 'widget' de Twitter para tu blog o página web. ¡Manos a la obra!

Como acceder a la plataforma para crear widgets de twitter


Anteriormente, la creación de 'widgets' se gestionaba desde la configuración de tu cuenta de Twitter. Actualmente, la red social ofrece una herramienta más flexible y solo necesitas ingresar a publish.twitter.com

Elige un tipo de contenido para tu widget de twitter


En el campo "Enter a Twitter URL" ingresa una URL de Twitter, haz clic en la flecha hacia abajo para ver las opciones disponibles y su apariencia. Puedes insertar, por ejemplo, un twit específico, la cronología o timeline de tu perfil, los botones de seguir o de mención, una lista, un momento o un hashtag, entre otros:


Cómo crear un widget de Twitter para tu página o blog

Introduce el enlace del contenido que deseas mostrar en tu página web o blog en el campo "Enter a Twitter URL". Si deseas agregar la cronología de tu perfil, solo copia y pega la URL del mismo y presiona la tecla Enter o haz clic en la flecha hacia la derecha para continuar.

Como crear un widget de Twitter para tu página o blog

  • Nota: Aunque no es posible insertar tu "timeline" o un botón de "sigueme" o "me gusta" desde tu cuenta de twitter, si puedes insertar un twit directamente desde la publicación, sólo debes ir a tu cuenta y hacer clic en los tres puntos [...] de la esquina superior derecha > y clickear en la opción "Tweet insertado". Este te redireccionará a publish.twitter.com. 👇

Como crear un widget de Twitter para tu página o blog

Enseguida, selecciona alguna de las opciones de visualización que te ofrece la plataforma (haciendo click en "set customization options"):

Te quedara como este dependiendo como lo hayas customizado 👇 



Personaliza el aspecto de tu widget de twitter


opciones de visualización que te ofrece la plataforma (estas no aparecerán para un twit específico):

  • "Embedded timeline": obtén una vista previa de los twits de tu cuenta de Twitter (cronología).
  • "Twitter buttons": selecciona el botón de seguir (Follow Button) o de mención (Mention Button) según tus preferencias.


Como ya les he dicho mas arriba, antes de copiar el código HTML, puedes personalizar la apariencia de tu 'widget' pulsando en "set customization options" (configurar opciones de personalización).

Como crear un widget de Twitter

  • Twit específico: selecciona un tema (claro u oscuro) el idioma de la fecha y los enunciados. Es posible ocultar el twit original si se trata de una respuesta a otro twit, al seleccionar "Hide conversation" (ocultar conversación). Luego, haz clic en Update.
Como crear un widget de Twitter para tu página o blog
  • Cronología o timeline ("embedded timeline"): modifica el tamaño en píxeles (alto y ancho), el tema (claro u oscuro) y el idioma de los enunciados de Twitter. En la parte inferior tendrás una vista previa con las modificaciones aplicadas. Cuando estés a gusto con los cambios, pulsa en Update. El conjunto de twits mostrados evolucionará en función de los nuevos twits de tu feed en tiempo real.

Como crear un widget de Twitter para tu página o blog

  • Botones: si vas a agregar un botón de seguir (Follow Button), puedes ocultar el nombre de usuario marcando la casilla "Hide username", aumentar el tamaño del botón seleccionando Large button y cambiar el idioma de la palabra "seguir" en el menú desplegable. Al terminar, haz clic en Update.
Como crear un widget de Twitter para tu página o blog

Si eliges un botón de mención (Mention Button), es posible incluir un texto predeterminado para el twit, recomendar otras cuentas, aumentar el tamaño del botón marcando la casilla Large button y modificar el idioma. Finaliza, haciendo clic en Update.


Copia el código de tu widget de twitter


Enseguida, obtendrás el código HTML de tu 'widget' personalizado, ¡Y listo ya puedes copiarlo haciendo clic en "Copy code", y pegarlo en el código de tu sitio web o blog!



Share on Google Plus

0 Comments:

Publicar un comentario

Déjanos un comentario...