Twitter widget: aprende a insertar tuits en tu web
Quien navega hoy en día por Internet, seguramente se siente abrumado por la avalancha de información a la que está expuesto. Como consecuencia, agrupar las impresiones recibidas es cada vez más y más difícil. Saltar de un portal de noticias a otro, de Twitter a Facebook o de Instagram a Pinterest es ahora parte de la rutina diaria e incluso así, se sigue teniendo la sensación de no ser capaz de digerir toda la información relevante. Un remedio para ello son los llamados feeds (del inglés to feed: “alimentar”), un archivo único donde se reúnen las diferentes fuentes de noticias.
Los principales usuarios de este tipo de “compilación de información” son los más jóvenes, para quienes resulta muy atractivo reducir al mínimo el tiempo de búsqueda. Quien crea el feed es el encargado de decidir las fuentes de información que quiere incluir en él y, en ello, las redes sociales juegan un papel cada vez más importante. Los blogueros y administradores de páginas web también se benefician de esta posibilidad, pues pueden presentar contenidos al público directamente mediante un feed, ya sea porque han sido creados por ellos o por otros usuarios.
Tu feed de Twitter: el complemento perfecto para tu página web
Actores, deportistas, empresas, portales de noticias o partidos políticos: desde hace unos años, fans, miembros y clientes se enteran de la información más reciente leyendo tuits. Así, si quieres ser tema de conversación, no puedes prescindir de una cuenta propia en Twitter. Además, siempre puedes ir más allá e integrar los contenidos de Twitter en tu página web, en tu propio blog o en tu tienda online.
Para integrar el feed de Twitter, también conocido como timeline (línea de tiempo), el servicio de microblogging ofrece la posibilidad de crear widgets. Esto quiere decir que se generan códigos específicos que pueden ser integrados en el lugar deseado, comúnmente en la barra lateral, dentro del documento HTML. Dependiendo del objetivo que persigas con tus tuits, podrás optar por alguno de los siguientes filtros personalizados:
- “Cronología de usuarios”: muestra tuits y retuits de usuarios de Twitter seleccionados
- “Me gusta”: muestra todos los “me gusta” de los usuarios seleccionados en Twitter
- “Lista”: muestra todos los tuits públicos y retuits de la lista propia o suscrita de Twitter
- “Buscar”: muestra los resultados de búsquedas personalizadas como hashtags (#IONOS), los URL (ionos.es), los retuits de ciertos tuiteros (a:IONOS) o menciones a usuarios (@IONOS)
- “Colección”: muestra los tuits que forman parte de una colección creada mediante TweetDeck.
Cómo generar un Twitter widget paso a paso
Si deseas conectar Twitter con tu página web para mostrar tus tuits o las contribuciones de otras personas, necesitas, antes que nada, una cuenta de Twitter. En caso de que todavía no tengas una, tendrás que crearla en el siguiente enlace, introduciendo un nombre de usuario, dirección de correo electrónico o número de teléfono y una contraseña personal. A continuación, iniciarás sesión automáticamente y podrás comenzar con la creación de tu widget.
1. En la barra superior del menú de tu perfil, selecciona la opción “Configuración”.
2. En la barra lateral, selecciona “Widgets” y luego haz clic en “Crear nuevo.
3. Ahora tendrás acceso al configurador de widgets, donde encontrarás las cinco opciones para elegir el tipo de feed que quieres crear: “cronología de usuario”, “me gusta”, “lista”, “buscar” o “colección”.
4. El siguiente paso es configurar el feed según tus necesidades, allí encontrarás las siguientes opciones de configuración:
- Excluir respuestas: bloquea la función para comentar (solo es posible para usuarios de la línea del tiempo)
- Mostrar solo tweets destacados: solo muestra los mensajes clasificados como Top Tweets (solo en la opción “Buscar”)
- Modo de búsqueda segura: añade filtros para contenido obsceno o sensible ( solo en la opción “Buscar”)
- Altura: define la altura del feed box (estándar 600px; mínimo 200px)
- Plantilla: establece el color de fondo (claro: blanco; oscuro: negro)
- Color del enlace: modifica el color de los enlaces (por defecto: azul)
- Elegir no personalizar Twitter: bloquea la visualización de mensajes automáticamente a través de Twitter por informaciones almacenadas sobre ti
5. Una vez hayas configurado el widget, deberás hacer clic en “Crear widget” y, a continuación, aparecerá el fragmento de código personalizado para que lo insertes, simplemente copiándolo y pegándolo en el HTML de tu página web.
6. Una vez hayas insertado tu feed de Twitter en tu página web, podrás modificarlo en cualquier momento, ya sea directamente desde tu configuración de cuenta o, en inglés, en el área de documentación de desarrolladores de Twitter.
Implementa Twitter widget y aumenta el alcance de tus contenidos
Quien tenga su propio blog, quiera presentar su empresa en Internet o mostrarle a sus visitantes noticias de todo el mundo, lo más probable es que también sea muy activo dentro de las redes sociales. Cuanto mejor conectadas estén dichas plataformas con la propia página web, más fácil será impulsar otros componentes individuales. Integrar tu feed de Twitter te ayudará a aumentar la visibilidad de tu web o blog, así como de tu propia cuenta de Twitter.
Cuando incorporas contribuciones de otros usuarios en tu propia web, estás proporcionando a tus visitantes una oferta de contenido adicional, de forma que, no solo pueden leer tu feed de Twitter, sino que pueden empezar a seguirte, responder o compartirlo. A diferencia de los menos complejos botones de redes sociales, con un Twitter widget estarás asegurando que el usuario pase más tiempo en tu web que en la red social vinculada. Todo lo que necesitas es contar con un feed lleno de contenidos relevantes y que se ajusten a la temática de tu proyecto web.
Artículos similares
El chat en línea como medio de asistencia técnica
Junto a la asistencia por correo electrónico y por teléfono, los chats en línea se han convertido en la oferta de soporte técnico más común. Con ayuda de un software específico y de un código online puedes vincular la herramienta en tiempo real con tu proyecto para ofrecer a tus clientes una posibilidad adicional de contacto. ¿En qué medida merecen la pena estos servicios de asistencia por chat?
Cómo integrar una icon font en un documento HTML
En general, los iconos se integran en HTML por medio de clases CSS y este principio puede visualizarse en una de las fuentes de icon fonts más utilizadas, es decir, Font Awesome. Esta contiene más de 600 pictogramas vectoriales y está concebida como una fuente de código abierto que llama la atención por su manejo sencillo y por las actualizaciones regulares. El pack de instalación contiene un…
Conceptos básicos: definición de web app y ejemplos
Tan variados son los tipos de aplicaciones que existen como los usos a los que estas se destinan. Además de las desarrolladas para sistemas operativos especiales y que, en su mayoría, se usan en dispositivos móviles, también existe una gran oferta de web apps. ¿Qué significan exactamente?, y ¿en qué se diferencian de las aplicaciones clásicas o de las páginas web convencionales?
Video hosting: los mejores servidores de vídeos gratuitos y de pago
Los vídeos incrustados en una página web influyen considerablemente en el ancho de banda y por tanto en el rendimiento del servidor. Para aliviar la carga del servidor, es conveniente recurrir a una plataforma para compartir vídeos. La diversidad de las funciones varía considerablemente entre proveedores gratuitos y de pago. Te presentamos las mejores opciones de video hosting.
