Como conectar o Twitter com o WordPress? 11 Métodos!
Publicados: 2020-11-19Deseja integrar o Twitter ao seu site? Se você está procurando maneiras simples de fazer isso, nós o cobrimos. Neste guia, mostraremos várias maneiras de conectar facilmente o Twitter ao WordPress .
Hoje em dia, a maioria das pessoas usa pelo menos uma plataforma de mídia social. Por exemplo, Facebook, Twitter, Instagram e Pinterest juntos têm mais de 4 bilhões de usuários ativos em todo o mundo! Ao usar perfis de mídia social de forma inteligente, você pode aumentar sua presença na mídia social e alcançar milhões de clientes online. Já vimos como integrar o Instagram ao seu site e hoje mostraremos diferentes métodos para conectar o Twitter ao seu site WordPress.
Por que integrar o Twitter com o WordPress?
O Twitter tem mais de 300 milhões de usuários ativos mensais e quase 150 milhões de usuários diários, por isso é uma ótima plataforma para alcançar novos clientes. Muitos sites também usam o Twitter para manter seus seguidores informados sobre o conteúdo que publicam e interagir com eles.
Muitos plugins permitem que você compartilhe automaticamente seu conteúdo no Twitter. No entanto, neste post, daremos um passo adiante e mostraremos várias maneiras de integrar o Twitter ao seu site WordPress. Dessa forma, você poderá automatizar tarefas, alcançar novos públicos e expandir seus negócios.
Como conectar o Twitter com o WordPress?
Existem vários métodos para conectar o Twitter ao WordPress.
- Incorporar tweets
- Puxe o conteúdo de um único tweet / tweetstorm
- Feed do Twitter
- Exibir tweets específicos
- Widget de linha do tempo
- Botão de compartilhamento
- Botão Seguir
- Tweets na barra lateral
- Compartilhamento de conteúdo
- Ícones de tweets embutidos
- Cartões do Twitter
Neste guia, explicaremos todos eles para que você possa escolher o que melhor se adapta às suas necessidades e aplicá-lo ao seu site.
1) Incorporar Tweets
O primeiro método para integrar o Twitter com o WordPress é incorporar tweets em seu site. E a melhor parte é que leva apenas 1 minuto.
Primeiro, encontre o URL do Tweet que você deseja incorporar ao seu site. No nosso caso, exibiremos um tweet de nossa conta oficial do Twitter.
Copie o URL do tweet e vá para o administrador do WordPress. Aqui, você terá duas opções, dependendo de usar o Editor Clássico ou o Gutenberg.
Editor clássico
Se você usa o Editor Clássico, vá para a página ou post onde deseja inserir o tweet, cole o URL e salve/atualize o post.
Depois disso, você verá o tweet no post.
Gutenberg
Por outro lado, se você estiver usando o editor Gutenberg, depois de copiar o URL do tweet, procure o bloco do Twitter, cole o URL do Tweet e publique a atualização.
Você verá uma visualização ao vivo em seu editor e a versão final no frontend.
Curto e doce, não foi? Em menos de um minuto, você pode incorporar qualquer tweet em seu site WordPress e conectá-lo ao Twitter.
2) Extraia conteúdo de tweets únicos ou tempestades de tweets
Se você usar o editor Gutenberg mais recente como editor de conteúdo, poderá extrair conteúdo do Twitter e exibi-lo em seu site usando o bloco Twitter . Vamos ver como fazê-lo.
Primeiro, vá ao seu editor Gutenberg e adicione um bloco do Twitter. Em seguida, insira o URL do tweet ou tweetstorm que você deseja incorporar lá. Para esta demonstração, incorporaremos um de nossos tweets.
Na visualização ao vivo, você pode ver o tweet e verificar a postagem real no frontend.
Dessa forma, você poderá incorporar qualquer tweet ou tempestade de tweets em seu site em menos de um minuto.
Observe que este método funciona apenas se você usar o Editor Gutenberg.
3) Feed do Twitter
Essa é uma forma muito interessante de conectar o Twitter com o WordPress, principalmente para quem é muito ativo na plataforma. Nesta seção, mostraremos como adicionar uma página do mini-twitter em seu site usando a ferramenta Twitter Publish .
Primeiro, vá para a ferramenta Twitter Publish e selecione a opção Embedded timeline . Você precisará inserir o URL do perfil do Twitter lá.
Em seguida, você verá um código HTML exclusivo com uma visualização do widget.
Portanto, se você deseja incorporar esta página em seu site, basta copiar o código HTML e colá-lo na página ou postagem desejada. Há duas opções aqui:
Editor clássico
Se você usar o Editor Clássico, certifique-se de estar usando o Editor de Texto ao adicionar HTML ao seu conteúdo.
Em seguida, basta atualizar a postagem e o feed aparecerá nessa postagem.
Gutenberg
Se você usa o Gutenberg, pode usar o bloco HTML para adicionar HTML às suas postagens.
Depois de adicionar o código, atualize a postagem e você verá o feed do Twitter que acabou de criar no frontend.
Recomendamos que você crie uma página dedicada para o seu feed do Twitter. O código puxará todos os seus tweets disponíveis para a página, tornando as postagens muito longas. Vale a pena notar que você pode incluir seu próprio feed do Twitter e também o feed de outras pessoas. Você só precisa do URL do perfil do Twitter e pronto.
4) Exibir Tweets Específicos
Às vezes, em vez de incorporar todo o perfil do Twitter, você precisa incorporar tweets específicos em seu site. Para fazer isso, vá até o Tweet que deseja adicionar e clique no botão de três pontos no canto superior direito. Lá, você verá a opção de incorporação. Depois de pressioná-lo, você irá para o Twitter Publish para obter um código HTML.
Copie o código HTML e vá para o administrador do WordPress. Se você usa o editor Gutenberg, adicione um bloco HTML, cole o código e salve o post.
Se, por outro lado, você usar o Editor Clássico, use o modo Texto e cole o código HTML nele.
Depois disso, você verá o Tweet que acabou de incorporar em sua postagem.
5) Adicione um widget de linha do tempo do Twitter
Outra opção interessante para conectar o Twitter com o WordPress é adicionar uma linha do tempo a qualquer uma de suas áreas de widget . Dessa forma, os clientes poderão ver seus tweets em qualquer página, postagem ou onde quer que você tenha ativado a posição do widget.
Para adicionar um widget de linha do tempo do Twitter, acesse o site Twitter Publish, escolha a opção Linha do tempo incorporada e cole o URL do seu perfil do Twitter.
Em seguida, copie o código HTML.
Depois disso, faça login no seu site WordPress e vá para Aparência > Widgets . Lá, você precisará adicionar um widget HTML à barra lateral direita e colar o código HTML que acabou de copiar.
Em seguida, salve as alterações e pronto. Por fim, verifique a barra lateral do seu site e você verá um widget de linha do tempo do Twitter responsivo lá.
Vale a pena notar que você não precisa fazer nada para tornar o widget responsivo. O código cuidará disso.
Se você também deseja adicionar um feed do Instagram ao seu site, pode usar esta ferramenta gratuita enquanto para incluir um widget do Facebook em seu site, confira este guia.
6) Inclua um botão de compartilhamento no Twitter
Adicionar um botão de compartilhamento é uma ótima maneira de conectar o Twitter ao seu site WordPress. Permitir que seus visitantes compartilhem seu conteúdo no Twitter ajudará você a alcançar públicos mais amplos sem nenhum custo. Para fazer isso, você precisa de um plugin de compartilhamento social. Aqui, mostraremos como adicionar um botão de compartilhamento usando duas ferramentas diferentes.
6.1) Jetpack/a>
Jetpack é um dos plugins mais populares e vem com muitos recursos. Para incluir um botão de compartilhamento, primeiro você precisa instalá-lo e ativá-lo em seu site.
Em seguida, clique no botão Configurar JetPack para registrar seu site. Você precisará de uma conta do Google ou WordPress.com para concluir a autenticação.
JetPack é uma solução freemium e você pode adicionar botões de compartilhamento usando a versão gratuita. Para fazer isso, vá para as configurações do Jetpack e depois para a guia Compartilhamento . Lá, basta ativar os botões Ativar compartilhamento social .
Agora, vamos configurar os botões de compartilhamento pressionando o link correspondente.
Isso irá redirecioná-lo para o site WordPress.com. Em Marketing e integrações , você verá as configurações de compartilhamento social.
A partir daí, você pode configurar seus botões de Compartilhamento Social. Quando estiver satisfeito com as alterações, salve-as e pronto. Agora, os botões sociais aparecerão nas postagens do seu site.
Para obter mais informações sobre os recursos e preços do Jetpack, confira nosso guia completo do JetPack.
6.2) Social Snap Lite
Social Snap é outra excelente ferramenta para adicionar botões sociais ao seu site. Ele tem uma versão gratuita e planos premium. Para esta demonstração, usaremos o plano gratuito.
Primeiro, instale e ative o Social Snap em seu site.
Depois disso, você verá as configurações do plugin. Clique no botão Personalizar Snap Social .
Em seguida, você verá uma página de personalização como esta:
O plugin adiciona um ícone de compartilhamento do Twitter por padrão e você pode adicionar outras redes sociais nas configurações de rede .
Além disso, você pode incluir uma barra lateral flutuante em seu site. E o bom é que, assim como vimos como deixar o cabeçalho Divi ou qualquer outro elemento pegajoso, esses botões de compartilhamento social serão corrigidos.
Além de escolher quais botões de mídia social você deseja exibir, você pode adicionar alguma personalização. Nas configurações Inline , você pode alterar a posição, o rótulo, a forma e o tamanho do botão e assim por diante.
Depois de concluir a personalização, salve as alterações .
Por fim, verifique seu site a partir do frontend e você verá os botões de compartilhamento social.
7) Adicione um botão Seguir no Twitter
Além de adicionar botões de compartilhamento, outra excelente maneira de conectar o Twitter ao seu site WordPress é incluir um botão seguir. Dessa forma, seus visitantes poderão segui-lo diretamente do seu site.
Adicionar um botão seguir é muito fácil e não requer nenhum plugin. Primeiro, vá para Publicar no Twitter e, nos Botões do Twitter , você verá uma opção para incluir um botão de seguir .
Você precisa inserir sua URL do Twitter e pressionar Visualizar .
Em seguida, você poderá copiar um código HTML exclusivo. Vamos deixar o estilo padrão, mas você pode conferir as opções de personalização se precisar aplicar algumas alterações no seu botão.
Agora, vamos ver como adicionar este botão ao seu site usando o Editor Clássico e o editor Gutenberg.
Editor clássico
Se você estiver usando o Editor Clássico, vá para o modo de texto do post/página onde deseja incluir o botão e cole o código HTML em uma nova linha.
Depois disso, publique/atualize o post e você verá a mudança no frontend.
Editor Gutenberg
Se você usa o editor Gutenberg, basta adicionar um bloco HTML e colar o código HTML na postagem/página que deseja incluir no botão.
Em seguida, verifique o frontend e você verá o botão Seguir.
Além disso, você também pode adicionar esse código HTML à barra lateral ou ao rodapé do seu site.
8) Exibir tweets na barra lateral
As barras laterais são muito úteis quando você executa sites ricos em conteúdo ou de notícias. E o bom é que a maioria dos temas do WordPress, como GeneratePress, Divi ou Avada, permite que os usuários personalizem a barra lateral.
Adicionar um widget do Twitter à sua barra lateral é uma excelente opção para exibir informações para seus usuários. Portanto, nesta seção, mostraremos como exibir tweets na barra lateral sem instalar nenhum plug-in.
Primeiro, vá para o painel do WordPress > Aparência > Widgets .
Você verá todos os widgets e posições disponíveis lá. Por exemplo, em nosso site, temos várias posições de widgets.
Para esta demonstração, adicionaremos um novo widget de texto à seção da barra lateral direita.
Em seguida, você deve nomear o widget e colar a URL do perfil do Twitter na seção de conteúdo. Você pode encontrar o URL na barra de endereços do seu navegador. No nosso caso, usaremos o URL do nosso identificador do Twitter.
Então, depois de modificar nosso novo widget de texto, ele ficará assim:
Como você pode ver, o WordPress converte automaticamente o URL em um feed rolável do Twitter. Por fim, salve o widget e verifique o frontend do seu site para ver o resultado.
9) Compartilhe seu conteúdo no Twitter
Compartilhar seu conteúdo do WordPress no Twitter é uma excelente opção para integrar ambas as plataformas e obter tráfego social extra para seu site. Fazer isso manualmente leva tempo e não é uma boa opção se você publicar conteúdo regularmente em seu site. No entanto, há uma solução para isso.
Nesta seção, mostraremos o método de compartilhamento padrão do Twitter e o novo recurso Tweetstorm. Lembre-se de que você precisará do Jetpack instalado e configurado. Se você não tem certeza de como fazer isso, verifique isso.
9.1) Método de Compartilhamento Padrão
Depois de terminar o artigo que deseja compartilhar, vá para as configurações do Jetpack.
Em seguida, conecte sua conta do Twitter.
Aqui, você também poderá conectar outras contas de mídia social, como Facebook, LinkedIn e assim por diante.
Depois de conectar sua conta do Twitter, você verá uma opção para compartilhar sua postagem na conta do Twitter como um link. Esse é o compartilhamento padrão .
Agora, vamos dar uma olhada no método tweetstorm.
9.2) Método Tweetstorm
Se, em vez de compartilhar seu conteúdo como um link, você quiser publicar a postagem inteira como um tópico do Twitter, basta selecionar a segunda opção.
Configurar isso no seu site WordPress ajudará você a economizar algum tempo. Você não precisará fazer login no Twitter toda vez que quiser compartilhar algo. Com isso, ao publicar uma postagem, ela será compartilhada automaticamente em todos os seus perfis de redes sociais vinculados.
10) Adicione ícones de tweets embutidos
Quando você compartilha algumas notícias importantes, é uma boa ideia adicionar ícones de tweet embutidos às suas postagens. Por padrão, o WordPress não inclui esse recurso, mas você pode adicionar facilmente um botão de tweet ao seu conteúdo com o plug-in Inline Tweet Sharer. Vamos ver como fazê-lo.
Primeiro, instale e ative o Inline Tweet Sharer em seu site.
Em seguida, vá para as configurações do plugin na seção de configurações do WordPress.
Lá, você pode inserir seu nome de usuário do Twitter e selecionar outras opções, mas é opcional.
Depois disso, você pode adicionar o ícone do Tweet usando um shortcode no editor do WordPress. O shortcode que vamos usar é [inlinetweet] . Por exemplo, confira a captura de tela que temos abaixo.
Se você verificar a postagem no frontend, verá o texto Tweetable que será um link.
Quando você clicar nele, seu navegador abrirá o site do Twitter e, a partir daí, você poderá compartilhá-lo no Twitter.
11) Adicione cartões do Twitter
Por fim, o último método para conectar o Twitter ao WordPress é por meio de cartões. Nesta seção, mostraremos como criar um cartão do Twitter usando dois plugins gratuitos: Yoast SEO e JM Twitter Cards.
11.1) Adicione Twitter Cards com Yoast SEO
Se você já instalou e configurou o Yoast SEO, sinta-se à vontade para pular a instalação e as configurações básicas. Se você é novo no Yoast, instale-o e ative-o no repositório de plugins do WordPress.
Depois disso, vá para a seção Social do Yoast SEO.
Lá, você poderá inserir seu nome de usuário do Twitter.
Após salvar as alterações, na seção Twitter, você verá a configuração do Twitter Card. Certifique-se de habilitá-lo.
Em seguida, vá para as configurações de usuários e adicione seu nome de usuário do Twitter.
É isso! Agora, quando alguém twittar suas postagens no Twitter, verá um cartão.
Yoast SEO é apenas um dos plugins de SEO disponíveis. Se você estiver usando outras ferramentas, como Rank Math SEO ou All In One SEO Pack, precisará de um plug-in adicional para incluir cartões do Twitter em seu site. Vamos ver como fazer isso com JM Twitter Cards.
11.2) Adicionar Twitter Cards com JM Twitter Cards
JM Twitter Cards é um excelente plugin gratuito para adicionar cartões do Twitter.
Depois de instalar o plugin em seu site WordPress, vá para as configurações do plugin. Você terá que inserir seu nome de usuário do Twitter, nome de usuário da sua empresa e configurar o tipo de cartão que deseja exibir.
Em seguida, salve as configurações e pronto. Agora, quando alguém compartilhar sua postagem no Twitter, verá o cartão do Twitter.
Conclusão
Em suma, integrar o Twitter ao seu site é uma ótima maneira de melhorar sua presença nas mídias sociais e alcançar mais clientes. Neste guia, vimos vários métodos diferentes para conectar o Twitter ao WordPress:
- Incorporar tweets
- Puxe o conteúdo de um único tweet / tweetstorm
- Feed do Twitter
- Exibir tweets específicos
- Widget de linha do tempo
- Botão de compartilhamento
- Botão Seguir
- Tweets na barra lateral
- Compartilhamento de conteúdo
- Ícones de tweets embutidos
- Cartões do Twitter
Todos esses métodos são muito fáceis de implementar, então escolha aquele que melhor se adapta às suas necessidades. Se você administra um site WordPress rico em conteúdo, pode adicionar botões de compartilhamento social às suas postagens usando o Jetpack ou o Social Snap com apenas alguns cliques.
Por outro lado, se você é muito ativo no Twitter, criar uma página mini-twitter em seu site é uma opção fantástica. Dessa forma, os usuários podem obter todo esse conteúdo do seu site para ajudá-lo a aumentar o tempo na página. Além disso, adicionar um botão seguir e opções para compartilhar seu conteúdo em seu site é obrigatório.
Por fim, se você deseja integrar suas contas de mídia social ao seu site, confira estes guias:
- Como adicionar o widget do Facebook ao WordPress?
- Galeria de feeds do Instagram: o melhor plugin do Instagram para WordPress
Você conhece algum outro método para conectar o Twitter ao WordPress? Qual deles é o seu favorito? Deixe-nos saber na seção de comentários abaixo! E se você achou este artigo útil, compartilhe-o nas redes sociais.