Comment afficher le nombre d’abonnés Twitter sous forme de texte dans WordPress

Voulez-vous afficher le nombre de vos abonnés Twitter sous forme de texte dans WordPress ?

En affichant que de nombreuses personnes vous suivent sur les réseaux sociaux, vous pouvez encourager les internautes à faire confiance à votre site. Mieux encore, en affichant ces informations sous forme de texte, vous avez la liberté de les utiliser n’importe où sur votre site, y compris à l’intérieur de vos publications et de vos pages.

Dans cet article, nous allons afficher comment afficher le nombre de vos abonnés Twitter sous forme de texte dans WordPress.

Pourquoi l’affichage des abonnés Twitter est-il considéré comme du texte dans WordPress ?

Vous avez peut-être remarqué que de nombreux blogs, influenceurs et marques populaires affichent fièrement le nombre de personnes qui les suivent sur les médias sociaux.

Si les internautes voient que de nombreuses personnes vous suivent sur les réseaux sociaux, ils sont alors plus susceptibles de faire confiance à votre entreprise et de vous considérer comme un expert dans votre niche de blogging.

Bon nombre des meilleurs plugins de médias sociaux vous permettent d’afficher le nombre total de followers dans les flux embarqués, les boutons, les bannières, etc.

Cependant, il peut arriver que vous souhaitiez afficher le nombre en texte brut. Cela vous donne la liberté d’ajouter le nombre d’abonnés à vos publications de blog, au pied de page ou à tout autre endroit de votre blog ou site WordPress.

Dans cette optique, voyons comment vous pouvez afficher le nombre de vos abonnés Twitter sous forme de texte dans WordPress.

Étape par étape : Obtenir une Clé de l’API Twitter et un Secret

Pour obtenir le nombre de vos abonnés, vous devez accéder à l’API de Twitter en créant une Clé de l’API et un Secret.

Pour obtenir ces informations, rendez-vous sur le portail des développeurs/développeuses de Twitter, puis cliquez sur « Sign up for Free Account ».

Vous pouvez maintenant saisir des informations sur la manière dont vous comptez utiliser l’API de Twitter. Il est conseillé de fournir autant de détails que possible, car Twitter examinera ces informations et pourra supprimer votre compte s’il ne comprend pas comment vous utilisez son API.

Lisez ensuite les termes et conditions. Si vous êtes d’accord, cliquez sur le bouton « Envoyer ».

Le portail développeurs/développeuses s’affiche. Dans le menu de gauche, cliquez pour déplier la section « Projets et applications ». Sélectionnez ensuite « Vue d’ensemble ».

Vous pouvez maintenant cliquer sur « Ajouter une application ».

Ensuite, tapez le nom que vous souhaitez utiliser pour votre application Twitter. Il s’agit d’une simple référence, vous pouvez donc utiliser ce que vous voulez.

Cliquez ensuite sur le bouton « Suivant ».

Twitter affiche maintenant une clé d’API et un secret d’API. C’est la seule fois que vous verrez ces informations, alors notez-les dans un endroit sûr.

Nous vous recommandons d’ajouter la clé et le secret à un gestionnaire de mots de passe pour plus de sécurité.

Étape par 2 : Ajouter un code personnalisé à votre site WordPress

La manière la plus simple d’ajouter le nombre d’abonnés Twitter à votre site est d’utiliser un code PHP.

Pour des raisons de sécurité, WordPress ne vous permet pas d’ajouter du code PHP directement à vos pages et publications, mais il permet l’utilisation de codes courts. Cela signifie que vous pouvez créer un code court personnalisé et le lier à votre code PHP.

La manière la plus simple d’ajouter des codes courts personnalisés dans WordPress est d’utiliser WPCode. Cette extension vous permet de créer autant de codes courts que vous le souhaitez, puis de les lier à différentes sections du code PHP.

La première chose à faire est d’installer et d’activer l’extension gratuite WPCode. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Une fois activé, rendez-vous dans la rubrique Extraits de code  » Ajouter un extrait.

Vous consulterez cette page pour connaître tous les extraits prêts à l’emploi que vous pouvez ajouter à votre site. Il s’agit notamment d’extraits qui vous permettent de désactiver complètement les commentaires WordPress, de téléverser des fichiers que WordPress ne supporte pas par défaut, et plus encore.

Puisque vous créez un nouvel extrait, survolez avec votre souris la rubrique « Ajouter votre code personnalisé ». Cliquez ensuite sur « Utiliser l’extrait ».

Pour commencer, saisissez un titre pour l’extrait de code personnalisé. Il peut s’agir de n’importe quoi qui vous aide à identifier l’extrait dans le Tableau de bord WordPress.

Ensuite, vous devez ouvrir le menu déroulant « Code Type » et sélectionner « PHP Snippet ».

Dans l’éditeur/éditrices de code, collez simplement le code PHP suivant :

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

Dans le code ci-dessus, veillez à remplacer les caractères de remplacement suivants par votre propre clé de l’API et votre secret de l’API :

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

Vous devrez également remplacer « wpbeginner » par le compte Twitter que vous souhaitez utiliser. Il peut s’agir de n’importe quel compte Twitter, y compris des comptes dont vous n’êtes pas propriétaire :

function getTwitterFollowers($screenName = 'wpbeginner')

Pour obtenir l’identifiant Twitter, il suffit d’ouvrir le profil Twitter dans un nouvel onglet. Vous trouverez l’identifiant dans l’URL et dans l’en-tête du profil :

Une fois cela fait, retournez dans le Tableau de bord WordPress. Cliquez sur le bouton « Inactif » pour qu’il se modifie en « Actif ».

Vous pouvez ensuite cliquer sur le bouton « Enregistrer l’extrait ».

Ensuite, défilez jusqu’à la section « Insertion ».

WPCode peut ajouter automatiquement votre code à différents Emplacements, tels que après chaque publication, interface publique uniquement, ou administrateur uniquement. Pour obtenir le code court, il suffit de cliquer sur le bouton « Code court ».

Vous pouvez désormais utiliser le code court pour ajouter de la preuve sociale à n’importe quelle page ou publication.

Dans l’éditeur de blocs, il suffit de cliquer sur le bouton  » +  » et de taper  » Code court « . Lorsqu’il apparaît, sélectionnez le bloc Code court pour l’ajouter à la page ou à la publication.

Vous pouvez maintenant ajouter le code court au bloc.

Sachez simplement que le code court affiche simplement le nombre total d’abonnés, vous devrez donc généralement ajouter un texte expliquant la signification de ce nombre.

En savoir plus sur le placement du code court, Veuillez consulter notre guide sur l’ajout d’un module court dans WordPress.

Lorsque vous êtes satisfait de la façon dont la page est configurée, vous pouvez mettre en direct le nombre d’abonnés en cliquant sur le bouton « Mettre à jour » ou « Publier ».

Maintenant, si vous visitez votre site WordPress, vous verrez le nombre d’abonnés en direct.

Nous espérons que ce tutoriel vous a aidé à apprendre comment afficher le nombre de vos followers Twitter sous forme de texte dans WordPress. Vous voudrez peut-être aussi apprendre comment créer un flux de photos Instagram personnalisé dans WordPress ou consulter nos choix d’experts pour les meilleures extensions Twitter pour WordPress.

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.