Jak wyświetlić liczbę obserwujących w mediach społecznościowych w WordPress

Wyświetlanie liczby obserwujących w mediach społecznościowych na Twojej stronie WordPress może być potężnym sposobem na zwiększenie wiarygodności Twojej marki. Kiedy odwiedzający widzą, że masz ugruntowaną obecność na platformach takich jak Instagram, Twitter czy Facebook, daje im to pewność, że Twoja marka jest godna zaufania dla innych.

Ten dowód społeczny może zachęcić więcej osób do obserwowania Cię, angażowania się w Twoje treści i nawiązywania kontaktu z Twoją marką na wielu kanałach.

W WPBeginner zdajemy sobie sprawę z roli, jaką odgrywają media społecznościowe w generowaniu ruchu na Twojej stronie internetowej. Dlatego dodaliśmy przyciski udostępniania w mediach społecznościowych na naszej stronie i konsekwentnie promujemy nasze produkty i usługi na różnych platformach. Pomogło nam to pozostać w kontakcie z naszą publicznością i poprawiło świadomość naszej marki.

W tym artykule pokażemy Ci, jak łatwo wyświetlić liczbę obserwujących w mediach społecznościowych jako tekst w WordPressie. Nasz przewodnik krok po kroku będzie łatwy do naśladowania i nie będzie wymagał od Ciebie żadnego kodowania.

Dlaczego wyświetlać liczbę obserwujących w mediach społecznościowych na swojej stronie internetowej?

Mogłeś zauważyć, że wiele popularnych blogów, influencerów i marek z dumą wyświetla liczbę swoich obserwujących w mediach społecznościowych na swoich stronach internetowych.

Liczba obserwujących pomaga dodać dowód społeczny do Twojej strony WordPress. Pozwala to zdobyć zaufanie użytkowników i zbudować tożsamość marki, pokazując poprzednich klientów i obserwujących jako dowód.

Ponadto pomaga zdobyć więcej obserwujących w Twoich profilach w mediach społecznościowych, jednocześnie zapewniając użytkownikom wygodne sposoby pozostawania w kontakcie.

Niestety, wyświetlanie liczby obserwujących w mediach społecznościowych nie jest tak proste ani łatwe, jak byśmy tego chcieli, ale jest zdecydowanie możliwe.

Wiele platform mediów społecznościowych wymaga kluczy API do pobierania tych informacji, a każda z nich ma inny sposób ich uzyskiwania.

Na szczęście istnieje kilka wtyczek i rozwiązań dla WordPressa, które umożliwiają wyświetlanie liczby obserwujących w mediach społecznościowych.

Mimo to pokażemy Ci różne sposoby wyświetlania liczby obserwujących w mediach społecznościowych na Twojej stronie WordPress. Możesz wybrać ten, który najlepiej Ci odpowiada:

• Metoda 1: Wyświetlanie liczby obserwujących w mediach społecznościowych za pomocą wtyczki
• Metoda 2: Wyświetlanie kanałów mediów społecznościowych za pomocą Smash Balloon
• Metoda 3: Ręczne pobieranie i wyświetlanie liczby obserwujących za pomocą kodu
• Pokaż liczbę obserwujących na Facebooku za pomocą kodu
• Wyświetl liczbę obserwujących na Twitterze jako tekst
• Bonus: Dodaj przyciski udostępniania w mediach społecznościowych w WordPress

Metoda 1: Wyświetlanie liczby obserwujących w mediach społecznościowych za pomocą wtyczki

Ta metoda jest łatwiejsza i pozwala pominąć wymóg kluczy API, jeśli nie możesz ich uzyskać.

Jest to jednak nieco zawodne i może nie być w stanie pobrać liczby obserwujących w czasie rzeczywistym. Dzieje się tak, ponieważ platformy mediów społecznościowych często zmieniają metody kluczy API, co powoduje awarie aplikacji korzystających ze starych metod.

Dobrą rzeczą jest to, że wtyczka zapewnia opcję zastępczą do ręcznego wprowadzania obserwujących w mediach społecznościowych jako tekst.

Najpierw musisz zainstalować i aktywować wtyczkę Wp Social Login and Register Social Counter. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do strony WP Social » Social Counter z panelu administracyjnego WordPress i przełącz się na zakładkę Providers.

Stąd włącz każdą platformę mediów społecznościowych, którą chcesz wyświetlić, a następnie kliknij przycisk Ustawienia, aby ją skonfigurować.

Spowoduje to wyświetlenie okna podręcznego, w którym możesz podać szczegóły swojego profilu w mediach społecznościowych dla tej platformy. Znajdziesz tam również opcję ręcznego wprowadzenia domyślnej liczby obserwujących na Facebooku.

Powtórz proces dla wszystkich platform mediów społecznościowych, które chcesz wyświetlić.

Po zakończeniu możesz przejść do strony Wygląd » Widżety i dodać widżet WSLU Social Counter do swojego paska bocznego.

Nie zapomnij zapisać zmian i podglądnąć swojej witryny.

Chcesz wyświetlić liczbę obserwujących w mediach społecznościowych w poście lub na stronie? Po prostu edytuj post lub stronę, na której chcesz pokazać liczbę obserwujących, i dodaj następujący krótki kod w edytorze treści.

[xs_social_counter]

Następnie możesz kliknąć przycisk „Opublikuj” lub „Zaktualizuj”, aby zapisać swoje ustawienia.

Możesz teraz odwiedzić swoją witrynę WordPress, aby zobaczyć liczbę obserwujących w mediach społecznościowych w akcji.

Metoda 2: Wyświetlanie kanałów mediów społecznościowych za pomocą Smash Balloon

Łatwiejszą alternatywą dla wyświetlania liczby obserwujących w mediach społecznościowych jest wyświetlanie Twoich kanałów społecznościowych za pomocą Smash Balloon.

Smash Balloon to najlepsza wtyczka mediów społecznościowych dla WordPressa. Pozwala ona wyświetlać treści z Twoich mediów społecznościowych jako kanały z pięknymi układami.

Najpierw odwiedź stronę Smash Balloon. Oferują oni różne wtyczki do kanałów mediów społecznościowych dla Instagrama, Twittera, Facebooka, YouTube'a oraz połączony kanał Social Wall.

Zalecamy zakup pakietu All Access Bundle, który zawiera wszystkie wtyczki.

Po zarejestrowaniu się możesz zalogować się na swoje konto w Smash Balloon i pobrać wtyczki na swój komputer.

Następnie zainstaluj wtyczki Smash Balloon feed jedna po drugiej. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.

W tym samouczku pokażemy Ci, jak utworzyć ścianę społecznościową, która połączy wszystkie Twoje kanały mediów społecznościowych i wyświetli je jako jeden.

Uwaga: Aby to zrobić, będziesz potrzebować wtyczki Social Wall od Smash Balloon, a także wtyczki do kanałów.

Po aktywacji przejdź do zakładki menu Ściana społecznościowa z panelu WordPress i kliknij przycisk „Dodaj nowy” na górze.

Spowoduje to przejście do nowego ekranu, na którym zobaczysz listę platform mediów społecznościowych z przyciskami do ich połączenia. Kliknij przycisk „Dodaj do ściany” dla platformy z kanałami, które chcesz wyświetlić na swojej ścianie społecznościowej.

Spowoduje to wyświetlenie listy kanałów, które już utworzyłeś i chcesz dodać do swojej ściany społecznościowej.

Aby uzyskać szczegółowe instrukcje, możesz zapoznać się z naszymi poniższymi samouczkami na temat tworzenia kanałów mediów społecznościowych za pomocą Smash Balloon:

• Jak pokazać kanał Instagram w WordPress
• Jak wyświetlać posty z Facebooka w WordPressie
• Jak wyświetlać najnowsze tweety w WordPressie

Po wybraniu kanałów kliknij przycisk „Utwórz ścianę” u góry.

Spowoduje to uruchomienie wizualnego edytora Smash Balloon, gdzie po prawej stronie zobaczysz podgląd swojej ściany społecznościowej, a po lewej ustawienia personalizacji.

Stąd możesz zmienić układ i paletę kolorów, dodać przyciski „Załaduj więcej” i nie tylko. Szczegółowe informacje znajdziesz w naszym poradniku jak dodać swoje kanały mediów społecznościowych do WordPressa.

Na koniec kliknij przycisk „Zapisz” u góry, aby zapisać ustawienia. Następnie kliknij przycisk „Osadź”.

Spowoduje to otwarcie na ekranie okna dialogowego, z którego możesz skopiować krótki kod dla utworzonej ściany społecznościowej.

Następnie wyjdź z edytora kanału i otwórz stronę lub wpis, do którego chcesz dodać ścianę społecznościową w edytorze bloków.

Stąd kliknij przycisk „Dodaj blok” (+) w lewym górnym rogu ekranu, aby otworzyć menu bloków. Następnie dodaj blok Social Wall do strony/wpisu.

Przejdź dalej i wklej skrócony kod, który wcześniej skopiowałeś, do pola „Ustawienia skróconego kodu” w panelu bloków po prawej stronie.

Na koniec kliknij przycisk „Opublikuj” lub „Zaktualizuj”, aby zapisać swoje ustawienia. Pomyślnie dodałeś teraz ścianę społecznościową na swojej stronie internetowej z kanałami dla swoich kont na Facebooku, Twitterze i Instagramie.

Metoda 3: Ręczne pobieranie i wyświetlanie liczby obserwujących za pomocą kodu

Ta metoda jest nieco zaawansowana i może nie działać zbyt dobrze dla początkujących. Pomoże Ci jednak pobrać liczbę obserwujących w mediach społecznościowych jako tekst.

Zasadniczo większość platform mediów społecznościowych wymaga utworzenia aplikacji i kluczy API użytkownika, aby pobrać dane, takie jak liczba obserwujących, z ich serwerów.

W tej metodzie pokażemy Ci, jak uzyskać liczbę obserwujących dla Twittera i Facebooka za pomocą kluczy API.

Będziesz musiał dodać niestandardowy kod do swojej witryny WordPress. Jeśli nigdy tego nie robiłeś, zapoznaj się z naszym przewodnikiem na temat jak kopiować i wklejać kod w WordPress.

Pokaż liczbę obserwujących na Facebooku za pomocą kodu

Aby pobrać liczbę obserwujących na Facebooku, musisz wykonać następujące czynności:

1. Utwórz aplikację na Facebooku, aby uzyskać dostęp do API Facebook.
2. Wygeneruj token dostępu. Działa on jak hasło i pozwala pobrać potrzebne informacje.
3. Użyj aplikacji Facebook i tokena dostępu, aby uzyskać polubienia na Facebooku w WordPress.

1. Utwórz aplikację na Facebooku

Zacznijmy od utworzenia aplikacji na Facebooku. Po prostu przejdź na stronę Meta Developers i kliknij przycisk „Utwórz aplikację”.

Następnie zostaniesz poproszony o wybranie typu aplikacji.

Kliknij „Biznes”, a następnie kliknij przycisk „Dalej”, aby kontynuować.

Następnie zostaniesz poproszony o podanie nazwy aplikacji (może to być cokolwiek chcesz) i adresu e-mail.

Możesz pominąć opcję konta biznesowego i kliknąć przycisk „Utwórz aplikację”.

Możesz zostać poproszony o podanie hasła do Facebooka.

Następnie zostaniesz przekierowany do panelu aplikacji.

Na tym ekranie zobaczysz wiele opcji, ale ponieważ używamy aplikacji do użytku osobistego, nie potrzebujemy tych opcji w tej chwili.

2. Uzyskaj token dostępu do API Facebooka

Następnie musisz przejść na stronę Graph API explorer, aby wygenerować nasz token dostępu i uzyskać identyfikator naszej strony.

Najpierw wybierz aplikację, którą utworzyłeś, w sekcji Aplikacja na Facebooku.

Następnie kliknij menu rozwijane „Get Token” i wybierz opcję „Page Access Token”.

Spowoduje to wyświetlenie okna z uprawnieniami. W nim musisz kontynuować jako swoje osobiste konto, a następnie wybrać stronę, dla której chcesz uzyskać token dostępu.

Następnie zobaczysz pewne uprawnienia i ostrzeżenia.

Możesz je zignorować i kliknąć „Gotowe”.

Facebook wygeneruje teraz dla Ciebie token dostępu.

Po prostu skopiuj i wklej token dostępu do swojego komputera, używając prostego edytora tekstu, takiego jak Notatnik lub TextEdit.

Zanim odejdziesz, następną rzeczą, której potrzebujesz, jest identyfikator strony.

Aby to uzyskać, musisz wprowadzić identyfikator adresu URL swojej strony w powyższym formularzu, a następnie kliknąć przycisk „Prześlij”.

Możesz teraz skopiować i wkleić identyfikator strony na swoim komputerze, używając prostego edytora tekstu, takiego jak Notatnik lub TextEdit.

3. Wyświetl polubienia na Facebooku w WordPress

Najpierw skopiuj i wklej poniższy kod do pliku functions.php swojego motywu WordPress lub użyj WPCode (zalecane):

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

Więcej szczegółów znajdziesz w naszym przewodniku jak dodawać własny kod w WordPressie.

Następnie musisz wkleić następujący kod w szablonie motywu WordPress, w miejscu, w którym chcesz wyświetlić liczbę polubień na Facebooku jako tekst:

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

Nie zapomnij zastąpić identyfikatora strony na Facebooku i tokena dostępu wartościami, które skopiowałeś wcześniej.

Teraz możesz odwiedzić swoją stronę internetową, aby zobaczyć swój kod w akcji. Oto jak wyglądał na naszej stronie testowej.

Wyświetl liczbę obserwujących na Twitterze jako tekst

Aby liczba obserwujących na Twitterze była liczona jako tekst, musisz wykonać następujące kroki:

1. Utwórz aplikację na Twitterze.
2. Uzyskaj klucz API Twitter.
3. Pobierz liczbę obserwujących w WordPressie.

1. Utwórz aplikację Twitter i uzyskaj klucze API

Najpierw musisz odwiedzić stronę deweloperską Twittera i utworzyć nową, samodzielną aplikację.

Zostaniesz poproszony o podanie nazwy swojej aplikacji.

Możesz wybrać dowolną nazwę.

Następnie zobaczysz klucze API dla swojej aplikacji.

Skopiuj te klucze na swój komputer, używając prostego edytora tekstu, takiego jak Notatnik lub TextEdit.

2- Pobierz liczbę obserwujących na Twitterze w WordPress

Następnie musisz dodać następujący kod do pliku functions.php swojego motywu lub za pomocą WPCode (zalecane):

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

Nie zapomnij zastąpić wpbeginner swoją własną nazwą użytkownika na Twitterze i kluczami API swoimi własnymi kluczami API.

Następnie możesz dodać następujący kod do swojego motywu WordPress, tam gdzie chcesz wyświetlić liczbę obserwujących na Twitterze:

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

Możesz teraz odwiedzić swoją stronę internetową i zobaczyć liczbę obserwujących na Twitterze w akcji.

Bonus: Dodaj przyciski udostępniania w mediach społecznościowych w WordPress

Oprócz wyświetlania liczby obserwujących w mediach społecznościowych, możesz również wyświetlać przyciski udostępniania w mediach społecznościowych. Pozwoli to użytkownikom udostępniać treści z Twojego bloga WordPress znajomym i rodzinie, pomagając Ci dotrzeć do szerszej publiczności.

Możesz łatwo dodać przyciski udostępniania w mediach społecznościowych, instalując i aktywując wtyczkę Social Snap. Szczegółowe informacje znajdziesz w naszym przewodniku dla początkujących na temat jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do strony Social Snap » Ustawienia i przejdź do zakładki „Udostępnianie w mediach społecznościowych” z lewej kolumny. Spowoduje to otwarcie nowych ustawień, gdzie musisz wybrać zakładkę „Zarządzaj sieciami”.

Następnie wybierz wybrane platformy mediów społecznościowych z monitu i zamknij kartę.

Teraz rozwiń zakładkę „Przyciski wbudowane” i skonfiguruj pozycję, wyrównanie, etykietę, kształt i rozmiar przycisków.

Po wykonaniu tej czynności przewiń w dół do sekcji „Wyświetl na” i wybierz miejsca, w których chcesz wyświetlić przyciski. Tutaj możesz zaznaczyć pole „Posty”, jeśli chcesz wyświetlać przyciski udostępniania społecznościowego tylko w swoich postach.

Na koniec kliknij przycisk „Zapisz zmiany”, aby zachować swoje ustawienia.

Teraz odwiedź post na swojej stronie internetowej, aby zobaczyć przyciski udostępniania w mediach społecznościowych w akcji. Szczegółowe informacje znajdziesz w naszym poradniku na temat jak dodać przyciski udostępniania w mediach społecznościowych w WordPressie.

Mamy nadzieję, że ten artykuł pomógł Ci wyświetlić liczbę obserwujących w mediach społecznościowych w WordPress. Możesz również zapoznać się z naszym kompletnym arkuszem ściągawki mediów społecznościowych dla WordPress lub naszym przewodnikiem na temat jak zintegrować swoją witrynę WordPress z Telegramem.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.