Como exibir a contagem de seguidores do Twitter como texto no WordPress

Exibir a contagem de seguidores do X/Twitter como texto no WordPress é uma ótima maneira de aumentar a credibilidade do seu site. Quando os visitantes veem quantas pessoas o seguem nas mídias sociais, é mais provável que confiem no seu site.

Felizmente, usar texto para mostrar os números de seus seguidores é fácil e conveniente.

Você pode colocar essas informações em qualquer lugar do site, inclusive dentro dos posts e das páginas, facilitando a integração com o conteúdo.

Neste guia, mostraremos como exibir sua contagem de seguidores do Twitter como texto no WordPress.

Por que exibir os seguidores do Twitter como texto no WordPress?

Você deve ter notado que muitos blogs populares, influenciadores e sites WordPress de grandes marcas mostram orgulhosamente quantas pessoas os seguem nas mídias sociais.

Se os visitantes virem muitas pessoas seguindo você nas mídias sociais, é mais provável que confiem na sua empresa e o vejam como um especialista no seu nicho de blog.

Agora, muitos dos melhores plug-ins de mídia social permitem que você mostre a contagem total de seguidores em feeds incorporados, botões, banners e muito mais.

No entanto, às vezes, você pode querer mostrar o número como texto simples. Isso lhe dá a liberdade de adicionar a contagem de seguidores às publicações do seu blog, ao rodapé ou a qualquer outro lugar do seu blog ou site do WordPress.

Com isso em mente, mostraremos como exibir a contagem de seguidores do Twitter como texto no WordPress. Aqui está uma visão geral rápida de todas as etapas que abordaremos:

Pronto? Vamos mergulhar de cabeça!

Etapa 1: obter uma chave e um segredo da API do X

Para obter sua contagem de seguidores, você precisará acessar a API do X criando uma chave e um segredo de API.

Para obter essas informações, acesse o X Developers Portal e clique em “Sign up for Free Account”.

Agora você pode digitar algumas informações sobre como planeja usar a API do X. É uma boa ideia fornecer o máximo de detalhes possível, pois o X analisará essas informações e poderá excluir sua conta se não entender como você está usando a API.

Depois disso, leia os termos e condições. Se você estiver satisfeito em continuar, vá em frente e clique no botão “Submit” (Enviar).

Agora você verá o Portal do desenvolvedor. No menu do lado esquerdo, basta clicar para expandir a seção “Projects & Apps” (Projetos e aplicativos).

Em seguida, selecione “Overview” (Visão geral). Agora você poderá ver o aplicativo de projeto pronto para uso.

Clique no botão de chave para acessar sua chave e segredo de API e, em seguida, no botão “Reveal API Key” (Revelar chave de API).

X agora mostrará uma chave de API e um segredo de API. Esta é a única vez que você verá essas informações, portanto, anote-as em algum lugar seguro.

Se, em vez disso, aparecer o botão “Reveal API Key hint” (Revelar dica de chave de API), você poderá clicar no botão Regenerate (Regenerar), e o X criará uma nova chave e segredo de API para você.

Lembre-se apenas de armazená-lo em um local seguro.

Recomendamos adicionar a chave e o segredo a um gerenciador de senhas para aumentar a segurança.

Etapa 2: Adicionar código personalizado ao seu site WordPress

A maneira mais fácil de adicionar a contagem de seguidores X ao seu site é usar o código PHP.

Por motivos de segurança, o WordPress não permite que você adicione código PHP diretamente às suas páginas e postagens, mas permite códigos de acesso. Isso significa que você pode criar um shortcode personalizado e vinculá-lo ao seu código PHP.

A maneira mais fácil de adicionar códigos de acesso personalizados no WordPress é usar o WPCode. Esse plug-in permite que você crie quantos códigos de acesso quiser e os vincule a diferentes seções do código PHP.

A primeira coisa que você precisa fazer é instalar e ativar o plug-in gratuito WPCode. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Após a ativação, vamos acessar Code Snippets “ Add Snippet.

Aqui, você verá todos os snippets prontos que pode adicionar ao seu site. Eles incluem snippets que permitem desativar completamente os comentários do WordPress, fazer upload de arquivos que o WordPress não suporta por padrão e muito mais.

Como você está criando um novo snippet, passe o mouse sobre ‘Add Your Custom Code’.

Em seguida, basta clicar em “Usar snippet”.

Para começar, você pode digitar um título para o snippet de código personalizado. Pode ser qualquer coisa que ajude você a identificar o snippet no painel do WordPress.

Depois disso, você precisará abrir o menu suspenso “Code Type” (Tipo de código) e selecionar “PHP Snippet”.

No editor de código, basta colar o seguinte código PHP:

function getTwitterFollowers($screenName = 'wpbeginner')
{
    // some variables
    $consumerKey = 'YOUR_CONSUMER_KEY';
    $consumerSecret = 'YOUR_CONSUMER_SECRET';
    $token = get_option('cfTwitterToken');
  
    // get follower count from cache
    $numberOfFollowers = get_transient('cfTwitterFollowers');
  
    // cache version does not exist or expired
    if (false === $numberOfFollowers) {
        // getting new auth bearer only if we don't have one
        if(!$token) {
            // preparing credentials
            $credentials = $consumerKey . ':' . $consumerSecret;
            $toSend = base64_encode($credentials);
  
            // http post arguments
            $args = array(
                'method' => 'POST',
                'httpversion' => '1.1',
                'blocking' => true,
                'headers' => array(
                    'Authorization' => 'Basic ' . $toSend,
                    'Content-Type' => 'application/x-www-form-urlencoded;charset=UTF-8'
                ),
                'body' => array( 'grant_type' => 'client_credentials' )
            );
  
            add_filter('https_ssl_verify', '__return_false');
            $response = wp_remote_post('https://api.twitter.com/oauth2/token', $args);
  
            $keys = json_decode(wp_remote_retrieve_body($response));
  
            if($keys) {
                // saving token to wp_options table
                update_option('cfTwitterToken', $keys->access_token);
                $token = $keys->access_token;
            }
        }
        // we have bearer token wether we obtained it from API or from options
        $args = array(
            'httpversion' => '1.1',
            'blocking' => true,
            'headers' => array(
                'Authorization' => "Bearer $token"
            )
        );
  
        add_filter('https_ssl_verify', '__return_false');
        $api_url = "https://api.twitter.com/1.1/users/show.json?screen_name=$screenName";
        $response = wp_remote_get($api_url, $args);
  
        if (!is_wp_error($response)) {
            $followers = json_decode(wp_remote_retrieve_body($response));
            $numberOfFollowers = $followers->followers_count;
        } else {
            // get old value and break
            $numberOfFollowers = get_option('cfNumberOfFollowers');
            // uncomment below to debug
            //die($response->get_error_message());
        }
  
        // cache for an hour
        set_transient('cfTwitterFollowers', $numberOfFollowers, 1*60*60);
        update_option('cfNumberOfFollowers', $numberOfFollowers);
    }
  
    return $numberOfFollowers;
}

echo getTwitterFollowers(); ?>

No código acima, certifique-se de substituir os seguintes espaços reservados por sua própria chave de API e segredo de API:

    $consumerKey = 'YOUR_CONSUMER_KEY';
    $consumerSecret = 'YOUR_CONSUMER_SECRET';

Você também precisará substituir wpbeginner pela conta do X que deseja usar. Pode ser qualquer conta X, inclusive contas que você não possui:

function getTwitterFollowers($screenName = 'wpbeginner')

Para obter o nome de usuário do X, basta abrir o perfil do X em uma nova guia.

Você encontrará o nome de usuário no URL e no cabeçalho do perfil:

Com isso feito, você pode voltar ao painel do WordPress. Aqui, basta clicar no botão de alternância “Inativo” para que ele mude para “Ativo”.

Em seguida, você pode clicar no botão “Salvar snippet”.

Feito isso, vá até a seção “Inserção”.

O WPCode pode adicionar automaticamente seu código a diferentes locais, como após cada postagem, somente no front-end ou somente para administradores. Para obter o shortcode, basta clicar no botão “Shortcode”.

Agora você pode usar o shortcode para adicionar prova social a qualquer página ou post.

No editor de blocos, basta clicar no botão “+” e digitar “Shortcode”. Quando ele aparecer, você poderá selecionar o bloco “Shortcode” para adicioná-lo à página ou ao post.

Agora você pode adicionar o shortcode ao bloco.

Esteja ciente de que o shortcode mostra apenas a contagem total de seguidores, portanto, você normalmente desejará adicionar algum texto explicando o que o número significa.

Para obter mais informações sobre como colocar o shortcode, consulte nosso guia sobre como adicionar um shortcode no WordPress.

Quando estiver satisfeito com a configuração da página, você poderá ativar a contagem de seguidores clicando no botão “Update” (Atualizar) ou “Publish” (Publicar).

Agora, se você acessar seu site do WordPress, verá a contagem de seguidores ao vivo.

Dica bônus: Mais truques X!

Agora que você aprendeu a exibir sua contagem de seguidores do Twitter (ou X) em seu site WordPress, é uma boa ideia otimizar ainda mais seu marketing X.

Adicionar botões de compartilhamento e retweet do X ao seu site WordPress pode realmente ajudar a aumentar seu alcance e tráfego. Com mais de 217 milhões de usuários no X todos os meses, esse é um ótimo lugar para promover seu conteúdo.

Esses botões facilitam o compartilhamento de suas publicações pelos usuários, para que você possa alcançar novas pessoas além dos seus seguidores. Isso não apenas traz mais visitantes para o seu blog, mas também mostra aos outros que seu conteúdo é confiável e apreciado, o que pode fazer com que sua marca pareça mais confiável.

Para fazer isso, consulte nosso guia sobre como adicionar botões de compartilhamento e retweet do Twitter.

Em seguida, você pode promover sua página X usando um pop-up.

Os pop-ups podem aumentar a visibilidade de seu perfil X e aumentar o número de seguidores. Você pode usar um pop-up para criar uma lista de e-mails, oferecer atualizações de conteúdo, exibir um formulário de contato e muito mais. Além disso, há uma maneira de tornar seus popups menos intrusivos.

Para obter mais detalhes, consulte nosso guia sobre como promover sua página do Twitter no WordPress com um pop-up.

Esperamos que este tutorial tenha ajudado você a aprender como exibir a contagem de seguidores do Twitter como texto no WordPress. Você também pode querer saber como realizar um concurso de mídia social para aumentar seu site ou nossas escolhas de especialistas para os melhores plug-ins do Twitter para WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.