Como incorporar o Twitter em um iframe

O Twitter fornece widgets integrados que injetam conteúdo do Twitter em um quadro embutido em outra página da Web por meio de um script. O site do Twitter bloqueia a exibição direta de iframe por meio do protocolo de transferência de hipertexto seguro, o que impede que alguém crie um iframe direto para qualquer página do Twitter. Em vez disso, os widgets do Twitter precisam ser criados por meio da conta do Twitter correspondente para serem incorporados em um site dentro de um iframe.

Páginas dentro das páginas

Iframes são um recurso do HTML que permite que um desenvolvedor da Web incorpore conteúdo de um site ou página da Web em outro. No HTML, existem outros comandos que podem ser usados ​​para criar quadros que dividem uma página da Web em conteúdo de carregamento separado: a tag iframe cria um quadro fechado. Os widgets do Twitter usam a construção iframe para exibir o conteúdo que está hospedado no Twitter em outros sites para aparecer como se fosse uma página da Web coesa.

Widgets Iframe do Twitter

Os widgets baseados em iframe do Twitter são a versão autorizada e controlada do site de mídia social para exibir seu conteúdo em outros sites. O proprietário da conta pode criar a linha do tempo, favoritos, lista e widgets de pesquisa do usuário. Os widgets do Twitter são criados usando o criador do widget em uma conta de usuário do Twitter: você pode criar widgets para outras contas dentro de sua própria conta. O Twitter irá gerar um código JavaScript que pode ser incorporado em outro site que fornece a autenticação para a criação e conteúdo do widget. Os próprios widgets são personalizados e hospedados no site do Twitter.

Criação de widgets do Twitter

Para criar widgets do Twitter, faça login no site do Twitter com sua conta pessoal, clique no ícone de "engrenagem" e selecione a opção "Configurações". Escolha o subtítulo Widgets no menu do lado esquerdo e clique em "Criar novo". Escolha "Linha do tempo do usuário", "Favoritos", "Lista" ou "Pesquisar" dependendo do tipo de módulo que deseja criar. Para configurar "Linha do tempo do usuário" e "Favoritos", insira o nome de usuário da conta e clique em "Criar widget" para gerar o código do widget. Para configurar um widget de "Lista", selecione a lista já criada que deseja usar e clique em "Criar widget". Para criar um widget de pesquisa, digite a hashtag que deseja listar em "Consulta de pesquisa" e clique em "Criar widget".

Implementando Widgets do Twitter

Todos os quatro tipos de widget do Twitter geram um código HTML e JavaScript incorporado que você pode usar para colocar o widget nas páginas da web. Para usar o código, copie-o do campo do site do Twitter e cole no código da página do site. O script independente será carregado na página e injetará um iframe que contém o conteúdo do widget.

Incorporar tweets de terceiros

Você pode gerar códigos de incorporação para tweets individuais de qualquer conta usando a opção "Incorporar". Para usar o recurso de incorporação de tweet, vá para a página da linha do tempo da conta do Twitter e localize o tweet que deseja incorporar. Passe o mouse sobre o tweet, clique em "Mais" e selecione "Incorporar Tweet". O site exibe uma caixa contendo o código de incorporação, que pode ser copiado e colado em outro site para exibir o tweet.