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

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

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

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

L’affichage du nombre d’abonnés aux médias sociaux vous permet d’ajouter une preuve sociale à votre site, de renforcer l’identité de votre marque et de vous aider à 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.

Show social media follower count in 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.

Social media follower count preview

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é, rendez-vous sur la page WP Social  » Social Counter depuis le Tableau de bord WordPress et passez à l’onglet Fournisseurs.

Social counter settings

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

Platform settings

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.

Display social follower count in sidebar widget

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]

Add shortcode

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.

Social media follower count preview

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.

Smash Balloon website

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.

Add a social wall

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.

Add social media feed

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 :

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.

Customize social wall

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.

Add a shortcode for the social wall

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

Create a Facebook app

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

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

Choose app type

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

Provide app details

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

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

App dashboard

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.

Generate Facebook token

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.

Choose page

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

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

Permissions

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.

Copy access token

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

Get page ID

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.

Facebook follower count

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.

Create Twitter app

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

Vous pouvez choisir le nom que vous voulez.

Twitter app name

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.

Twitter API keys

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.

Twitter follower count

Bonus : Ajouter des boutons de partage social dans WordPress

En plus d’afficher le nombre de vos abonnés sur les réseaux sociaux, vous pouvez également afficher des boutons de partage social. Cela permettra aux utilisateurs de partager le contenu de votre blog WordPress avec leurs amis et leur famille et vous aidera à atteindre un public plus large.

Vous pouvez facilement ajouter des boutons de partage social en installant et en activant l’extension Social Snap. Pour plus de détails, consultez notre guide du débutant sur l’installation d’une extension WordPress.

Une fois activé, visitez la page  » Réglages  » de Social Snap et passez à l’onglet  » Partage social  » dans la colonne de gauche. Cela ouvrira de nouveaux Réglages où vous devrez sélectionner l’onglet  » Gérer les réseaux « .

Sélectionnez ensuite les plateformes de réseaux sociaux de votre choix dans le prompt et quittez l’onglet.

Click the Add Network button to choose social media platforms for social sharing buttons

Déployez maintenant l’onglet « Boutons en ligne » et configurez la position, l’alignement, le libellé, la forme et la taille des boutons.

Une fois que vous avez fait cela, défilez vers le bas jusqu’à la section  » Afficher sur  » et choisissez les endroits où vous souhaitez afficher les boutons. Ici, vous pouvez cocher la case « Publications » si vous souhaitez uniquement afficher les boutons de partage social sur vos publications.

Choose where you want to display your social sharing buttons

Enfin, cliquez sur le bouton « Enregistrer les modifications » pour stocker vos réglages.

Visitez maintenant une publication sur votre site pour voir les boutons de partage social en action. Pour plus de détails, consultez notre tutoriel sur l ‘ajout de boutons de partage social dans WordPress.

Social sharing buttons preview

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.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

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.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

20 commentairesLaisser une réponse

  1. Syed Balkhi says

    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. Priyanka says

    In my wordpress website I am not able to trace from where the social counter is working. The FB, twitter and other are showing but with zero value.

  3. JK says

    Hi,

    First of all thank you for your tips and tricks. :)
    I have from nowhere lost all my twitter and pinterest and some google+ social counts in my posts. Facebook still works. I haven’t changed permalinks.

  4. Colin says

    Great tutorial. I’ve managed to get everything working in my blog page, reglazeglasses4u.co.uk/blog.html using the widgets but I can’t get any of the icons to show up on either pages or posts using the shortcodes. Any ideas?

  5. Stephanie Riggs says

    Wow! This is very easy tutorial to install Social Count Plus plugin and then develop application on Twitter in order to display social media followers count as text. I didn’t try this on my blog but after finding this tutorial I will experience it on my blog to make it prettier :)

  6. Ravi Chahar says

    It is always a keen query done by bloggers. The main point is about designing the website in which social media icons helps a lot. The question asked by many about arranging these buttons followed by the number count under them is a matter to solve. I hope the plugin about which you have explained will work properly.
    Thanks for sharing.

  7. Claudio Sanches says

    I never imagined that someday my plugin would have some here: D
    Many thanks for talking about my plugin *____*

  8. Gary Neal Hansen says

    Thanks for the info.

    This seems very complicated for something one sees on many sites. My old wordpress.com site displayed total followers automatically if I used its publicize function.

    Isn’t there an easier way with a plugin?

    • WPBeginner Support says

      We found this to be the easiest way to accomplish this. Just follow through the instructions step by step. Let us know which part feels more complicated to you and we will try to further explain it for you.

      Administrateur

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.