Comment afficher le nombre d’abonnés aux réseaux sociaux dans WordPress

Voulez-vous afficher facilement le nombre d’abonnés aux réseaux sociaux sous forme de texte dans WordPress ?

L’affichage du nombre de followers sur les réseaux sociaux vous aide à ajouter une preuve sociale à votre site, renforce l’identité de votre marque et vous aide à développer votre entreprise.

Dans cet article, nous allons vous afficher comment afficher facilement le nombre de followers des réseaux sociaux sous forme de texte dans WordPress.

Pourquoi afficher le nombre d’abonnés aux réseaux sociaux sur votre site ?

Vous avez peut-être remarqué qu’un grand nombre de blogs, d’influenceurs et de marques populaires affichent fièrement leur nombre de followers sur les réseaux sociaux sur leur site.

Followers count vous aide à ajouter une preuve sociale à votre site WordPress. Cela vous permet de gagner la confiance des utilisateurs et de construire l’identité de la marque en affichant vos clients/clientes précédents et vos abonnés comme preuve.

De plus, il vous aide à obtenir plus d’abonnés sur vos profils de réseaux sociaux tout en offrant aux utilisateurs/utilisatrices des moyens pratiques de rester en contact.

Malheureusement, il n’est pas aussi simple ou facile d’afficher le nombre de followers sur les réseaux sociaux que nous le souhaiterions, mais c’est très certainement possible.

De nombreuses plateformes de réseaux sociaux nécessitent des clés de l’API pour aller chercher ces informations, et chacune d’entre elles a une façon différente de procéder.

Heureusement, il existe plusieurs extensions et solutions WordPress qui vous permettent d’afficher le nombre de vos abonnés sur les réseaux sociaux.

Cela étant dit, nous allons vous afficher différentes façons d’afficher le nombre de vos abonnés aux réseaux sociaux sur votre site WordPress. Vous pouvez choisir celle qui vous convient le mieux :

Méthode 1 : Afficher le nombre d’abonnés aux réseaux sociaux à l’aide d’une extension

Cette méthode est plus simple et vous permet d’Aller à/au besoin des Prérequis API si vous n’arrivez pas à les obtenir.

Cependant, elle n’est pas très fiable et peut ne pas être en mesure de récupérer le nombre d’abonnés en temps réel. En effet, les plateformes de réseaux sociaux modifient assez fréquemment leurs méthodes de clés API, ce qui perturbe les applications utilisant les anciennes méthodes.

La bonne chose est que l’extension fournit une option de repli pour saisir manuellement vos abonnés aux réseaux sociaux sous forme de texte.

Tout d’abord, vous devez installer et activer l’extension Wp Social Login and S’inscrire Social Counter. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Une fois activé, vous devez vous rendre sur la page WP Social  » Social Counter depuis le Tableau de bord WordPress et basculer sur l’onglet Fournisseurs.

À partir de là, activez chaque plateforme de réseau social que vous souhaitez afficher, puis cliquez sur le bouton Réglages pour la configurer.

Une fenêtre surgissante s’affiche, dans laquelle vous pouvez indiquer les détails de votre profil de réseau social pour cette plateforme. Vous trouverez également une option vous permettant de saisir manuellement un nombre d’abonnés par défaut sur Facebook.

Répétez le processus pour toutes les plateformes de réseaux sociaux que vous souhaitez afficher.

Une fois terminé, vous pouvez aller sur la page Apparence  » Widgets et ajouter le widget WSLU Social Counter à votre colonne latérale.

N’oubliez pas d’enregistrer vos modifications et de prévisualiser votre site.

Vous souhaitez afficher le nombre d’abonnés à un réseau social dans une publication ou une page ? Modifiez simplement la publication ou la page où vous souhaitez afficher le nombre de followers et ajoutez le code court suivant dans l’éditeur de contenu.

[xs_social_counter]

Ensuite, vous pouvez cliquer sur le bouton « Publier » ou « Mettre à jour » pour stocker vos Réglages.

Vous pouvez désormais vous rendre sur votre site WordPress pour voir le nombre de vos abonnés aux réseaux sociaux en action.

Méthode 2 : Afficher les flux des réseaux sociaux avec Smash Balloon

Une alternative plus simple à l’affichage du nombre d’abonnés aux réseaux sociaux consiste à afficher vos flux sociaux à l’aide de Smash Balloon.

Smash Balloon est la meilleure extension de réseau social pour WordPress. Il vous permet d’afficher le contenu de vos réseaux sociaux sous forme de flux avec de belles mises en page.

Tout d’abord, vous devez visiter le site de Smash Balloon. Ils proposent différentes extensions de flux de réseaux sociaux pour Instagram, Twitter, Facebook, YouTube et un flux combiné de Social Wall.

Nous vous recommandons de vous procurer le lot All Access, qui vous donne accès à toutes les extensions.

Après vous être inscrit, vous pouvez vous connecter à votre compte sur Smash Balloon et télécharger les extensions sur votre ordinateur.

Ensuite, vous pouvez aller de l’avant et installer les extensions de flux Smash Balloon un par un. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’une extension WordPress.

Pour les besoins de ce tutoriel, nous allons vous afficher comment créer un mur social qui vous aide à connecter tous vos flux de réseaux sociaux et à les afficher comme un seul.

Note : Pour ce faire, vous aurez besoin de l’extension Social Wall de Smash Balloon ainsi que du plugin de flux.

Une fois activé, visitez l’onglet de menu Social Wall dans le Tableau de bord WordPress et cliquez sur le bouton « Ajouter une nouvelle » en haut.

Cela vous amènera à un nouvel écran où vous verrez la liste des plateformes de réseaux sociaux avec des boutons pour les connecter. Cliquez sur le bouton « Ajouter au mur » pour la plateforme contenant les flux que vous souhaitez afficher sur votre mur social.

Cela affichera une liste des flux que vous avez déjà créés et que vous souhaitez ajouter à votre mur social.

Pour obtenir des instructions détaillées, vous pouvez consulter nos tutoriels abonnés sur la création de flux de réseaux sociaux avec Smash Balloon :

• Comment afficher le flux Instagram dans WordPress ?
• Comment afficher les publications de Facebook dans WordPress
• Comment afficher les derniers Tweets dans WordPress

Après avoir sélectionné les flux, cliquez sur le bouton « Créer un mur » en haut de la page.

Cela lancera l’éditeur visuel de Smash Balloon, où vous verrez un aperçu de votre mur social sur la droite avec des paramètres de personnalisation sur la gauche.

À partir de là, vous pouvez modifier la mise en page et la palette de couleurs, ajouter des boutons de chargement, etc. Pour plus de détails, consultez notre tutoriel sur l’ajout de vos flux de réseaux sociaux sur WordPress.

Enfin, cliquez sur le bouton « Enregistrer » en haut de la page pour stocker vos Réglages. Cliquez ensuite sur le bouton « Contenu embarqué ».

Cela ouvrira une invite à l’écran à partir de laquelle vous pouvez copier le code court pour le mur social que vous avez créé.

Ensuite, quittez l’éditeur de flux et ouvrez la page ou la publication où vous souhaitez ajouter le mur social dans l’éditeur de blocs.

À partir de là, cliquez sur le bouton  » Ajouter un bloc  » (+) dans le coin supérieur gauche de l’écran pour ouvrir le menu des blocs. Ajoutez ensuite le bloc Mur social à la page ou à la publication.

Allez-y et collez le code court que vous avez copié plus tôt dans la boîte « Réglages du code court » dans le panneau de bloc sur la droite.

Enfin, cliquez sur le bouton  » Publier  » ou  » Mettre à jour  » pour stocker vos réglages. Vous avez bien ajouté un mur social avec des flux pour vos comptes Facebook, Twitter et Instagram sur votre site.

Méthode 3 : Récupérer et afficher manuellement le nombre d’abonnés à l’aide d’un code

Cette méthode est un peu avancée et peut ne pas fonctionner très bien pour les débutants. Cependant, elle vous aidera à obtenir le nombre d’abonnés aux réseaux sociaux sous forme de texte.

Prérequis, la plupart des plateformes de réseaux sociaux nécessitent la création d’une appli et de clés API utilisateur pour récupérer des données comme le nombre d’abonnés sur leurs serveurs.

Dans cette méthode, nous allons vous afficher comment obtenir un nombre d’abonnés pour Twitter et Facebook en utilisant les clés API.

Vous devrez ajouter du code personnalisé à votre site WordPress. Si vous ne l’avez jamais fait auparavant, consultez notre guide sur la façon de copier et coller du code dans WordPress.

Afficher le nombre d’abonnés Facebook à l’aide d’un code

Pour obtenir le nombre d’abonnés à Facebook, vous devez procéder comme suit :

1. Créez une application Facebook pour accéder aux API de Facebook.
2. Générer un jeton d’accès. Celui-ci fait office de mot de passe et vous permet d’obtenir les informations dont vous avez besoin.
3. Utilisez l’application Facebook et le jeton d’accès pour obtenir des likes Facebook sur WordPress.

1. Créer une application Facebook

Commençons par créer une application Facebook. Il suffit de se rendre sur le site des développeurs/développeuses Meta et de cliquer sur le bouton  » Créer une appli « .

Ensuite, il vous sera demandé de choisir un type d’application.

Cliquez sur « Entreprise », puis sur le bouton « Suivant » pour continuer.

Ensuite, il vous sera demandé de donner votre nom d’expéditeur (qui peut être n’importe quoi) et votre adresse e-mail.

Vous pouvez passer à l’option compte professionnel et cliquer sur le bouton « Créer une application ».

Vous serez peut-être invité à saisir votre mot de passe Facebook.

Vous serez alors redirigé vers le Tableau de bord de votre application.

Sur cet écran, vous verrez plusieurs options, mais comme nous utilisons l’appli pour un usage personnel, nous n’avons pas besoin de ces options pour le moment.

2. Obtenir un jeton d’accès à l’API Facebook

Titre, vous devez vous rendre sur la page d’exploration de l’API Graph pour générer notre jeton d’accès et obtenir notre ID de page.

Tout d’abord, sélectionnez l’application que vous avez créée dans la section Facebook App.

Cliquez ensuite sur le menu déroulant « Obtenir un jeton » et sélectionnez l’option « Jeton d’accès à la page ».

La fenêtre surgissante des droits s’affiche, dans laquelle vous devez continuer à utiliser votre compte personnel et choisir la page pour laquelle vous souhaitez obtenir un jeton d’accès.

Ensuite, des droits et des avertissements vous sont affichés.

Vous pouvez les ignorer et cliquer sur « Terminé ».

Facebook va maintenant générer un jeton d’accès pour vous.

Il suffit de copier et de coller le jeton d’accès sur votre ordinateur à l’aide d’un éditeur de texte simple tel que Notepad ou TextEdit.

Avant de partir, la prochaine chose dont vous avez besoin est l’ID de la page.

Pour ce faire, vous devez saisir le slug de l’URL de votre page dans le formulaire ci-dessus, puis cliquer sur le bouton « Envoyer ».

Vous pouvez maintenant copier et coller l’ID de la page sur votre ordinateur à l’aide d’un éditeur de texte tel que Notepad ou TextEdit.

3. Afficher les  » J’aime  » de Facebook dans WordPress

Tout d’abord, copiez et collez le code suivant dans le fichier functions.php de votre thème WordPress ou utilisez WPCode (recommandé) :

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

Pour plus de détails, vous pouvez consulter notre guide sur la façon d’ajouter du code personnalisé dans WordPress.

Ensuite, vous devez coller le code suivant dans le modèle de votre thème WordPress à l’endroit où vous souhaitez afficher le nombre de J’aime Facebook sous forme de texte :

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

N’oubliez pas de remplacer l’ID de la page Facebook et le jeton d’accès par les valeurs que vous avez copiées précédemment.

Vous pouvez maintenant visiter votre site pour voir votre code en action. Voici ce que cela donne sur notre site de test.

Afficher le nombre d’abonnés Twitter sous forme de texte

Pour que les followers Twitter soient comptabilisés comme du texte, vous devez suivre les étapes suivantes :

1. Créer une application Twitter.
2. Obtenir la clé de l’API Twitter.
3. Récupérer le nombre d’abonnés dans WordPress.

1. Créer une application Twitter et obtenir des clés API

Tout d’abord, vous devez vous rendre sur le site développeur/développeuse de Twitter et créer une nouvelle application autonome.

Il vous sera demandé de donner un nom à votre application.

Vous pouvez choisir le nom que vous voulez.

Ensuite, vous verrez les clés de l’API pour votre application.

Copiez ces clés sur votre ordinateur à l’aide d’un éditeur de texte tel que Notepad ou TextEdit.

2- Récupérer le nombre d’abonnés Twitter dans WordPress

Ensuite, vous devez ajouter le code abonné au fichier functions.php de votre thème ou en utilisant WPCode (recommandé) :

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

N’oubliez pas de remplacer wpbeginner par votre propre identifiant Twitter et les clés API par vos propres clés API.

Ensuite, vous pouvez ajouter le code suivant à votre thème WordPress à l’endroit où vous souhaitez afficher le nombre d’abonnés à Twitter :

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

Vous pouvez désormais visiter votre site et voir le nombre de vos abonnés Twitter en action.

Nous espérons que cet article vous a aidé à afficher le nombre de vos abonnés sur les réseaux sociaux dans WordPress. Vous pouvez également consulter notre fiche complète sur les réseaux sociaux pour WordPress ou notre guide de référencement WordPress pour obtenir plus de trafic organique à partir des moteurs de recherche.

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.