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

Czy chcesz wyświetlać twoją liczbę obserwujących na Twitterze jako tekst w WordPress?

Pokazując, że wiele osób śledzi cię w mediach społecznościowych, możesz zachęcić odwiedzających do zaufania twojej witrynie internetowej. Co więcej, wyświetlając te informacje jako tekst, masz swobodę korzystania z nich w dowolnym miejscu na twojej witrynie internetowej, w tym we wpisach i na stronach.

W tym artykule pokażemy, jak wyświetlić twoją liczbę obserwujących na Twitterze jako tekst w 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 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.

Wiele z najlepszych wtyczek do mediów społecznościowych pozwala wyświetlać całkowitą liczbę obserwujących w osadzanych kanałach, przyciskach, banerach i nie tylko.

Czasami jednak warto 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, zobaczmy, jak wyświetlić twoją liczbę obserwujących na Twitterze jako tekst w WordPress.

Krok 1: Uzyskanie klucza API i sekretu Twittera

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

Aby uzyskać te informacje, przejdź do portalu dla programistów Twittera, a następnie kliknij „Zarejestruj darmowe konto”.

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

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

Wyświetli się portal dla deweloperów. W menu po lewej stronie kliknij, aby rozwinąć sekcję „Projekty i aplikacje”. Następnie wybierz „Przegląd”.

Możesz teraz przejść dalej i kliknąć „Dodaj aplikację”.

Następnie wpisz rodzaj nazwy, której chcesz użyć dla swojej aplikacji na Twitterze. To jest tylko dla twojego odniesienia, więc możesz użyć czegokolwiek chcesz.

Po zakończeniu kliknij przycisk „Dalej”.

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

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 na Twitterze 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. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

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

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 „Dodaj swój własny kod”. Następnie kliknij „Użyj fragmentu kodu”.

Na początek wpisz 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”.

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

Będziesz musiał również zastąpić „WPBeginner” kontem na Twitterze, którego chcesz używać. Może to być dowolne konto na Twitterze, w tym konta, których nie jesteś właścicielem:

function getTwitterFollowers($screenName = 'wpbeginner')

Aby uzyskać nazwę użytkownika Twittera, wystarczy otworzyć profil Twittera w nowej karcie. Nazwę użytkownika znajdziesz pod adresem URL i w nagłówku profilu:

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

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

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”.

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”. Po wyświetleniu wybierz blok Krótki kod, aby dodać go do strony lub wpisu.

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.

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.

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 utworzyć własny kanał zdjęć Instagramu w WordPressie lub sprawdzić 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.