Tutorial WordPress affidabili, quando ne hai più bisogno.
Guida per principianti a WordPress
WPB Cup
25 Milioni+
Siti web che utilizzano i nostri plugin
16+
Anni di esperienza con WordPress
3000+
Tutorial WordPress di esperti

Come visualizzare il conteggio dei follower sui social media in WordPress

Mostrare il numero di follower dei tuoi social media sul tuo sito WordPress può essere un modo potente per aumentare la credibilità del tuo brand. Quando i visitatori vedono che hai una presenza consolidata su piattaforme come Instagram, Twitter o Facebook, ciò infonde loro fiducia nel fatto che il tuo brand sia apprezzato da altri.

Questa prova sociale può incoraggiare più persone a seguirti, interagire con i tuoi contenuti e connettersi con il tuo brand su più canali.

Noi di WPBeginner riconosciamo il ruolo che i social media svolgono nell'indirizzare traffico verso il tuo sito web. Ecco perché abbiamo aggiunto pulsanti di condivisione sui social media sul nostro sito e promuoviamo costantemente i nostri prodotti e servizi su varie piattaforme. Questo ci ha aiutato a rimanere in contatto con il nostro pubblico e ha migliorato la nostra brand awareness.

In questo articolo, ti mostreremo come visualizzare facilmente il numero di follower dei social media come testo in WordPress. La nostra guida passo passo sarà facile da seguire e non richiederà l'uso di alcun codice.

Mostra il conteggio dei follower dei social media in WordPress

Perché mostrare il numero di follower dei social media sul tuo sito web?

Potresti aver notato che molti blog popolari, influencer e brand mostrano con orgoglio il numero di follower dei loro social media sui loro siti web.

Il conteggio dei follower ti aiuta ad aggiungere prova sociale al tuo sito WordPress. Questo ti permette di guadagnare la fiducia degli utenti e costruire l'identità del brand mostrando i tuoi precedenti clienti e follower come prova.

Anteprima conteggio follower social media

Inoltre, ti aiuta a ottenere più follower sui tuoi profili social media, fornendo agli utenti modi convenienti per rimanere in contatto.

Sfortunatamente, non è così semplice o facile visualizzare il conteggio dei follower sui social media come vorremmo, ma è assolutamente possibile.

Molte piattaforme di social media richiedono chiavi API per recuperare queste informazioni, e ognuna ha un metodo diverso per farlo.

Fortunatamente, esistono diversi plugin e soluzioni per WordPress che ti permettono di visualizzare il conteggio dei tuoi follower sui social media.

Detto questo, ti mostreremo diversi modi per visualizzare il conteggio dei tuoi follower sui social media sul tuo sito web WordPress. Puoi scegliere quello che funziona meglio per te:

Metodo 1: Visualizzare il conteggio dei follower sui social media utilizzando un plugin

Questo metodo è più semplice e ti permette di saltare il requisito delle chiavi API se non riesci a ottenerle.

Tuttavia, è un po' inaffidabile e potrebbe non essere in grado di recuperare il conteggio dei follower in tempo reale. Questo perché le piattaforme di social media cambiano i loro metodi per le chiavi API abbastanza frequentemente, il che interrompe le applicazioni che utilizzano i vecchi metodi.

La cosa positiva è che il plugin fornisce un'opzione di fallback per inserire manualmente i tuoi follower sui social media come testo.

Innanzitutto, devi installare e attivare il plugin Wp Social Login and Register Social Counter. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin di WordPress.

Dopo l'attivazione, vai alla pagina WP Social » Social Counter dalla dashboard di WordPress e passa alla scheda Providers.

Impostazioni contatore social

Da qui, attiva ogni piattaforma di social media che desideri visualizzare e quindi fai clic sul pulsante Settings per configurarla.

Questo aprirà un popup in cui puoi fornire i dettagli del tuo profilo social media per quella piattaforma. Troverai anche un'opzione per inserire manualmente un conteggio predefinito di follower di Facebook.

Impostazioni piattaforma

Ripeti il processo per tutte le piattaforme di social media che desideri visualizzare.

Una volta terminato, puoi andare alla pagina Appearance » Widgets e aggiungere il widget WSLU Social Counter alla tua barra laterale.

Visualizza conteggio follower social nel widget della barra laterale

Non dimenticare di salvare le modifiche e di visualizzare in anteprima il tuo sito web.

Vuoi visualizzare il conteggio dei follower sui social media in un post o in una pagina? Modifica semplicemente il post o la pagina in cui desideri mostrare il conteggio dei follower e aggiungi il seguente shortcode nell'editor dei contenuti.

[xs_social_counter]

Aggiungi shortcode

Dopodiché, puoi fare clic sul pulsante ‘Pubblica’ o ‘Aggiorna’ per salvare le tue impostazioni.

Ora puoi visitare il tuo sito WordPress per vedere il conteggio dei tuoi follower sui social media in azione.

Anteprima conteggio follower social media

Metodo 2: Visualizzare i feed dei social media con Smash Balloon

Un'alternativa più semplice per mostrare i conteggi dei follower sui social media è mostrare i tuoi feed social con Smash Balloon.

Smash Balloon è il miglior plugin per social media per WordPress. Ti consente di visualizzare contenuti dai tuoi social media come feed con bellissimi layout.

Innanzitutto, visita il sito Web Smash Balloon. Offrono diversi plugin per feed di social media per Instagram, Twitter, Facebook, YouTube e un feed combinato Social Wall.

Sito web Smash Balloon

Ti consigliamo di acquistare l'All Access Bundle, che ti fornisce tutti i plugin.

Dopo la registrazione, puoi accedere al tuo account su Smash Balloon e scaricare i plugin sul tuo computer.

Successivamente, procedi all'installazione dei plugin per feed di Smash Balloon uno per uno. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin WordPress.

In questo tutorial, ti mostreremo come creare un social wall che collega tutti i tuoi feed di social media e li visualizza come uno solo.

Nota: Per fare ciò, avrai bisogno del plugin Social Wall di Smash Balloon e del plugin per feed.

Dopo l'attivazione, visita la scheda del menu Social Wall dalla dashboard di WordPress e fai clic sul pulsante ‘Aggiungi nuovo’ in alto.

Aggiungi un muro social

Questo ti porterà a una nuova schermata dove vedrai l'elenco delle piattaforme di social media con pulsanti per connetterle. Fai clic sul pulsante 'Aggiungi al muro' per la piattaforma con i feed che desideri mostrare sul tuo muro social.

Questo mostrerà un elenco dei feed che hai già creato e che desideri aggiungere al tuo muro social.

Aggiungi feed social media

Per istruzioni dettagliate, potresti voler consultare i nostri seguenti tutorial su come creare feed di social media con Smash Balloon:

Dopo aver selezionato i feed, fai clic sul pulsante 'Crea muro' in alto.

Questo avvierà l'editor visivo di Smash Balloon, dove vedrai un'anteprima del tuo muro social sulla destra con le impostazioni di personalizzazione sulla sinistra.

Da qui, puoi cambiare il layout e la palette di colori, aggiungere pulsanti 'carica altro' e altro ancora. Per i dettagli, consulta il nostro tutorial su come aggiungere i tuoi feed di social media a WordPress.

Personalizza muro social

Infine, fai clic sul pulsante 'Salva' in alto per memorizzare le tue impostazioni. Quindi, fai clic sul pulsante 'Incorpora'.

Questo aprirà un prompt sullo schermo da cui puoi copiare lo shortcode per il muro social che hai creato.

Successivamente, esci dall'editor dei feed e apri la pagina o il post in cui desideri aggiungere il muro social nell'editor a blocchi.

Da qui, fai clic sul pulsante 'Aggiungi blocco' (+) nell'angolo in alto a sinistra dello schermo per aprire il menu dei blocchi. Quindi, aggiungi il blocco Muro Social alla pagina/post.

Aggiungi uno shortcode per il muro social

Incolla lo shortcode che hai copiato in precedenza nella casella 'Impostazioni shortcode' nel pannello del blocco sulla destra.

Infine, fai clic sul pulsante 'Pubblica' o 'Aggiorna' per memorizzare le tue impostazioni. Ora hai aggiunto con successo un muro social sul tuo sito web con feed per i tuoi account Facebook, Twitter e Instagram.

Metodo 3: Recuperare e visualizzare manualmente il conteggio dei follower tramite codice

Questo metodo è un po' avanzato e potrebbe non funzionare molto bene per i principianti. Tuttavia, ti aiuterà a recuperare il conteggio dei follower dei social media come testo.

Fondamentalmente, la maggior parte delle piattaforme di social media richiede di creare un'app e delle chiavi API utente per recuperare dati come il conteggio dei follower dai loro server.

In questo metodo, ti mostreremo come ottenere un conteggio dei follower per Twitter e Facebook utilizzando le chiavi API.

Dovrai aggiungere codice personalizzato al tuo sito web WordPress. Se non l'hai mai fatto prima, dai un'occhiata alla nostra guida su come copiare e incollare codice in WordPress.

Mostrare il conteggio dei follower di Facebook tramite codice

Per recuperare il numero di follower di Facebook, dovrai fare quanto segue:

  1. Crea un'app Facebook per ottenere l'accesso alle API di Facebook.
  2. Genera un token di accesso. Questo funziona come una password e ti permette di recuperare le informazioni di cui hai bisogno.
  3. Utilizza l'app Facebook e il token di accesso per ottenere i Mi piace di Facebook su WordPress.

1. Crea un'app Facebook

Iniziamo creando un'app Facebook. Vai semplicemente sul sito Meta Developers e fai clic sul pulsante ‘Crea app’.

Crea un'app Facebook

Dopodiché, ti verrà chiesto di scegliere un tipo di app.

Fai clic su ‘Business’ e poi fai clic sul pulsante ‘Avanti’ per continuare.

Scegli il tipo di app

Dopodiché, ti verrà chiesto di dare un nome alla tua app (può essere qualsiasi cosa tu voglia) e un indirizzo email.

Puoi saltare l'opzione account aziendale e fare clic sul pulsante ‘Crea app’.

Fornisci i dettagli dell'app

Potrebbe esserti richiesto di inserire la tua password di Facebook.

Verrai quindi reindirizzato alla dashboard della tua app.

Dashboard dell'app

Vedrai diverse opzioni in questa schermata, ma poiché stiamo usando l'app per uso personale, non abbiamo bisogno di queste opzioni al momento.

2. Ottieni il token di accesso per l'API di Facebook

Successivamente, devi recarti sulla pagina Graph API explorer per generare il nostro token di accesso e ottenere il nostro ID pagina.

Genera token Facebook

Per prima cosa, seleziona l'app che hai creato nella sezione App Facebook.

Dopodiché, fai clic sul menu a discesa ‘Get Token’ e seleziona l'opzione ‘Page Access Token’.

Questo aprirà il popup delle autorizzazioni. In esso, devi continuare come account personale e poi scegliere la pagina per cui desideri un token di accesso.

Scegli la pagina

Successivamente, ti verranno mostrate alcune autorizzazioni e avvisi.

Puoi ignorarli e fare clic su ‘Fatto’.

Permessi

Facebook genererà ora un token di accesso per te.

Copia e incolla semplicemente il token di accesso sul tuo computer utilizzando un editor di testo semplice come Blocco note o TextEdit.

Copia token di accesso

Prima di andare, la prossima cosa di cui hai bisogno è l'ID pagina.

Per ottenerlo, devi inserire lo slug dell'URL della tua pagina nel modulo sopra e quindi fare clic sul pulsante ‘Invia’.

Ottieni ID pagina

Ora puoi copiare e incollare l'ID della pagina sul tuo computer utilizzando un editor di testo semplice come Blocco note o TextEdit.

3. Visualizza i Mi piace di Facebook in WordPress

Innanzitutto, copia e incolla il seguente codice nel file functions.php del tuo tema WordPress o utilizza WPCode (consigliato):

function getFacebookLike( $fbid, $token ){ 
$json_string = @file_get_contents('https://graph.facebook.com/v14.0/'. esc_attr( $fbid ) .'/?fields=fan_count&access_token='. esc_attr( $token ) );
$json = json_decode($json_string, true); 
$like_count = isset( $json['fan_count'] ) ? $json['fan_count'] : 0;
return $like_count;
}

Per maggiori dettagli, puoi consultare la nostra guida su come aggiungere codice personalizzato in WordPress.

Successivamente, devi incollare il seguente codice nel modello del tuo tema WordPress dove desideri visualizzare il conteggio dei Mi piace di Facebook come testo:

<?php 
echo "<p>More than <strong>" . getFacebookLike( $fbid = 'Facebook page ID', 'access token' ) .  "</strong> users follow us on Facebook.</p> "; 
?>

Non dimenticare di sostituire l'ID della pagina Facebook e il token di accesso con i valori che hai copiato in precedenza.

Ora puoi visitare il tuo sito web per vedere il tuo codice in azione. Ecco come appariva sul nostro sito web di prova.

Conteggio follower di Facebook

Mostrare il conteggio dei follower di Twitter come testo

Per far contare i follower di Twitter come testo, dovrai seguire questi passaggi:

  1. Crea un'app Twitter.
  2. Ottieni la chiave API di Twitter.
  3. Recupera il conteggio dei follower in WordPress.

1. Crea un'app Twitter e ottieni le chiavi API

Innanzitutto, devi visitare il sito Web per sviluppatori di Twitter e creare una nuova app standalone.

Crea app Twitter

Ti verrà chiesto di fornire un nome per la tua app.

Puoi scegliere qualsiasi nome desideri.

Nome app Twitter

Successivamente, vedrai le chiavi API per la tua app.

Copia queste chiavi sul tuo computer utilizzando un editor di testo semplice come Blocco note o TextEdit.

Chiavi API Twitter

2- Recupera il conteggio dei follower di Twitter in WordPress

Successivamente, devi aggiungere il seguente codice al file functions.php del tuo tema o utilizzando WPCode (consigliato):

function getTwitterFollowers($screenName = 'wpbeginner')
{
    // some variables
    $consumerKey = 'API key';
    $consumerSecret = 'API key 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('', '__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;
}

Non dimenticare di sostituire wpbeginner con il tuo nome utente Twitter e le chiavi API con le tue chiavi API.

Dopodiché, puoi aggiungere il seguente codice al tuo tema WordPress dove desideri visualizzare il conteggio dei follower di Twitter:

<p>
More than <strong><?php echo getTwitterFollowers(); ?></strong> users follow us on Twitter.
</p>

Ora puoi visitare il tuo sito Web e vedere il tuo conteggio di follower di Twitter in azione.

Conteggio follower di Twitter

Bonus: Aggiungere pulsanti di condivisione social in WordPress

Oltre a mostrare il conteggio dei tuoi follower sui social media, puoi anche visualizzare i pulsanti di condivisione social. Ciò consentirà agli utenti di condividere i contenuti del tuo blog WordPress con amici e familiari e ti aiuterà a raggiungere un pubblico più ampio.

Puoi facilmente aggiungere pulsanti di condivisione social installando e attivando il plugin Social Snap. Per i dettagli, consulta la nostra guida per principianti su come installare un plugin WordPress.

Dopo l'attivazione, visita la pagina Social Snap » Impostazioni e passa alla scheda ‘Social Sharing’ dalla colonna di sinistra. Questo aprirà nuove impostazioni, dove devi selezionare la scheda ‘Gestisci Reti’.

Quindi, seleziona le piattaforme di social media di tua scelta dal prompt ed esci dalla scheda.

Fai clic sul pulsante Aggiungi rete per scegliere le piattaforme di social media per i pulsanti di condivisione social

Ora, espandi la scheda ‘Pulsanti Inline’ e configura la posizione, l'allineamento, l'etichetta, la forma e le dimensioni dei pulsanti.

Una volta fatto ciò, scorri verso il basso fino alla sezione ‘Mostra su’ e scegli i luoghi in cui desideri visualizzare i pulsanti. Qui, puoi selezionare la casella ‘Post’ se desideri visualizzare i pulsanti di condivisione social solo nei tuoi post.

Scegli dove vuoi visualizzare i tuoi pulsanti di condivisione social

Infine, fai clic sul pulsante 'Salva modifiche' per memorizzare le tue impostazioni.

Ora visita un post sul tuo sito web per vedere i pulsanti di condivisione social in azione. Per maggiori dettagli, consulta il nostro tutorial su come aggiungere pulsanti di condivisione social in WordPress.

Anteprima dei pulsanti di condivisione social

Speriamo che questo articolo ti abbia aiutato a visualizzare il conteggio dei tuoi follower sui social media in WordPress. Potresti anche voler consultare il nostro foglio di trucchi completo sui social media per WordPress o la nostra guida su come integrare il tuo sito WordPress con Telegram.

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

Dichiarazione: Il nostro contenuto è supportato dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come è finanziato WPBeginner, perché è importante e come puoi supportarci. Ecco il nostro processo editoriale.

Il Toolkit WordPress Definitivo

Ottieni l'accesso GRATUITO al nostro toolkit - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Interazioni del lettore

21 CommentsLeave a Reply

  1. Stavo cercando un modo per mostrare i miei follower sui social media sul mio sito WordPress e questo tutorial lo rende facile. Apprezzo particolarmente il suggerimento di utilizzare un plugin come Social Count Plus per automatizzare il processo. Una domanda: consiglia di visualizzare il conteggio dei follower sulla homepage o sulla pagina Chi siamo? Voglio assicurarmi di posizionarlo nel punto più efficace per aumentare l'engagement.

    • Non esiste un punto specificamente più efficace, dipenderebbe dalle preferenze personali e da ciò con cui i visitatori del tuo sito interagiscono di più.

      Amministratore

  2. Nel mio sito WordPress non riesco a capire da dove funzioni il contatore social. FB, Twitter e altri vengono mostrati ma con valore zero.

  3. Ciao,

    First of all thank you for your tips and tricks. :)
    I have from nowhere lost all my twitter and pinterest and some google+ social counts in my posts. Facebook still works. I haven’t changed permalinks.

  4. Ottimo tutorial. Sono riuscito a far funzionare tutto nella mia pagina blog, reglazeglasses4u.co.uk/blog.html usando i widget, ma non riesco a far apparire nessuna icona né nelle pagine né nei post usando gli shortcode. Qualche idea?

  5. Wow! This is very easy tutorial to install Social Count Plus plugin and then develop application on Twitter in order to display social media followers count as text. I didn’t try this on my blog but after finding this tutorial I will experience it on my blog to make it prettier :)

  6. È sempre una domanda acuta fatta dai blogger. Il punto principale riguarda la progettazione del sito web in cui le icone dei social media aiutano molto. La domanda posta da molti riguardo all'organizzazione di questi pulsanti, seguita dal conteggio dei numeri sotto di essi, è una questione da risolvere. Spero che il plugin di cui hai parlato funzioni correttamente.
    Grazie per aver condiviso.

  7. Hi, and please excuse my english… I’m fighting with this plugin that seems really good but the facebook counter doesn’t grow up :-(
    I tried with my facebook id, and with before my id like recommended here : http://wordpress.org/support/topic/fb-not-updating but my facebook count is frozen at 85 therefore it’s now 97 :-(
    so I’m searching for another one…

  8. Questo plugin è molto buono, lo uso sul mio blog dalla prima versione. Grazie, Claudio Sanches disponibile per questo.

  9. Non avrei mai immaginato che un giorno il mio plugin sarebbe stato qui: D
    Grazie mille per aver parlato del mio plugin *____*

  10. Grazie per le informazioni.

    Ho trovato che questo fosse il modo più semplice per raggiungere questo obiettivo. Basta seguire le istruzioni passo dopo passo. Fateci sapere quale parte vi sembra più complicata e cercheremo di spiegarvela ulteriormente.

    Non c'è un modo più semplice con un plugin?

    • Abbiamo trovato che questo fosse il modo più semplice per raggiungere questo obiettivo. Basta seguire le istruzioni passo dopo passo. Fateci sapere quale parte vi sembra più complicata e cercheremo di spiegarvela ulteriormente.

      Amministratore

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra politica sui commenti, e il tuo indirizzo email NON verrà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.