Come visualizzare il conteggio dei follower di Twitter come testo in WordPress

Volete visualizzare il numero di follower di Twitter come testo in WordPress?

Mostrando che molte persone vi seguono sui social media, potete incoraggiare i visitatori a fidarsi del vostro sito web. Inoltre, visualizzando queste informazioni come testo, avrete la libertà di utilizzarle in qualsiasi punto del vostro sito, anche all’interno di post e pagine.

In questo articolo mostreremo come visualizzare il conteggio dei follower di Twitter come testo in WordPress.

Perché visualizzare i follower di Twitter come testo in WordPress?

Avrete notato che molti blog, influencer e marchi famosi mostrano con orgoglio quante persone li seguono sui social media.

Se i visitatori vedono molte persone che vi seguono sui social media, è più probabile che si fidino della vostra attività e vi considerino un esperto nella vostra nicchia di blog.

Molti dei migliori plugin per social media consentono di mostrare il numero totale di follower nei feed incorporati, nei pulsanti, nei banner e altro ancora.

Tuttavia, a volte si può desiderare di mostrare il numero come testo semplice. Questo vi dà la libertà di aggiungere il numero di follower ai post del blog, al piè di pagina o in qualsiasi altro punto del vostro blog o sito web WordPress.

Tenendo presente questo, vediamo come visualizzare il numero di follower di Twitter come testo in WordPress.

Passo 1: ottenere una chiave API e un segreto di Twitter

Per ottenere il conteggio dei follower, è necessario accedere all’API di Twitter creando una chiave API e un segreto.

Per ottenere queste informazioni, visitate il portale degli sviluppatori di Twitter e fate clic su “Iscriviti all’account gratuito”.

Ora è possibile digitare alcune informazioni su come si intende utilizzare l’API di Twitter. È una buona idea fornire il maggior numero di dettagli possibile, poiché Twitter esaminerà queste informazioni e potrebbe cancellare il vostro account se non capisce come state usando la loro API.

Dopodiché, leggete i termini e le condizioni. Se siete soddisfatti di continuare, cliccate sul pulsante “Invia”.

A questo punto si aprirà il Portale sviluppatori. Nel menu di sinistra, fare clic per espandere la sezione “Progetti e applicazioni”. Quindi, selezionare “Panoramica”.

A questo punto è possibile fare clic su “Aggiungi app”.

Dopodiché, digitate il nome che desiderate utilizzare per la vostra applicazione Twitter. Questo è solo un riferimento, quindi potete usare qualsiasi cosa vogliate.

A questo punto, fare clic sul pulsante “Avanti”.

Twitter mostrerà ora una chiave API e un segreto API. Questa è l’unica volta che vedrete queste informazioni, quindi annotatele in un posto sicuro.

Si consiglia di aggiungere la chiave e il segreto a un gestore di password per una maggiore sicurezza.

Fase 2: Aggiungere il codice personalizzato al vostro sito WordPress

Il modo più semplice per aggiungere il conteggio dei follower di Twitter al vostro sito è utilizzare il codice PHP.

Per motivi di sicurezza, WordPress non consente di aggiungere codice PHP direttamente alle pagine e ai post, ma consente gli shortcode. Ciò significa che è possibile creare uno shortcode personalizzato e poi collegarlo al codice PHP.

Il modo più semplice per aggiungere shortcode personalizzati in WordPress è utilizzare WPCode. Questo plugin consente di creare tutti gli shortcode che si desidera e di collegarli a diverse sezioni del codice PHP.

La prima cosa da fare è installare e attivare il plugin gratuito WPCode. Per maggiori dettagli, consultate la nostra guida passo-passo su come installare un plugin di WordPress.

Dopo l’attivazione, andare su Code Snippets “ Add Snippet.

Qui vengono visualizzati tutti gli snippet già pronti che potete aggiungere al vostro sito web. Questi includono snippet che consentono di disabilitare completamente i commenti di WordPress, di caricare file che WordPress non supporta di default e altro ancora.

Poiché si sta creando un nuovo snippet, passare il mouse su “Aggiungi il tuo codice personalizzato”. Quindi, fare clic su “Usa snippet”.

Per iniziare, digitate un titolo per lo snippet di codice personalizzato. Può essere qualsiasi cosa che aiuti a identificare lo snippet nella dashboard di WordPress.

Successivamente, è necessario aprire il menu a tendina “Tipo di codice” e selezionare “Snippet PHP”.

Nell’editor di codice, incollare il seguente codice 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(); ?>

Nel codice qui sopra, assicurarsi di sostituire i seguenti segnaposto con la propria chiave API e il proprio segreto API:

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

È inoltre necessario sostituire “wpbeginner” con l’account Twitter che si desidera utilizzare. Può trattarsi di qualsiasi account Twitter, compresi quelli che non si possiedono:

function getTwitterFollowers($screenName = 'wpbeginner')

Per ottenere il nome utente di Twitter, basta aprire il profilo di Twitter in una nuova scheda. Il nome utente si trova nell’URL e nell’intestazione del profilo:

Fatto questo, tornate alla dashboard di WordPress. Qui è sufficiente fare clic sulla levetta “Inattivo” in modo che diventi “Attivo”.

A questo punto è possibile fare clic sul pulsante “Salva snippet”.

A questo punto, scorrere fino alla sezione “Inserimento”.

WPCode può aggiungere automaticamente il codice in diverse posizioni, ad esempio dopo ogni post, solo nel front-end o solo per gli amministratori. Per ottenere lo shortcode, basta cliccare sul pulsante “Shortcode”.

Ora è possibile utilizzare lo shortcode per aggiungere la riprova sociale a qualsiasi pagina o post.

Nell’editor dei blocchi, è sufficiente fare clic sul pulsante “+” e digitare “Shortcode”. Quando appare, selezionare il blocco Shortcode per aggiungerlo alla pagina o al post.

Ora è possibile aggiungere lo shortcode al blocco.

Tenete presente che lo shortcode mostra semplicemente il numero totale di follower, quindi in genere è necessario aggiungere un testo che spieghi il significato del numero.

Per ulteriori informazioni su come inserire lo shortcode, consultare la nostra guida su come aggiungere uno shortcode in WordPress.

Quando si è soddisfatti di come è impostata la pagina, si può rendere attivo il conteggio dei follower facendo clic sul pulsante “Aggiorna” o “Pubblica”.

Ora, se visitate il vostro sito WordPress, vedrete il conteggio dei follower in tempo reale.

Speriamo che questo tutorial vi abbia aiutato a capire come visualizzare il conteggio dei follower di Twitter come testo in WordPress. Potreste anche voler imparare a creare un feed fotografico Instagram personalizzato in WordPress o dare un’occhiata ai nostri esperti che hanno scelto i migliori plugin Twitter per WordPress.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.