Como Incorporar um Feed do Twitter em HTML (Guia Passo a Passo 2026)

Se você quer incorporar um feed do Twitter em HTML, o método oficial é simples: copie o código, cole-o na sua página HTML e está pronto. Mas isso é apenas metade da história.

A maioria dos sites precisa de um widget do Twitter responsivo e ao vivo que seja marcado, carregue rapidamente e seja controlável. Portanto, precisamos fazer melhor do que apenas copiar o snippet.

Aqui, mostro o método HTML exato para incorporar um feed do Twitter, explico as limitações do mundo real e depois o guio por uma forma mais escalável de fazê-lo usando EmbedSocial.

Primeiro, começaremos com a abordagem nativa.

A forma oficial de incorporar um feed do Twitter em HTML

O Twitter (X) fornece uma ferramenta web chamada Twitter Publish que gera código de incorporação para posts, perfis, hashtags e cronogramas. Aqui está o processo:

1. Acesse publish.twitter.com
2. Cole a URL do seu perfil no Twitter
3. Escolha “Timeline Incorporada”
4. Copie o snippet HTML gerado

1. Acesse o site do Twitter Publish

Abra https://publish.twitter.com no seu navegador. Esta é a ferramenta oficial do Twitter para gerar código de incorporação, sem necessidade de chaves de API ou configuração de desenvolvedor:

2. Cole a URL do seu perfil no Twitter

Copie sua URL pública do Twitter (por exemplo, https://twitter.com/seuusuario) e cole-a no campo de entrada. Certifique-se de que a conta é pública, caso contrário, o feed não será gerado:

3. Escolha “Timeline Incorporada”

Selecione “Timeline Incorporada” para criar um feed de timeline do Twitter ao vivo e com atualização automática. Esta opção garante que novos posts apareçam automaticamente no seu site:

4. Copie o snippet HTML gerado

Clique em ‘Copiar Código’ e cole o código HTML fornecido na página onde você deseja que o feed seja exibido. O script incluído renderizará a timeline automaticamente:

O código será semelhante a isto:

<a class="twitter-timeline" href="https://twitter.com/seuusuario">
Tweets by seuusuario
</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Nota: Você só pode incorporar conteúdo público do Twitter através do método acima. Portanto, posts de contas protegidas não são compatíveis com este método.

Incorporar um único tweet versus uma timeline completa do Twitter

Há uma grande diferença entre incorporar um tweet e incorporar um feed ao vivo.

Se você incorporar um único tweet, está adicionando uma referência estática. Funciona bem em postagens de blog, estudos de caso ou anúncios de produtos onde o contexto é importante.

Por outro lado, se você incorporar uma timeline completa do Twitter, está criando uma seção dinâmica do seu site que se atualiza automaticamente conforme você posta.

Para a maioria das empresas, uma timeline completa é mais poderosa porque mantém a página fresca sem atualizações manuais. Mas também introduz mais considerações de design e desempenho.

Como incorporar um feed do Twitter em um site usando HTML bruto

O código de incorporação principal não muda entre plataformas. O que muda é como seu CMS lida com scripts. Em um site HTML estático, você simplesmente cola o código no arquivo da sua página:

• No WordPress, você usa um bloco HTML personalizado.
• No Webflow, você adiciona um elemento de Incorporação.
• No Shopify, você o coloca dentro de uma seção personalizada ou arquivo de tema.

Onde as pessoas frequentemente travam, algo que vi repetidamente em fóruns de desenvolvedor, é a remoção de script. Alguns construtores removem automaticamente as tags