Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak wyświetlić liczbę obserwujących na Twitterze jako tekst w WordPress

Wyświetlanie liczby obserwujących na X/Twitterze jako tekstu w WordPress to świetny sposób na zwiększenie wiarygodności twojej witryny. Gdy odwiedzający widzą, ile osób obserwuje cię w mediach społecznościowych, są bardziej skłonni zaufać twojej witrynie internetowej.

Na szczęście używanie tekstu do wyświetlania liczby twoich obserwujących jest łatwe i wygodne.

Możesz umieścić te informacje w dowolnym miejscu na twojej witrynie, w tym wewnątrz wpisów i stron, co ułatwia integrację z treścią.

W tym przewodniku pokażemy, jak wyświetlić twoją liczbę obserwujących na Twitterze jako tekst w WordPress.

How to display Twitter followers count as text in WordPress

Dlaczego warto wyświetlać obserwujących na Twitterze jako tekst w WordPress?

Być może zauważyłeś, że wiele popularnych blogów, influencerów i witryn WordPress dużych marek z dumą pokazuje, ile osób śledzi ich w mediach społecznościowych.

Jeśli odwiedzający widzą, że wiele osób śledzi Cię w mediach społecznościowych, są bardziej skłonni zaufać Twojej firmie i postrzegać Cię jako eksperta w Twojej niszy blogowej.

Obecnie wiele najlepszych wtyczek do mediów społecznościowych umożliwia wyświetlanie całkowitej liczby obserwujących w osadzanych kanałach, przyciskach, banerach i nie tylko.

Czasami jednak możesz chcieć wyświetlić liczbę jako zwykły tekst. Daje to swobodę dodawania liczby obserwujących do wpisów na blogu, stopki lub w dowolnym innym miejscu na twoim blogu lub witrynie internetowej WordPress.

Mając to na uwadze, pokażemy ci, jak wyświetlić twoją liczbę obserwujących na Twitterze jako tekst w WordPress. Oto krótki przegląd wszystkich kroków, które omówimy:

Uwaga: Ponieważ Twitter jest teraz X, będziemy odnosić się do niego jako X w kolejnych sekcjach.

Gotowy? Zanurzmy się od razu!

Krok 1: Uzyskaj klucz X API i klucz tajny

Aby uzyskać twoją liczbę obserwujących, musisz uzyskać dostęp do interfejsu API X, tworząc klucz API i sekret.

Aby uzyskać te informacje, należy udać się na stronę X Developers Portal, a następnie kliknąć „Sign up for Free Account”.

Signing up for an X Developers account

Możesz teraz wpisać rodzaj informacji o tym, jak zamierzasz korzystać z interfejsu API X. Dobrym pomysłem jest podanie jak największej ilości szczegółów, ponieważ X sprawdzi te informacje i może usunąć twoje konto, jeśli nie zrozumie, w jaki sposób korzystasz z ich API.

Następnie zapoznaj się z taksonomią. Jeśli chcesz kontynuować, kliknij przycisk „Prześlij”.

Agreeing to the Twitter Developers terms

Zobaczysz teraz portal dla deweloperów. W menu po lewej stronie kliknij, aby rozwinąć sekcję „Projekty i aplikacje”.

Następnie wybierz opcję „Przegląd”. Powinieneś być teraz w stanie zobaczyć gotową do użycia aplikację projektu.

How to create a Twitter app

Kliknijmy przycisk klucza, aby uzyskać dostęp do twojego klucza API i sekretu, a następnie przycisk „Ujawnij klucz API”.

X wyświetli teraz klucz API i sekret API. To jedyny raz, kiedy zobaczysz te informacje, więc zanotuj je w bezpiecznym miejscu.

Getting a Twitter API key and secret

Jeśli zamiast tego zobaczysz przycisk „Ujawnij podpowiedź klucza API”, możesz kliknąć przycisk Regeneruj, a X utworzy dla Ciebie nowy klucz API i sekret.

Pamiętaj tylko, aby przechowywać go w bezpiecznym miejscu.

The regenerate button in X developers portal

Zalecamy dodanie klucza prywatnego i tajnego do menedżera haseł w celu dodatkowego zabezpieczenia.

Krok 2: Dodaj własny kod do Twojej witryny internetowej WordPress

Najprostszym sposobem na dodanie liczby obserwujących X do twojej witryny jest użycie kodu PHP.

Ze względów bezpieczeństwa WordPress nie pozwala na dodawanie kodu PHP bezpośrednio do twoich stron i wpisów, ale zezwala na krótkie kody. Oznacza to, że możesz utworzyć własny krótki kod, a następnie odnośnik do twojego kodu PHP.

Najprostszym sposobem na dodanie własnych shortcodes w WordPress jest użycie WPCode. Wtyczka ta umożliwia utworzenie dowolnej liczby krótkich kodów, a następnie powiązanie ich z różnymi sekcjami kodu PHP.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i włączyć darmową wtyczkę WPCode. Więcej szczegółów można znaleźć w naszym przewodniku krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu udajmy się do Code Snippets Add Snippet.

Adding custom shortcode to your WordPress website

Tutaj zobaczysz wszystkie gotowe fragmenty kodu, które możesz dodać do swojej witryny internetowej. Obejmują one fragmenty kodu, które pozwalają całkowicie wyłączyć komentarze WordPress, przesyłać pliki, których WordPress domyślnie nie obsługuje, i nie tylko.

Ponieważ tworzysz nowy fragment kodu, najedź kursorem myszy na „Add Your Custom Code”.

Następnie wystarczy kliknąć „Użyj fragmentu kodu”.

Adding a custom code snippet to WordPress using WPCode

Na początek możesz wpisać tytuł własnego fragmentu kodu. Może to być cokolwiek, co pomoże zidentyfikować fragment kodu w kokpicie WordPress.

Następnie należy otworzyć listę rozwijaną „Rodzaj kodu” i wybrać „Fragment kodu PHP”.

Adding a PHP snippet to WordPress using custom code

W edytorze kodu wystarczy wkleić następujący kod 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(); ?>

W powyższym kodzie upewnij się, że zastąpiłeś poniższe symbole zastępcze twoim własnym kluczem API i sekretem API:

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

Musisz również zastąpić wpBeginner kontem X, którego chcesz używać. Może to być dowolne konto X, w tym konta, których nie jesteś właścicielem:

function getTwitterFollowers($screenName = 'wpbeginner')

Aby uzyskać nazwę użytkownika X, wystarczy otworzyć profil X w nowej karcie.

Nazwę użytkownika można znaleźć pod adresem URL i w nagłówku profilu:

Getting an X username

Po wykonaniu tej czynności możesz wrócić do kokpitu WordPress. Tutaj wystarczy kliknąć przełącznik „Nieaktywny”, aby zmienił się na „Aktywny”.

Następnie możesz kliknąć przycisk „Zapisz fragment kodu”.

Displaying the Twitter follower count using WPCode

Po wykonaniu tej czynności przewiń do sekcji „Wstaw”.

WPCode może automatycznie dodawać twój kod do różnych miejsc, takich jak po każdym wpisie, tylko front-end lub tylko administrator. Aby uzyskać krótki kod, wystarczy kliknąć przycisk „Krótki kod”.

Adding a Twitter follower count to WordPress using a custom shortcode

Możesz teraz użyć krótkiego kodu, aby dodać dowód społeczny do dowolnej strony lub wpisu.

W edytorze bloków wystarczy kliknąć przycisk „+” i wpisać „Krótki kod”. Gdy się pojawi, możesz wybrać blok „Krótki kod”, aby dodać go do strony lub wpisu.

How to add a shortcode block to WordPress

Teraz możesz dodać krótki kod do bloku.

Należy tylko pamiętać, że krótki kod po prostu pokazuje całkowitą liczbę obserwujących, więc zazwyczaj warto dodać tekst wyjaśniający, co oznacza ta liczba.

Adding a Twitter follower count to WordPress using a custom shortcode

Więcej informacji na temat umieszczania krótkiego kodu można znaleźć w naszym przewodniku na temat dodawania krótkiego kodu w WordPress.

Gdy jesteś zadowolony z konfiguracji strony, możesz aktywować liczbę obserwujących, klikając przycisk „Aktualizuj” lub „Opublikuj”.

Teraz, jeśli przejdziesz na swoją witrynę internetową WordPress, zobaczysz liczbę obserwujących na żywo.

An example of a Twitter follower count, created using WPCode

Wskazówka bonusowa: Więcej sztuczek X!

Teraz, gdy nauczyłeś się wyświetlać liczbę obserwujących na Twitterze (lub X) na twojej witrynie WordPress, dobrym pomysłem jest dalsza optymalizacja marketingu X.

Dodanie przycisków udostępniania i podawania dalej na X do twojej witryny WordPress może naprawdę pomóc zwiększyć zasięg i ruch. Z ponad 217 milionami użytkowników na X każdego miesiąca, jest to świetne miejsce do promowania twoich treści.

Twitter buttons embedded using SmashBalloon

Przyciski te ułatwiają użytkownikom udostępnianie twoich wpisów, dzięki czemu możesz dotrzeć do nowych osób poza swoimi obserwatorami. To nie tylko przyciąga więcej odwiedzających do Twojego bloga, ale także pokazuje innym, że Twoje treści są zaufane i lubiane, co może sprawić, że Twoja marka będzie wyglądać bardziej wiarygodnie.

Aby to zrobić, zapoznaj się z naszym przewodnikiem na temat dodawania przycisków udostępniania i podawania dalej na Twitterze.

Następnie możesz promować twoją stronę X za pomocą wyskakującego okienka.

Wyskakujące okienka mogą poprawić widoczność Twojego profilu X i zwiększyć liczbę obserwujących. Można ich używać do budowania listy mailingowej, oferowania aktualizacji treści, wyświetlania formularza kontaktowego i nie tylko. Ponadto istnieje sposób, aby uczynić twoje wyskakujące okienka mniej inwazyjnymi.

Twitter page in a popup

Więcej szczegółów można znaleźć w naszym przewodniku na temat tego , jak promować twoją stronę na Twitterze w WordPressie za pomocą wyskakującego okienka.

Mamy nadzieję, że ten poradnik pomógł ci dowiedzieć się, jak wyświetlić twoją liczbę obserwujących na Twitterze jako tekst w WordPress. Możesz również dowiedzieć się , jak przeprowadzić konkurs w mediach społecznościowych, aby rozwinąć twoją witrynę lub nasze wybory ekspertów dotyczące najlepszych wtyczek Twittera dla WordPressa.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

29 komentarzyZostaw odpowiedź

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk

    I’ve also set up a Twitter account for my website to increase its reach. It might be nice to use this article and display the numbers in the posts. Perhaps, as part of marketing, it might encourage some readers to also join as followers. It could enhance the integration with social media and improve website traffic.

  3. venky

    Hi used the same code in my site..but its not showing the follower counter of the twitter pages

    pls help me out ..

  4. Noraly

    update: after having one last look I saw I hadn’t activated the access token. So now it does show up, only way at the bottom of my sidebar. How do I move it up to a more logical place? Preferably within the text widget at the top, so I can include it with all my other social media links. Thank you!

  5. Noraly

    Hi all, hope you are still monitoring comments, since it’s an older article. I have copied the code in functions.php, replaced the key and secret (left the ’ ’ intact, was I meant to do that?). Then I copied the other bit in sidebar.php. Replaced the yourscreenname with my twittername. This doesn’t make it show up in the sidebar though. Should I do something with a text widget in the sidebar, where I want it to show up? Just putting the last line of code in a sidebarwidget doesn’t seem to be the trick. Would appreciate your help. Thanks!

  6. Jitendra

    Can i use it in other PHP application? I mean any other application which is not WP.

  7. arun

    It is not working for me.
    I have added that code into sidebar template , then i replaced consumer key and secret key with screen name. Still it is not working
    This is my page url

    • WPBeginner Support

      Arun it seems like you resolved the issue, when we visited your webpage it was showing the correct twitter follower count in plain text.

      Administrator

  8. Nic Granleese

    Hi,

    Can you tell me if this code works for multiple twitter users.
    I’m trying to make a table with different users on a site with their respective twitter follow count.
    When I tried it seems to display only one twitter user’s count, which I assume is because user one get’s cached, and then the second, third, and n users just display the same result.

    Nic

      • Thomas

        I’ve got the same problem.
        When I ask for the follower count of three different accounts and display it on a page, it displays the same number three times. The number it displays is the exact follower count of the first account.
        Do you know how to fix this? :/
        Thanks in advance.

        Thomas

  9. Julian Lara

    Its possible to get a comma in the number like 140,029. Because actually show like 140029.

    • jahirul

      Would you please share the code of follower count of yours? the function and the activation code, please.

  10. Nazar

    This doesn’t work for me.

    I’ve replaced $consumerKey and $consumerSecret as well as made the Access level to „Read and write” but nothing is happening :|

  11. irfan

    Hey hi,
    Such a great post.
    I have ask a question for you I use twiiter user link (https://twitter.com/screen_name) when i use this link show followers its that possible?
    Any one,
    Thank Advance

  12. Alvin

    Hello,

    we get this error

    Fatal error: Call to undefined function get_option() in line 17

    line 17 is this

    $token = get_option(’cfTwitterToken’);

  13. Malcom Miles

    Wrapped this tutorial along with the „Wordpress Site Specific Plugin” tutorial and worked like a charm.

    Many thanks! :3

    • jahirul

      would you give me the code or the link of your plugin please.

  14. Tyler

    I’ve tried doing this atleast 10 times and can’t get it to work. Is it up-to-date?

      • jahirul

        Does it work in localhost with net connection?

  15. Zulhilmi Zainudin

    How about to display Facebook Fans & Google+ Followers in text?

  16. Chandra

    Thanks for this code. I used this in my site but after sometime, I tested with an addition of follower but that count is not being updated. It still shows old count. Is something missing ? Thanks.

    • Chandra

      Ah, it updated after an hour or so…

  17. regnar

    A little demo would be great.

    • Editorial Staff

      It will show the count as text. For example: if you have 100 followers, then it will output 100. Not sure what you expected in the demo.

      Administrator

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.