Wie man die Anzahl der Twitter-Follower als Text in WordPress anzeigt

Möchten Sie die Anzahl Ihrer Twitter-Follower als Text in WordPress anzeigen?

Indem Sie zeigen, dass Ihnen viele Menschen in den sozialen Medien folgen, können Sie das Vertrauen der Besucher in Ihre Website stärken. Noch besser: Wenn Sie diese Informationen als Text anzeigen, können Sie sie überall auf Ihrer Website verwenden, auch innerhalb Ihrer Beiträge und Seiten.

In diesem Artikel zeigen wir Ihnen, wie Sie die Anzahl Ihrer Twitter-Follower als Text in WordPress anzeigen können.

Warum zählt die Anzeige von Twitter-Followern als Text in WordPress?

Vielleicht ist Ihnen schon aufgefallen, dass viele beliebte Blogs, Influencer und Marken stolz darauf verweisen, wie viele Menschen ihnen in den sozialen Medien folgen.

Wenn die Besucher sehen, dass Ihnen viele Menschen in den sozialen Medien folgen, ist es wahrscheinlicher, dass sie Ihrem Unternehmen vertrauen und Sie als Experten in Ihrer Blogging-Nische ansehen.

Viele der besten Social-Media-Plugins ermöglichen es Ihnen, die Gesamtzahl der Follower in eingebetteten Feeds, Schaltflächen, Bannern und mehr anzuzeigen.

Manchmal möchten Sie die Zahl jedoch als reinen Text anzeigen. Dies gibt Ihnen die Freiheit, die Anzahl der Follower in Ihren Blogbeiträgen, in der Fußzeile oder an einer anderen Stelle Ihres WordPress-Blogs oder Ihrer Website anzuzeigen.

Sehen wir uns also an, wie Sie die Anzahl Ihrer Twitter-Follower als Text in WordPress anzeigen können.

Schritt 1: Besorgen Sie sich einen Twitter API-Schlüssel und ein Geheimnis

Um die Anzahl Ihrer Follower zu ermitteln, müssen Sie auf die Twitter-API zugreifen, indem Sie einen API-Schlüssel und ein Geheimnis erstellen.

Um diese Informationen zu erhalten, besuchen Sie das Twitter-Entwicklerportal und klicken Sie dann auf „Kostenloses Konto einrichten“.

Sie können nun einige Informationen darüber eingeben, wie Sie die Twitter-API verwenden möchten. Es ist ratsam, so viele Details wie möglich anzugeben, da Twitter diese Informationen überprüft und Ihr Konto möglicherweise löscht, wenn es nicht versteht, wie Sie die API nutzen.

Lesen Sie anschließend die Allgemeinen Geschäftsbedingungen. Wenn Sie mit der Anmeldung einverstanden sind, klicken Sie auf die Schaltfläche „Absenden“.

Sie sehen nun das Entwicklerportal. Klicken Sie im linken Menü auf den Abschnitt „Projekte & Apps“. Wählen Sie dann „Übersicht“.

Sie können nun auf „App hinzufügen“ klicken.

Danach geben Sie einfach den Namen ein, den Sie für Ihre Twitter-App verwenden möchten. Dies dient nur als Referenz, Sie können also alles verwenden, was Sie wollen.

Klicken Sie anschließend auf die Schaltfläche „Weiter“.

Twitter zeigt nun einen API-Schlüssel und ein API-Geheimnis an. Dies ist das einzige Mal, dass Sie diese Informationen sehen, also notieren Sie sie an einem sicheren Ort.

Wir empfehlen, den Schlüssel und das Geheimnis in einem Passwort-Manager zu speichern, um die Sicherheit zu erhöhen.

Schritt 2: Hinzufügen von benutzerdefiniertem Code zu Ihrer WordPress-Website

Die einfachste Möglichkeit, die Anzahl der Twitter-Follower auf Ihrer Website anzuzeigen, ist die Verwendung von PHP-Code.

Aus Sicherheitsgründen erlaubt WordPress nicht, dass Sie PHP-Code direkt in Ihre Seiten und Beiträge einfügen, aber es erlaubt Shortcodes. Das heißt, Sie können einen benutzerdefinierten Shortcode erstellen und ihn dann mit Ihrem PHP-Code verknüpfen.

Der einfachste Weg, benutzerdefinierte Shortcodes in WordPress hinzuzufügen, ist die Verwendung von WPCode. Mit diesem Plugin können Sie so viele Shortcodes erstellen, wie Sie möchten, und diese dann mit verschiedenen Abschnitten des PHP-Codes verknüpfen.

Als Erstes müssen Sie das kostenlose WPCode-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung gehen Sie zu Code Snippets „ Snippet hinzufügen.

Hier sehen Sie alle vorgefertigten Snippets, die Sie zu Ihrer Website hinzufügen können. Dazu gehören Snippets, mit denen Sie WordPress-Kommentare vollständig deaktivieren, Dateien hochladen können, die WordPress standardmäßig nicht unterstützt, und vieles mehr.

Da Sie ein neues Snippet erstellen, fahren Sie mit der Maus über „Eigenen Code hinzufügen“. Klicken Sie dann einfach auf „Snippet verwenden“.

Geben Sie zunächst einen Titel für das benutzerdefinierte Code-Snippet ein. Dies kann alles sein, was Ihnen hilft, das Snippet im WordPress-Dashboard zu identifizieren.

Danach müssen Sie das Dropdown-Menü „Codetyp“ öffnen und „PHP Snippet“ auswählen.

Fügen Sie im Code-Editor einfach den folgenden PHP-Code ein:

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(); ?>

Ersetzen Sie im obigen Code die folgenden Platzhalter durch Ihren eigenen API-Schlüssel und Ihr API-Geheimnis:

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

Außerdem müssen Sie „wpbeginner“ durch das Twitter-Konto ersetzen, das Sie verwenden möchten. Das kann ein beliebiges Twitter-Konto sein, auch eines, das Sie nicht besitzen:

function getTwitterFollowers($screenName = 'wpbeginner')

Um den Twitter-Benutzernamen zu erhalten, öffnen Sie einfach das Twitter-Profil in einer neuen Registerkarte. Sie finden den Benutzernamen in der URL und in der Kopfzeile des Profils:

Wechseln Sie anschließend zurück zum WordPress-Dashboard. Klicken Sie hier einfach auf den Schalter „Inaktiv“, damit er sich in „Aktiv“ ändert.

Anschließend können Sie auf die Schaltfläche „Snippet speichern“ klicken.

Blättern Sie dann zum Abschnitt „Einfügen“.

WPCode kann Ihren Code automatisch an verschiedenen Stellen einfügen, z. B. nach jedem Beitrag, nur im Frontend oder nur für Administratoren. Um den Shortcode zu erhalten, klicken Sie einfach auf die Schaltfläche „Shortcode“.

Sie können jetzt den Shortcode verwenden, um jeder Seite oder jedem Beitrag Social Proof hinzuzufügen.

Klicken Sie im Block-Editor einfach auf die Schaltfläche „+“ und geben Sie „Shortcode“ ein. Wenn er erscheint, wählen Sie den Shortcode-Block aus, um ihn der Seite oder dem Beitrag hinzuzufügen.

Sie können nun den Shortcode zum Block hinzufügen.

Beachten Sie jedoch, dass der Shortcode lediglich die Gesamtzahl der Follower anzeigt. Daher sollten Sie in der Regel einen Text hinzufügen, der die Bedeutung der Zahl erläutert.

Weitere Informationen über die Platzierung des Shortcodes finden Sie in unserer Anleitung zum Hinzufügen eines Shortcodes in WordPress.

Wenn Sie mit der Einrichtung der Seite zufrieden sind, können Sie die Anzahl der Follower aktivieren, indem Sie entweder auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“ klicken.

Wenn Sie nun Ihre WordPress-Website besuchen, sehen Sie die Anzahl der Follower live.

Wir hoffen, dass diese Anleitung Ihnen geholfen hat zu lernen, wie Sie die Anzahl Ihrer Twitter-Follower als Text in WordPress anzeigen können. Vielleicht möchten Sie auch erfahren , wie Sie einen benutzerdefinierten Instagram-Foto-Feed in WordPress erstellen oder unsere Expertenauswahl der besten Twitter-Plugins für WordPress ansehen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.