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

Vuoi creare fiducia con i visitatori del tuo sito web? Uno dei modi più semplici è mostrare il conteggio dei tuoi follower su Twitter (X). Ma se hai provato ad aggiungerlo al tuo sito WordPress, noterai che la maggior parte dei widget per i social media sono ingombranti, rallentano il tuo sito e non hanno un bell'aspetto.

La buona notizia? Non hai bisogno di quei widget pesanti.

Dopo aver lavorato con centinaia di siti WordPress, abbiamo trovato un modo pulito e semplice per aggiungere il conteggio dei tuoi follower X come testo. Uno che funziona bene con il design del tuo sito invece di ingombrarlo. ✨

In questa guida, ti spiegheremo passo dopo passo come visualizzare il conteggio dei follower di Twitter come testo in WordPress.

Perché visualizzare il conteggio dei follower di Twitter come testo in WordPress?

Mostrare il conteggio dei tuoi follower su Twitter (X) come testo crea subito fiducia con i tuoi visitatori. Quando le persone vedono che altri ti seguono, è più probabile che considerino la tua attività credibile e ti vedano come un esperto nel tuo settore.

È una forma comune di prova sociale. Molti blog popolari, influencer e siti WordPress di grandi marchi mostrano con orgoglio quante persone li seguono sui social media.

Ora, molti dei migliori plugin per i social media ti consentono di mostrare il conteggio totale dei follower in feed incorporati, pulsanti, banner e altro ancora.

Tuttavia, a volte, potresti voler mostrare il numero come testo semplice. Questo ti dà la libertà di aggiungere il conteggio dei follower ai tuoi post del blog, al footer o in qualsiasi altra parte del tuo sito WordPress.

Tenendo presente questo, ti mostreremo come visualizzare il numero dei tuoi follower di X come testo in WordPress. Ecco una rapida panoramica di tutti i passaggi che tratteremo:

1. Ottieni una chiave API e un segreto di X
2. Aggiungi codice personalizzato al tuo sito web WordPress
3. Bonus Tip: More X Tricks!
   1. Aggiungi pulsanti di condivisione e retweet di X
   2. Promuovi la tua pagina X utilizzando un popup
4. FAQ: Visualizza il conteggio dei follower di X come testo
5. Letture consigliate: Guide sui social media per utenti WordPress

Iniziamo.

Passaggio 1: Ottieni una chiave API e un segreto di X

Per ottenere il tuo conteggio di follower, dovrai accedere all'API di X creando una chiave API e un segreto.

Per prima cosa, vai al Portale degli sviluppatori di X e quindi fai clic su 'Iscriviti per un account gratuito'.

Ora puoi inserire alcune informazioni su come intendi utilizzare l'API di X.

È una buona idea fornire il maggior numero di dettagli possibile, poiché X esaminerà queste informazioni e potrebbe eliminare il tuo account se non capisce come stai utilizzando la loro API.

Dopodiché, non dimenticare di leggere i termini e le condizioni. Se sei d'accordo a continuare, fai clic sul pulsante 'Invia'.

Ora vedrai il Portale degli sviluppatori.

Nel menu a sinistra, fai semplicemente clic per espandere la sezione 'Progetti e app'. Quindi, seleziona 'Panoramica' per vedere l'app di progetto pronta all'uso.

Facciamo clic sul pulsante chiave per accedere alla tua chiave API e al tuo segreto, quindi sul pulsante 'Mostra chiave API'.

X ora mostrerà una chiave API e un segreto API. Questo è l'unico momento in cui vedrai queste informazioni, quindi assicurati di memorizzarle in un luogo sicuro: consigliamo di utilizzare un gestore di password per una maggiore sicurezza. 🔐

Se smarrisci la chiave API segreta, dovrai rigenerarla, il che invaliderà quella precedente.

Fai semplicemente clic sul pulsante ‘Rigenera’ per creare una nuova chiave API e un nuovo segreto.

Passaggio 2: Aggiungi codice personalizzato al tuo sito WordPress

Il modo più semplice per aggiungere il conteggio dei follower X al tuo sito è utilizzare il codice PHP.

Per motivi di sicurezza, WordPress non ti consente di aggiungere codice PHP direttamente alle tue pagine e ai tuoi post, ma consente gli shortcode. Ciò significa che puoi creare uno shortcode personalizzato e quindi collegarlo al tuo codice PHP.

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

Alcuni dei nostri siti web partner utilizzano WPCode per aggiungere snippet di codice personalizzati. Amano come semplifica la gestione del codice, riduce gli errori e mantiene organizzati i loro siti.

Dai un'occhiata alla nostra recensione completa di WPCode per ulteriori informazioni sul plugin.

La prima cosa che devi fare è installare e attivare il plugin gratuito WPCode. Per maggiori dettagli, puoi consultare la nostra guida passo passo su come installare un plugin WordPress.

Dopo l'attivazione, andiamo su Snippet di codice » Aggiungi snippet.

Qui vedrai tutti gli snippet predefiniti che puoi aggiungere al tuo sito web. Questi includono snippet che ti permettono di disabilitare completamente i commenti di WordPress, caricare file che WordPress non supporta di default, e altro ancora.

Poiché stai creando un nuovo snippet, dovrai passare il mouse sopra 'Aggiungi il tuo codice personalizzato (Nuovo snippet)' e fare clic su 'Usa snippet'.

Nel popup che appare, dovrai scegliere un tipo di codice.

Per questo tutorial, puoi selezionare 'Snippet PHP'.

Ora vedrai l'editor dello snippet di codice.

Qui, la prima cosa da fare è digitare un titolo per lo snippet di codice personalizzato. Può essere qualsiasi cosa che ti aiuti a fare riferimento allo snippet nella dashboard di WordPress.

Nell'editor di codice, incolla semplicemente il seguente codice PHP:

/**
 * Fetches the X (Twitter) follower count and caches it.
 *
 * @param string $screenName The X handle to fetch followers for.
 * @return int|string The number of followers or the last known count on error.
 */
function wpb_get_twitter_followers($screenName = 'wpbeginner') {
    // Your X API credentials from your developer account.
    // Replace with your actual keys.
    $apiKey    = 'YOUR_API_KEY';
    $apiKeySecret = 'YOUR_API_KEY_SECRET';

    // Get the follower count from a temporary cache to speed up your site.
    $numberOfFollowers = get_transient('wpb_twitter_followers');

    // If the cache is empty or expired, fetch new data from the API.
    if (false === $numberOfFollowers) {
        
        // Prepare credentials for authentication.
        $credentials = base64_encode( $apiKey . ':' . $apiKeySecret );

        // Make a request to the X API for an authentication token.
        $auth_response = wp_remote_post('https://api.twitter.com/oauth2/token', array(
            'method'      => 'POST',
            'httpversion' => '1.1',
            'blocking'    => true,
            'headers'     => array(
                'Authorization' => 'Basic ' . $credentials,
                'Content-Type'  => 'application/x-www-form-urlencoded;charset=UTF-8',
            ),
            'body'        => array( 'grant_type' => 'client_credentials' ),
        ));

        $keys = json_decode(wp_remote_retrieve_body($auth_response));

        // If we have a valid token, proceed to get follower count.
        if (isset($keys->access_token)) {
            $token = $keys->access_token;

            // Now, make the request for user data using the token.
            $api_url = "https://api.twitter.com/1.1/users/show.json?screen_name=$screenName";
            $data_response = wp_remote_get($api_url, array(
                'httpversion' => '1.1',
                'blocking'    => true,
                'headers'     => array(
                    'Authorization' => "Bearer $token",
                ),
            ));

            if (!is_wp_error($data_response)) {
                $followers = json_decode(wp_remote_retrieve_body($data_response));
                if (isset($followers->followers_count)) {
                    $numberOfFollowers = $followers->followers_count;
                    // Cache the result for 1 hour and save a fallback option.
                    set_transient('wpb_twitter_followers', $numberOfFollowers, 1 * HOUR_IN_SECONDS);
                    update_option('wpb_twitter_followers_fallback', $numberOfFollowers);
                }
            }
        }
    }

    // If the API call fails for any reason, use the last successfully saved count.
    if (false === $numberOfFollowers) {
        return get_option('wpb_twitter_followers_fallback', 0);
    }

    return $numberOfFollowers;
}

/**
 * Creates the WordPress shortcode [x_followers].
 */
function wpb_x_followers_shortcode_function() {
    // Change 'wpbeginner' to your X username.
    $count = wpb_get_twitter_followers('wpbeginner');
    
    // Make sure we have a number before formatting it for display.
    if (is_numeric($count)) {
        return number_format_i18n($count);
    }
    
    return ''; // Return nothing if there's an error.
}
add_shortcode('x_followers', 'wpb_x_followers_shortcode_function');
?>

Ora, devi sostituire le credenziali API segnaposto nel codice con quelle che hai appena salvato dal Portale Sviluppatori X.

Trova queste righe:

    $apiKey    = 'YOUR_API_KEY';
    $apiKeySecret = 'YOUR_API_KEY_SECRET';

Sostituisci 'YOUR_API_KEY' e 'YOUR_API_KEY_SECRET' con le tue chiavi effettive.

Successivamente, trova questa riga all'interno della funzione wpb_x_followers_shortcode_function:

$count = wpb_get_twitter_followers('wpbeginner');

Dovrai sostituire 'wpbeginner' con il nome utente X di cui vuoi visualizzare i follower. Può essere qualsiasi account X pubblico.

Per ottenere il nome utente X, apri semplicemente il profilo X in una nuova scheda.

Troverai il nome utente nell'URL e nell'intestazione del profilo:

Fatto ciò, puoi tornare alla pagina dell'editor WPCode.

Qui, fai semplicemente clic sull'interruttore 'Inattivo' in modo che cambi in 'Attivo'.

Puoi quindi procedere e fare clic sul pulsante 'Salva snippet'.

Questo codice crea automaticamente uno shortcode personalizzato per te: [x_followers].

Ora puoi aggiungere questo shortcode ovunque sul tuo sito per visualizzare il conteggio dei follower come social proof.

Per utilizzarlo, modifica semplicemente una pagina, un post o un'area widget dove desideri mostrare il conteggio.

Nell'editor a blocchi, fai semplicemente clic sul pulsante '+' e digita 'Shortcode'. Quando appare, puoi selezionare il blocco 'Shortcode' per aggiungerlo alla pagina o al post.

Incolla semplicemente lo shortcode [x_followers] nel blocco Shortcode.

Si noti che lo shortcode visualizza solo il numero. Pertanto, si desidera aggiungere un contesto attorno ad esso. Ad esempio, è possibile scrivere “Abbiamo [x_followers] follower su Twitter!”

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

Quando sei soddisfatto di come è impostata la pagina, puoi rendere il conteggio dei follower live cliccando sul pulsante ‘Aggiorna’ o ‘Pubblica’.

Ora, se visiti il tuo sito web WordPress, vedrai il conteggio dei follower in tempo reale:

Suggerimento Bonus: Altri trucchi X!

Ora che hai imparato come visualizzare il tuo conteggio di follower di Twitter (o X) sul tuo sito WordPress, è una buona idea ottimizzare ulteriormente il tuo marketing X.

Aggiungi pulsanti di condivisione e retweet di X

Aggiungere pulsanti di condivisione e retweet X al tuo sito può davvero aiutare a incrementare il tuo traffico e la tua portata. Con oltre 217 milioni di utenti su X ogni mese, è un ottimo posto per promuovere i tuoi contenuti.

Questi pulsanti rendono facile per gli utenti condividere i tuoi post, così puoi raggiungere nuove persone oltre ai tuoi follower. Questo non solo porta più visitatori al tuo blog, ma mostra anche agli altri che i tuoi contenuti sono fidati e apprezzati, il che può rendere il tuo marchio più credibile.

Per fare ciò, dovrai consultare la nostra guida su come aggiungere pulsanti di condivisione e retweet di Twitter.

Promuovi la tua pagina X utilizzando un popup

Quindi, puoi aumentare la visibilità del tuo profilo X e ottenere più follower promuovendo la tua pagina con un popup.

OptinMonster rende facile creare popup che catturano l'attenzione senza essere invadenti. È uno dei software di generazione di lead più potenti disponibili e ti consente di progettare bellissimi popup che chiedono ai visitatori di seguirti su X.

Noi di WPBeginner ci affidiamo a OptinMonster per tutti i nostri popup, slide-in e barre fluttuanti. Le sue regole di targeting intelligenti ci consentono di mostrare il messaggio giusto alla persona giusta, il che è stato fondamentale per aumentare i nostri follower sui social media e la nostra lista email.

Per maggiori dettagli, leggi la nostra recensione completa di OptinMonster.

E per una guida passo passo, consulta come promuovere la tua pagina Twitter in WordPress con un popup.

Oltre ai popup per i social media, OptinMonster può anche aiutarti a creare una lista email, offrire content upgrade, visualizzare moduli di contatto e altro ancora.

FAQ: Visualizza il conteggio dei follower di X come testo

Ogni quanto si aggiornerà il conteggio dei follower con questo metodo?

Il metodo in questa guida utilizza un sistema di caching che aggiorna il conteggio dei follower circa una volta all'ora. Questo mantiene il numero ragionevolmente aggiornato senza rallentare il tuo sito con richieste costanti all'API di X.

L'aggiunta di questo codice personalizzato rallenterà il mio sito web?

No. Questo approccio è leggero. Mostrando il conteggio come testo semplice e utilizzando la cache, evita i problemi di prestazioni che spesso accompagnano plugin o widget pesanti per i social media.

Qual è il modo migliore per aggiungere un feed Twitter completo al mio sito?

Se desideri più del semplice conteggio, l'opzione più semplice è un plugin. Consigliamo Smash Balloon, poiché ti consente di incorporare feed Twitter (X) interattivi e personalizzabili senza toccare alcun codice.

Letture consigliate: Guide sui social media per utenti WordPress

Speriamo che questo tutorial ti abbia aiutato a imparare come visualizzare il conteggio dei tuoi follower di Twitter come testo in WordPress. Successivamente, potresti anche voler leggere queste guide:

• I migliori plugin per Twitter per WordPress
• Come creare un feed di foto Instagram personalizzato in WordPress
• Come aggiungere un pulsante “Pin It” di Pinterest in WordPress
• Come visualizzare il conteggio dei follower sui social media in WordPress
• Come gestire un concorso sui social media per far crescere il tuo sito
• Il foglio di trucchi completo sui social media per WordPress

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.