NovoApresentamos Filter your feed by source, just ask the AI
Blog Social Media Feeds

Como Incorporar Feed do Twitter ou Timeline do X em Seu Site?

Um tutorial detalhado sobre como gerar posts do Twitter e mostrar tweets em seu site.

Nikola Bojkov
View as Markdown
Como Incorporar Feed do Twitter ou Timeline do X em Seu Site?

Nikola Bojkov

EmbedSocial Team

{ “@context”: “http://schema.org”, “@type”: “Product”, “name”: “Embed Social”, “aggregateRating”: { “@type”: “AggregateRating”, “ratingValue”: “5”, “reviewCount”: “32” } }

Toda marca deveria querer incorporar feed do Twitter em påginas de site (atualmente conhecido como X) para aumentar o engajamento do utilizador e promover sua presença online.

AlĂ©m disso, incorporar seu feed do Twitter (ou timeline do X) em seu site Ă© uma maneira simples de manter o conteĂșdo fresco, construir confiança e impulsionar mais interação.

EntĂŁo, vocĂȘ vĂȘ, adicionando feed do Twitter Ă s pĂĄginas do seu site, vocĂȘ começarĂĄ a ser mais competitivo no mundo digital de hoje, independentemente do mĂ©todo que usar para isso.

Felizmente, faço uma anålise completa do processo de incorporação de timeline do Twitter através das ferramentas nativas da plataforma, bem como de outros plugins de widget de terceiros (e melhores) como EmbedSocial.

Marcas, criadores e empresas, assistam este vĂ­deo e continue lendo:

Melhor método: Incorporar feed do X em seu site através de widgets de terceiros!

De longe, o método mais fåcil e råpido para incorporar timeline do Twitter, hashtags, mençÔes e palavras-chave é usar um agregador de redes sociais de terceiros projetado para esse fim.

Por exemplo, o EmbedSocial tem uma ferramenta sem cĂłdigo que pode coletar TUDO do seu conteĂșdo do X (Twitter) e exibi-lo em widgets personalizĂĄveis do Twitter em qualquer lugar que desejar.

No entanto, antes de prosseguir, vocĂȘ deve criar sua conta EmbedSocial. Depois, vocĂȘ pode prosseguir com as seguintes etapas para incorporar sua timeline do Twitter:

  1. Descreva seu widget do site X (Twitter)
  2. Conecte sua fonte de rede social do Twitter
  3. Escolha um modelo de widget do Twitter
  4. Personalize seu widget do X (Twitter)
  5. Copie o cĂłdigo do widget incorporĂĄvel
  6. Cole o cĂłdigo em seu site

Antes de seguir as etapas acima, observe que vocĂȘ deve obter uma chave de API do X (Twitter) se estiver procurando coletar e incorporar qualquer coisa alĂ©m de sua timeline da conta do X. Isso inclui hashtags do X (Twitter), mençÔes e palavras-chave.

AlĂ©m disso, apenas oferecemos X (Twitter) como fonte em nosso plano EmbedSocial Premium e superior. VocĂȘ pode facilmente solicitar acesso ao nĂ­vel API BĂĄsica do X e gerar sua chave de API. Em seguida, vocĂȘ pode entrar em contato com nossa equipe de suporte para conectĂĄ-la ao EmbedSocial.

Etapa 1: Descreva seu widget do site X (Twitter)

Em primeiro lugar, vocĂȘ pode fornecer uma descrição detalhada para seu widget perfeito de site X (Twitter) atravĂ©s do nosso editor de widget com IA. Em seguida, vocĂȘ apenas pressiona “Gerar” para gastar um crĂ©dito para criar o widget:

Etapa 2: Conecte sua fonte de rede social do Twitter

Em seguida, vocĂȘ deve conectar sua conta de rede social do X (Twitter) para que o EmbedSocial possa extrair todo o conteĂșdo de sua conta. VocĂȘ faz isso atravĂ©s da guia “Fontes” no topo:

conectar sua conta de rede social do twitter

VocĂȘ deve selecionar seu identificador especĂ­fico do Twitter ou fonte apĂłs conectar sua conta.

Etapa 3: Escolha um modelo de widget do Twitter

Em seguida, vocĂȘ pode escolher um dos nossos modelos prontos para uso. TambĂ©m oferecemos modelos de widget do X (Twitter) baseados em IA, que vocĂȘ pode continuar personalizando atravĂ©s de prompts depois:

escolha o modelo de widget do site twitter

Etapa 4: Personalize seu widget do X (Twitter)

Tudo o que vocĂȘ precisa fazer para personalizar seu novo widget de site do Twitter Ă© descrever a mudança que gostaria de ver no modelo de widget do site, como: “Altere a cor das caixas para preto.”:

personalize seu widget do site twitter

Etapa 5: Copie o cĂłdigo do widget incorporĂĄvel

Depois de terminar com tudo, basta navegar atĂ© a guia “Incorporar” (canto superior esquerdo), pressione o botĂŁo “Copiar cĂłdigo” e vĂĄ para seu construtor de site:

copie o cĂłdigo do widget incorporĂĄvel

Etapa 6: Cole o cĂłdigo em seu site

A Ășltima etapa envolve adicionar uma caixa HTML vazia, copiar o cĂłdigo do widget e salvar a pĂĄgina. Veja como fazer isso em todos os construtores de site populares:

Lembre-se: Devido Ă s mudanças significativas da API do Twitter em 2023, vocĂȘ pode incorporar timeline do X (Twitter) apenas atravĂ©s do plano Premium EmbedSocial. Enquanto isso, para adicionar um feed de hashtag, mençÔes ou palavras-chave do Twitter, vocĂȘ precisarĂĄ de um plano Enterprise. Confira nosso modelo de preços.

Demonstração: Feed do Twitter incorporado

Veja como pode parecer sua incorporação de timeline do Twitter em seu site:

(function(d, s, id){var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = “/cdn/ht.js”; d.getElementsByTagName(“head”)[0].appendChild(js);}(document, “script”, “EmbedSocialHashtagScript”));

Opção nativa: Como incorporar feed do Twitter manualmente?

O X (anteriormente Twitter) oferece aos seus utilizadores um mĂ©todo oficial para incorporar widgets de feed do X baseado em posts de perfil ou listas pĂșblicas, que vem com suas prĂłprias limitaçÔes.

Por exemplo, vocĂȘ pode apenas incorporar conteĂșdo do X a partir de posts pĂșblicos. Portanto, posts de contas protegidas nĂŁo sĂŁo compatĂ­veis com este mĂ©todo.

O processo para incorporar timeline do Twitter através deste método inclui algumas etapas:

Etapa 1: Navegue atĂ© o site de “Publicação” do Twitter

Primeiro, vocĂȘ tem que navegar atĂ© o site de Publicação do Twitter:

pågina inicial do site de publicação do twitter

Etapa 2: Forneça sua URL do X

Copie e cole a URL do post do X que deseja incorporar no campo vazio. VocĂȘ pode fornecer um link para um post Ășnico, um perfil, um identificador ou uma hashtag:

colar um post do x na publicação do twitter

Etapa 3: Faça personalizaçÔes båsicas do seu design

Escolha a exibição do seu widget, seu tema de cor (claro ou escuro), o idioma de exibição e se ele ocultarĂĄ ou nĂŁo conversas pĂșblicas:

personalize seu widget de publicação do twitter

Etapa 4: Copie o cĂłdigo do widget

Depois de terminar, simplesmente codifique o cĂłdigo incorporĂĄvel:

copiar código de widget do twitter na publicação do twitter

Etapa 5: Cole o cĂłdigo em seu construtor de site

Por fim, vocĂȘ precisa fazer a mesma etapa descrita acima, ou seja, colar o cĂłdigo no construtor de site de sua escolha em um elemento HTML vazio:

colar o cĂłdigo do widget de feed do twitter incorporĂĄvel

É assim que vocĂȘ incorpora feed de timeline do X atravĂ©s da opção nativa. Dito isto, abaixo, comparamos a solução completa de terceiros e a opção nativa bĂĄsica.


Observação: O Twitter Publish permite que vocĂȘ incorpore quatro tipos diferentes de widgets dependendo do conteĂșdo que deseja exibir:

tipos de conteĂșdo que vocĂȘ pode publicar no twitter publish

X Publish versus agregador de Twitter: PrĂłs e contras

Como lhe disse antes, a opção nativa oferecida pelo X (Twitter) para exibir seu conteĂșdo da plataforma X tem algumas limitaçÔes. Por exemplo, apenas extrai os 20 Ășltimos posts de sua conta.

Por outro lado, uma ferramenta de terceiros como EmbedSocial permite que vocĂȘ incorpore posts de redes sociais do X usando um widget sob medida sem limitaçÔes em termos de conteĂșdo.

Aqui estå o resumo de ambos os métodos:

Feed do Twitter incorporado manualmente através do X Publish

Com a opção manual fornecida pelo X (Twitter), aqui estå o que esperar:

Feed do Twitter incorporado usando EmbedSocial

Com um agregador de Twitter de terceiros como EmbedSocial, vocĂȘ obtĂ©m:

Veja a diferença? Qual vocĂȘ prefere mais?

Observação:

  • EmbedSocial tem um construtor CSS integrado que oferece liberdade total para reprojetar seu feed do Twitter para se adequar perfeitamente ao design do seu site.
  • Quando vocĂȘ incorpora o cĂłdigo HTML do feed do Twitter em seu site usando EmbedSocial, seu feed de cĂłdigo de incorporação de feed do Twitter permanece sempre sincronizado.
  • EmbedSocial integra-se com todas as principais redes sociais, como Instagram, Twitter, Facebook, YouTube, etc., e vocĂȘ pode usar todo esse conteĂșdo.

Tipos de conteĂșdo do X que vocĂȘ pode incorporar atravĂ©s do EmbedSocial

Para oferecer a melhor solução de terceiros possĂ­vel, o EmbedSocial permite que vocĂȘ incorpore todos os tipos de posts do X, incluindo hashtags, mençÔes, palavras-chave e posts de conta:

Como vocĂȘ pode ver, com essa flexibilidade, vocĂȘ pode criar widgets de feed do Twitter altamente curados e dinĂąmicos adaptados aos objetivos da sua marca.

BenefĂ­cios de incorporar feeds do X (Twitter) em sites

NĂŁo tem certeza se adicionar um widget de timeline do Twitter ou um feed de hashtag vale a pena? Depois que vocĂȘ começar a incorporar Tweets, hĂĄ muitos benefĂ­cios para sua marca:

mapa mental mostrando os benefĂ­cios de incorporar feeds do twitter

Se isso soa como algo que sua marca precisa, incorporar seu feed do Twitter Ă© mais fĂĄcil do que vocĂȘ pensa, como vocĂȘ viu em nossos tutoriais acima.

Faça mais: Incorpore também outros feeds de redes sociais!

Como um agregador de redes sociais completo, o EmbedSocial se integra com todas as maiores plataformas de redes sociais, incluindo Facebook, Instagram, YouTube, TikTok, etc. Ele permite que vocĂȘ colete, modere e exiba feeds incorporados de todas essas redes:

plataformas de redes sociais suportadas pelo embedsocial

A melhor parte? VocĂȘ pode combinar todas essas fontes em uma grande parede de redes sociais e incorporĂĄ-la em uma pĂĄgina dedicada de “Wall of Love” em seu site.

Aqui estĂŁo alguns dos outros widgets de redes sociais disponĂ­veis no EmbedSocial:

Obviamente, nossa ferramenta de widget do Twitter Ă© muito mais do que isso, Ă© uma plataforma UGC abrangente para seu negĂłcio que traz conteĂșdo original para seu site.

ConclusĂŁo: Adicione seu feed do Twitter (X) ao seu site hoje!

Envolver sua marca no X (anteriormente Twitter) e incorporar sua atividade em um site é uma ação inteligente para aumentar confiança, engajamento e SEO.

Incorporar sua timeline também ajuda a converter visitantes casuais em seguidores leais do Twitter que permanecem conectados com as atualizaçÔes de sua marca.

Quer vocĂȘ vĂĄ com a ferramenta nativa de incorporação do X ou um widget de feed do Twitter personalizĂĄvel, vocĂȘ manterĂĄ seus visitantes informados e conectados em tempo real.

Então não espere, escolha o método que se adequa às suas necessidades e incorpore seu feed de timeline do Twitter, anålises do Twitter ou hashtags do Twitter em seu site hoje!

Perguntas Frequentes sobre incorporação de feeds do Twitter

O feed do Twitter incorporado deixarĂĄ meu site mais lento?

Geralmente, incorporar um feed do Twitter em seu site nĂŁo deve impactar a velocidade de carregamento do seu site significativamente. No entanto, personalização excessiva ou vĂĄrios feeds podem ter um efeito menor, especialmente se vocĂȘ nĂŁo estiver usando um script de carregamento lento para minimizar seu impacto.

É possĂ­vel incorporar feeds de mĂșltiplas contas do Twitter?

Sim, vocĂȘ pode incorporar feeds de mĂșltiplas contas do Twitter. No entanto, cada feed exigirĂĄ seu prĂłprio cĂłdigo de incorporação exclusivo. Certifique-se de seguir as diretrizes fornecidas pela plataforma que estĂĄ usando.

É necessário ter habilidades de codificação para incorporar feeds do Twitter?

NĂŁo, vocĂȘ nĂŁo precisa ser um especialista em codificação para incorporar Twitter em site. Muitas plataformas oferecem widgets ou plugins fĂĄceis de usar que simplificam o processo. No entanto, conhecimentos bĂĄsicos de HTML podem ser Ășteis para personalização.

Posso personalizar a aparĂȘncia do feed do Twitter incorporado?

Sim, a maioria das plataformas que permitem incorporação de feed do Twitter oferece opçÔes de personalização. Por exemplo, o EmbedSocial permite que vocĂȘ altere o layout, tema e cores do seu widget. AlĂ©m disso, vocĂȘ pode filtrar os tipos de tweets que sĂŁo exibidos.

Pronto para começar com o EmbedSocial?

Comece a construir com o EmbedSocial hoje.

Iniciar teste grĂĄtis

Posts relacionados

View all posts