Cum să afișezi numărul de urmăritori de pe rețelele sociale în WordPress

Afișarea numărului de urmăritori de pe rețelele sociale pe site-ul dvs. WordPress poate fi o modalitate puternică de a spori credibilitatea brandului dvs. Când vizitatorii văd că aveți o prezență stabilită pe platforme precum Instagram, Twitter sau Facebook, acest lucru le oferă încredere că brandul dvs. este de încredere pentru alții.

Această dovadă socială poate încuraja mai mulți oameni să vă urmărească, să interacționeze cu conținutul dvs. și să se conecteze cu marca dvs. pe mai multe canale.

La WPBeginner, recunoaștem rolul pe care rețelele sociale îl joacă în generarea de trafic către site-ul dvs. web. De aceea am adăugat butoane de partajare pe rețelele sociale pe site-ul nostru și promovăm constant produsele și serviciile noastre pe diverse platforme. Acest lucru ne-a ajutat să rămânem conectați cu audiența noastră și ne-a îmbunătățit notorietatea brandului.

În acest articol, vă vom arăta cum să afișați cu ușurință numărul de urmăritori de pe rețelele sociale ca text în WordPress. Ghidul nostru pas cu pas va fi ușor de urmat și nu va necesita utilizarea de coduri.

De ce să afișați numărul de urmăritori pe rețelele sociale pe site-ul dvs. web?

S-ar putea să fi observat că multe dintre blogurile populare, influencerii și brandurile își afișează cu mândrie numărul de urmăritori de pe rețelele sociale pe site-urile lor web.

Numărul de urmăritori vă ajută să adăugați dovadă socială pe site-ul dvs. WordPress. Acest lucru vă permite să câștigați încrederea utilizatorilor și să construiți identitatea mărcii, arătând clienții și urmăritorii dvs. anteriori ca dovadă.

În plus, vă ajută să obțineți mai mulți urmăritori pe profilurile dvs. de rețele sociale, oferind în același timp utilizatorilor modalități convenabile de a rămâne în contact.

Din păcate, nu este la fel de simplu sau ușor să afișezi numărul de urmăritori de pe rețelele sociale cum ne-am dori, dar este cu siguranță posibil.

Multe platforme de rețele sociale necesită chei API pentru a prelua aceste informații, iar fiecare are o metodă diferită de a face acest lucru.

Din fericire, există mai multe pluginuri și soluții WordPress care vă permit să afișați numărul de urmăritori de pe rețelele sociale.

Acestea fiind spuse, vă vom arăta diferite moduri de a afișa numărul de urmăritori de pe rețelele sociale pe site-ul dvs. WordPress. Puteți alege unul care funcționează cel mai bine pentru dvs.:

• Metoda 1: Afișarea numărului de urmăritori pe rețelele sociale folosind un plugin
• Metoda 2: Afișează fluxuri de rețele sociale cu Smash Balloon
• Metoda 3: Preluarea și afișarea manuală a numărului de urmăritori folosind cod
• Afișează numărul de urmăritori de pe Facebook folosind cod
• Afișați numărul de urmăritori Twitter ca text
• Bonus: Adăugați butoane de partajare socială în WordPress

Metoda 1: Afișarea numărului de urmăritori pe rețelele sociale folosind un plugin

Această metodă este mai ușoară și vă permite să omiteți cerința cheilor API dacă nu le puteți obține.

Cu toate acestea, este puțin nesigur și s-ar putea să nu poată prelua numărul de urmăritori în timp real. Acest lucru se datorează faptului că platformele de rețele sociale își schimbă frecvent metodele pentru cheile API, ceea ce defectează aplicațiile care utilizează metodele vechi.

Lucrul bun este că pluginul oferă o opțiune de rezervă pentru a introduce manual numărul de urmăritori de pe rețelele sociale ca text.

Mai întâi, trebuie să instalați și să activați pluginul Wp Social Login and Register Social Counter. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

După activare, accesați pagina WP Social » Social Counter din tabloul de bord WordPress și comutați la fila Providers.

De aici, activați fiecare platformă de rețele sociale pe care doriți să o afișați și apoi faceți clic pe butonul Setări pentru a o configura.

Aceasta va deschide o fereastră pop-up unde puteți furniza detaliile profilului dvs. de pe rețelele sociale pentru acea platformă. Veți găsi, de asemenea, o opțiune pentru a introduce manual un număr implicit de urmăritori pe Facebook.

Repetați procesul pentru toate platformele de rețele sociale pe care doriți să le afișați.

După finalizare, puteți accesa pagina Appearance » Widgets și adăugați widgetul WSLU Social Counter în bara laterală.

Nu uitați să salvați modificările și să previzualizați site-ul web.

Vrei să afișezi numărul de urmăritori de pe rețelele sociale într-o postare sau pagină? Pur și simplu editează postarea sau pagina unde vrei să afișezi numărul de urmăritori și adaugă următorul shortcode în editorul de conținut.

[xs_social_counter]

După aceea, puteți face clic pe butonul „Publicare” sau „Actualizare” pentru a salva setările.

Acum puteți vizita site-ul dvs. WordPress pentru a vedea numărul dvs. de urmăritori pe rețelele sociale în acțiune.

Metoda 2: Afișează fluxuri de rețele sociale cu Smash Balloon

O alternativă mai ușoară la afișarea numărului de urmăritori pe rețelele sociale este afișarea fluxurilor tale sociale cu Smash Balloon.

Smash Balloon este cel mai bun plugin pentru rețelele sociale pentru WordPress. Vă permite să afișați conținutul de pe rețelele sociale sub formă de fluxuri cu aspecte frumoase.

Mai întâi, vizitați site-ul Smash Balloon. Aceștia oferă diferite pluginuri de feed pentru rețelele sociale pentru Instagram, Twitter, Facebook, YouTube și un feed combinat Social Wall.

Recomandăm achiziționarea pachetului All Access, care vă oferă toate plugin-urile.

După înregistrare, vă puteți conecta la contul dumneavoastră pe Smash Balloon și puteți descărca pluginurile pe computer.

În continuare, instalați pluginurile Smash Balloon feed unul câte unul. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

Pentru acest tutorial, vă vom arăta cum să creați un perete social care conectează toate fluxurile dvs. de social media și le afișează ca unul singur.

Notă: Pentru a face acest lucru, veți avea nevoie de pluginul Social Wall de la Smash Balloon, precum și de pluginul de feed.

După activare, vizitați fila de meniu Social Wall din tabloul de bord WordPress și faceți clic pe butonul „Adăugare nou” din partea de sus.

Acest lucru te va duce la un ecran nou unde vei vedea lista platformelor de social media cu butoane pentru a le conecta. Continuă și apasă butonul „Adaugă pe perete” pentru platforma cu fluxurile pe care dorești să le afișezi pe peretele tău social.

Aceasta va afișa o listă a fluxurilor pe care le-ați creat deja și pe care doriți să le adăugați la peretele dvs. social.

Pentru instrucțiuni detaliate, s-ar putea să dorești să consulți tutorialele noastre următoare despre cum să creezi fluxuri de rețele sociale cu Smash Balloon:

• Cum să afișezi fluxul Instagram în WordPress
• Cum să afișezi postări de pe Facebook în WordPress
• Cum se afișează cele mai recente tweet-uri în WordPress

După selectarea fluxurilor, apasă butonul „Creează perete” din partea de sus.

Aceasta va lansa editorul vizual Smash Balloon, unde veți vedea o previzualizare a peretelui dvs. social în dreapta, cu setările de personalizare în stânga.

De aici, puteți schimba aspectul și paleta de culori, adăuga butoane de încărcare mai multe și multe altele. Pentru detalii, consultați tutorialul nostru despre cum să adăugați fluxurile dvs. de social media în WordPress.

În final, apasă butonul „Salvează” din partea de sus pentru a-ți stoca setările. Apoi, apasă butonul „Încorporează”.

Aceasta va deschide o fereastră pe ecran de unde puteți copia shortcode-ul pentru peretele social pe care l-ați creat.

Apoi, ieșiți din editorul de flux și deschideți pagina sau postarea unde doriți să adăugați peretele social în editorul de blocuri.

De aici, faceți clic pe butonul „Adăugare bloc” (+) din colțul din stânga sus al ecranului pentru a deschide meniul de blocuri. Apoi, adăugați blocul Social Wall pe pagină/postare.

Continuați și lipiți shortcode-ul pe care l-ați copiat anterior în caseta „Setări Shortcode” din panoul de blocuri din dreapta.

În final, faceți clic pe butonul „Publicare” sau „Actualizare” pentru a salva setările. Acum ați adăugat cu succes un perete social pe site-ul dvs. web cu feed-uri pentru conturile dvs. de Facebook, Twitter și Instagram.

Metoda 3: Preluarea și afișarea manuală a numărului de urmăritori folosind cod

Această metodă este puțin avansată și s-ar putea să nu funcționeze foarte bine pentru începători. Cu toate acestea, vă va ajuta să obțineți numărul de urmăritori de pe rețelele sociale ca text.

Practic, majoritatea platformelor de rețele sociale necesită să creezi o aplicație și chei API de utilizator pentru a prelua date precum numărul de urmăritori de pe serverele lor.

În această metodă, vă vom arăta cum să obțineți un număr de urmăritori pentru Twitter și Facebook folosind chei API.

Va trebui să adăugați cod personalizat pe site-ul dvs. WordPress. Dacă nu ați mai făcut acest lucru înainte, consultați ghidul nostru despre cum să copiați și să lipiți cod în WordPress.

Afișează numărul de urmăritori de pe Facebook folosind cod

Pentru a obține numărul de urmăritori de pe Facebook, va trebui să faci următoarele:

1. Creați o aplicație Facebook pentru a obține acces la API-urile Facebook.
2. Generează un token de acces. Acesta acționează ca o parolă și îți permite să preiei informațiile de care ai nevoie.
3. Utilizați aplicația Facebook și tokenul de acces pentru a obține aprecieri pe Facebook pe WordPress.

1. Crearea unei aplicații Facebook

Să începem prin crearea unei aplicații Facebook. Pur și simplu accesați site-ul web Meta Developers și faceți clic pe butonul „Create App”.

După aceea, vi se va cere să alegeți un tip de aplicație.

Faceți clic pe „Business” și apoi faceți clic pe butonul „Next” pentru a continua.

După aceea, vi se va cere să dați un nume aplicației dvs. (acesta poate fi orice doriți) și adresa de e-mail.

Puteți sări peste opțiunea contului de afaceri și să faceți clic pe butonul „Create App”.

S-ar putea să ți se solicite să introduci parola Facebook.

Veți fi apoi redirecționat către tabloul de bord al aplicației dvs.

Veți vedea mai multe opțiuni pe acest ecran, dar deoarece folosim aplicația pentru uz personal, nu avem nevoie de aceste opțiuni în acest moment.

2. Obțineți token de acces pentru API-ul Facebook

În continuare, trebuie să accesați pagina Graph API explorer pentru a genera tokenul nostru de acces și a obține ID-ul paginii noastre.

Mai întâi, selectați aplicația pe care ați creat-o în secțiunea Facebook App.

După aceea, faceți clic pe meniul derulant „Get Token” și selectați opțiunea „Page Access Token”.

Aceasta va deschide fereastra pop-up pentru permisiuni. În ea, trebuie să continuați ca și contul dvs. personal și apoi să alegeți pagina pentru care doriți un token de acces.

Apoi, vi se vor afișa câteva permisiuni și avertismente.

Poți ignora aceste elemente și apăsa „Gata”.

Facebook va genera acum un token de acces pentru tine.

Pur și simplu copiați și lipiți tokenul de acces pe computerul dvs. folosind un editor de text simplu, cum ar fi Notepad sau TextEdit.

Înainte de a pleca, următorul lucru de care ai nevoie este ID-ul paginii.

Pentru a obține acest lucru, trebuie să introduceți slug-ul URL-ului paginii dvs. în formularul de mai sus și apoi să faceți clic pe butonul „Trimite”.

Acum puteți copia și lipi ID-ul paginii pe computerul dvs. folosind un editor de text simplu, cum ar fi Notepad sau TextEdit.

3. Afișarea aprecierilor Facebook în WordPress

Mai întâi, copiați și lipiți următorul cod în fișierul functions.php al temei dvs. WordPress sau utilizați WPCode (recomandat):

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;
}

Pentru mai multe detalii, puteți consulta ghidul nostru despre cum să adăugați cod personalizat în WordPress.

În continuare, trebuie să lipiți următorul cod în șablonul temei dvs. WordPress unde doriți să afișați numărul de aprecieri Facebook ca text:

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

Nu uitați să înlocuiți ID-ul paginii Facebook și token-ul de acces cu valorile pe care le-ați copiat anterior.

Acum puteți vizita site-ul dvs. pentru a vedea codul în acțiune. Iată cum arăta pe site-ul nostru de test.

Afișați numărul de urmăritori Twitter ca text

Pentru ca numărul de urmăritori de pe Twitter să fie numărat ca text, va trebui să urmați acești pași:

1. Creează o aplicație Twitter.
2. Obțineți cheia API Twitter.
3. Obțineți numărul de urmăritori în WordPress.

1. Creează o aplicație Twitter și obține chei API

Mai întâi, trebuie să vizitezi site-ul web pentru dezvoltatori Twitter și să creezi o nouă aplicație independentă.

Vi se va cere să furnizați un nume pentru aplicația dvs.

Puteți alege orice nume doriți.

Apoi, veți vedea chei API pentru aplicația dvs.

Mergi mai departe și copiază aceste chei pe computerul tău folosind un editor de text simplu, cum ar fi Notepad sau TextEdit.

2- Obține numărul de urmăritori de pe Twitter în WordPress

În continuare, trebuie să adăugați următorul cod în fișierul functions.php al temei dvs. sau folosind WPCode (recomandat):

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;
}

Nu uita să înlocuiești wpbeginner cu propriul tău nume de utilizator Twitter și cheile API cu propriile tale chei API.

După aceea, puteți adăuga următorul cod în tema WordPress unde doriți să afișați numărul de urmăritori Twitter:

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

Acum puteți vizita site-ul dvs. web și puteți vedea numărul dvs. de urmăritori pe Twitter în acțiune.

Bonus: Adăugați butoane de partajare socială în WordPress

Pe lângă afișarea numărului de urmăritori de pe rețelele sociale, poți afișa și butoane de partajare socială. Acest lucru va permite utilizatorilor să partajeze conținutul de pe blogul tău WordPress cu prietenii și familia lor și te va ajuta să ajungi la un public mai larg.

Puteți adăuga cu ușurință butoane de partajare socială instalând și activând pluginul Social Snap. Pentru detalii, consultați ghidul nostru pentru începători despre cum să instalezi un plugin WordPress.

La activare, vizitează pagina Social Snap » Setări și comută la fila „Partajare socială” din coloana din stânga. Aceasta va deschide noi setări, unde trebuie să selectezi fila „Gestionare rețele”.

Apoi, selectați platformele de social media la alegere din prompt și închideți fila.

Acum, extindeți fila „Butoane inline” și configurați poziția, alinierea, eticheta, forma și dimensiunea butoanelor.

Odată ce ați făcut acest lucru, derulați în jos la secțiunea „Afișare pe” și alegeți locurile unde doriți să afișați butoanele. Aici, puteți bifa caseta „Postări” dacă doriți să afișați butoanele de partajare socială doar pe postările dvs.

În final, faceți clic pe butonul „Salvează modificările” pentru a stoca setările.

Acum vizitați o postare pe site-ul dvs. pentru a vedea butoanele de partajare socială în acțiune. Pentru detalii, consultați tutorialul nostru despre cum să adăugați butoane de partajare socială în WordPress.

Sperăm că acest articol v-a ajutat să afișați numărul de urmăritori de pe rețelele sociale în WordPress. De asemenea, ați putea dori să consultați ghidul nostru complet de rețele sociale pentru WordPress sau ghidul nostru despre cum să vă integrați site-ul WordPress cu Telegram.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.