Cómo incrustar Twitter en un iframe

Twitter proporciona widgets integrados que inyectan contenido de Twitter en un marco en línea dentro de otra página web a través de un script. El sitio de Twitter bloquea la visualización directa de iframe a través del protocolo seguro de transferencia de hipertexto, que evita que alguien cree un iframe directo en cualquier página de Twitter. En cambio, los widgets de Twitter deben crearse a través de la cuenta de Twitter correspondiente para integrarse en un sitio dentro de un iframe.

Páginas dentro de páginas

Los iframes son una función dentro de HTML que permite a un desarrollador web incrustar contenido de un sitio web o página web dentro de otro. Dentro de HTML, hay otros comandos que se pueden usar para crear marcos que dividen una página web en contenido de carga por separado: la etiqueta iframe crea un marco cerrado. Los widgets de Twitter utilizan la construcción de iframe para mostrar contenido alojado en Twitter dentro de otros sitios web para que parezca como si fuera una página web cohesiva.

Widgets de iframe de Twitter

Los widgets basados ​​en iframe de Twitter son la versión autorizada y controlada del sitio de redes sociales para mostrar su contenido en otros sitios. El propietario de una cuenta puede crear una línea de tiempo de usuario, favoritos, listas y widgets de búsqueda. Los widgets de Twitter se crean utilizando el creador de widgets dentro de una cuenta de usuario de Twitter: puede crear widgets para otras cuentas dentro de su propia cuenta. Twitter generará un código JavaScript que se puede incrustar en otro sitio que proporciona la autenticación para la creación y el contenido del widget. Los propios widgets están personalizados y alojados en el sitio de Twitter.

Creación de widgets de Twitter

Para crear widgets de Twitter, inicie sesión en el sitio de Twitter con su cuenta personal, haga clic en el icono de "engranaje" y seleccione la opción "Configuración". Elija el subtítulo Widgets en el menú del lado izquierdo y haga clic en "Crear nuevo". Elija "Línea de tiempo del usuario", "Favoritos", "Lista" o "Buscar" según el tipo de módulo que desee crear. Para configurar "Cronología del usuario" y "Favoritos", ingrese el nombre de usuario de la cuenta y haga clic en "Crear widget" para generar el código del widget. Para configurar un widget de "Lista", seleccione la lista ya creada que desea utilizar y haga clic en "Crear widget". Para crear un widget de búsqueda, ingrese el hashtag que desea incluir en "Consulta de búsqueda" y haga clic en "Crear widget".

Implementación de widgets de Twitter

Los cuatro tipos de widgets de Twitter generan un código HTML y JavaScript incrustado que puede utilizar para colocar el widget dentro de las páginas web. Para usar el código, cópielo del campo en el sitio de Twitter y péguelo en el código de la página del sitio web. El script autónomo se cargará en la página e inyectará un iframe que contiene el contenido del widget.

Insertar tweets de terceros

Puede generar códigos de inserción para tweets individuales desde cualquier cuenta utilizando la opción "Insertar". Para usar la función de incrustación de tweets, vaya a la página de la línea de tiempo de la cuenta de Twitter y localice el tweet que desea incrustar. Pase el mouse sobre el tweet, haga clic en "Más" y seleccione "Insertar tweet". El sitio muestra un cuadro que contiene el código de inserción, que se puede copiar y pegar en otro sitio para mostrar el tweet.