Comment afficher les publications populaires en fonction des vues dans WordPress (2 façons)

Vous souhaitez afficher les publications les plus populaires en fonction de leurs vues dans WordPress ?

En affichant vos publications de blog WordPress les plus populaires, vous pouvez aider les lecteurs à trouver votre meilleur contenu et le plus utile. De plus, cela peut les encourager à rester plus longtemps sur votre site.

Dans cet article, nous allons vous afficher comment afficher vos publications populaires par vues dans WordPress.

Pourquoi afficher les publications les plus populaires en fonction des vues dans WordPress ?

Lorsque les utilisateurs/utilisatrices voient vos publications de blog WordPress les plus populaires, ils peuvent découvrir le contenu que leurs collègues lecteurs apprécient le plus. Ils peuvent ainsi consulter ces articles et participer à la conversation.

De plus, l’affichage de vos contenus les plus populaires dans WordPress peut renforcer votre preuve sociale. C’est comme si vous disiez aux utilisateurs nouveaux/utilisatrices : « Hé, d’autres personnes ont trouvé ces publications vraiment utiles, et vous pourriez en faire autant ! ».

Enfin, afficher vos publications de blog en vogue peut inciter les internautes à rester plus longtemps sur votre site et à explorer davantage votre contenu.

Plus l’engagement de vos utilisateurs/utilisatrices augmente, plus Google pense que votre contenu est bon et important. En retour, votre site peut se classer plus haut. De plus, cela donne aux Lecteurs plus de temps pour convertir, comme s’inscrire à votre newsletter.

Malheureusement, WordPress n’a pas de fonctionnalité ou de bloc intégré pour afficher vos publications les plus populaires en fonction des pages vues. Dans ce guide, nous allons vous afficher comment faire exactement cela avec une extension et avec du code.

Il vous suffit de cliquer sur l’un des liens ci-dessous pour accéder directement à votre méthode préférée :

Tutoriel vidéo

Si vous préférez les instructions écrites, continuez à lire.

Méthode 1 : Afficher les publications WordPress les plus populaires en fonction des vues avec MonsterInsights

La façon la plus simple d’afficher les publications populaires en fonction des vues dans WordPress est d’utiliser une extension. Il existe en fait de nombreuses extensions WordPress pour les publications populaires, mais à notre avis, le meilleur choix est MonsterInsights.

Utilisé par plus de 3 millions de sites dans le monde, MonsterInsights est la meilleure extension Google Analytics pour WordPress. Bien que sa fonctionnalité principale soit les Statistiques, il dispose également d’une fonctionnalité simple/simple d’utilisation pour afficher vos publications les plus populaires.

Avant toute chose, vous devrez installer l’extension MonsterInsights et la connecter à votre compte Google Analytics. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation de Google Analytics sur WordPress pour les débutants.

Choisissez un thème pour lewidget des publications populaires

Une fois que vous avez activé et défini l’extension, accédez à Insights  » Popular Posts à partir du tableau de bord WordPress. Ensuite, cliquez sur l’article de menu  » Popular Posts Widget « .

En défilant vers le bas, vous devrez sélectionner un thème pour afficher le widget des publications populaires. Il existe plusieurs options.

Certains incluent une image mise en avant pour la publication, tandis que d’autres ont une apparence plus minimale.

Si vous souhaitez voir à quoi ressemble le thème avant de faire votre choix, il vous suffit de descendre dans la page jusqu’à la section Prévisualisation du thème.

Vous pouvez également prévisualiser le thème dans un format large ou étroit. Avec le format Wide, vous verrez vos publications listées sous le contenu de la page ou de la publication, tandis que le format Narrow affiche les publications sur le côté droit de celle-ci, comme une colonne latérale.

Ensuite, défilons vers le bas jusqu’à la section  » Personnaliser le design « . Ici, vous pouvez modifier les couleurs du thème, la taille de la police, la mise en page et le nombre de publications à afficher.

Les options de personnalisation ici peuvent varier en fonction du thème que vous utilisez. Confirmez donc que vous pouvez explorer les différents thèmes pour voir celui qui vous convient le mieux.

Configurer le comportement du widget des publications populaires

Une fois que vous avez configuré le design du thème, vous devez vous rendre dans la section Comportement. C’est ici que vous contrôlerez la façon dont le widget des publications populaires apparaîtra sur votre site WordPress.

Dans les Réglages du style du widget, vous pouvez choisir d’utiliser le design que vous avez fait ci-dessus ou d’opter pour ne pas styliser le widget du tout. Avec la seconde option, le widget suivra le CSS du thème de votre site WordPress.

Ensuite, vous pouvez choisir comment le widget doit sélectionner vos publications les plus populaires. Ici, choisissez « Personnalisé ».

Ce que vous devez faire ensuite, c’est activer l’option  » Ajouter les 5 meilleures publications à partir de Google Analytics  » ci-dessous. Mais avant cela, vous aurez besoin du module complémentaire Dimensions personnalisées de MonsterInsights et d’ajouter le type de publication en tant que nouvelle dimension personnalisée.

Cela permettra à MonsterInsights de choisir les publications les plus populaires sur la base des données de Google Analytics.

Pour ce faire, vous devez télécharger le module complémentaire MonsterInsights Dimensions et l’installer en tant qu’extension dans WordPress. Pour obtenir des instructions étape par étape, consultez notre guide sur l’installation d’une extension WordPress.

Ensuite, allez dans Insights «  Réglages et passez à l’onglet  » Conversions « . Cliquez ensuite sur  » Ajouter une nouvelle dimension personnalisée « .

Sélectionnez ensuite « Type de publication » dans le menu déroulant.

Cela permettra à MonsterInsights de suivre les performances de vos articles de blog et autres types de publications personnalisées.

Il vous suffit maintenant de retourner dans Insights  » Popular Posts et d’aller dans ‘Popular Posts Widget’.

Il suffit d’activer le bouton de permutation  » Ajouter les 5 meilleures publications de Google Analytics « . Cliquez ensuite sur « Tester les publications automatisées » pour vérifier que la configuration a bien été effectuée.

Si c’est le cas, vous verrez apparaître une fenêtre surgissante contenant un message de réussite.

Il doit indiquer : « Les données des Popular Posts peuvent être récupérées correctement. Veuillez noter : selon la date à laquelle vous avez configuré les paramètres des Dimensions personnalisées, il peut s’écouler jusqu’à 7 jours avant que les données des Popular Posts ne soient chargées à partir de Google Analytics.

En passant aux étapes suivantes, vous pouvez maintenant ajouter un titre qui apparaîtra au-dessus du widget. Il peut s’agir de quelque chose comme  » Consultez nos publications les plus populaires  » ou quelque chose de similaire.

En dessous, vous pouvez choisir si le widget doit être affiché dans tous les types de publication, être exclu de certaines publications et/ou apparaître uniquement dans certaines catégories de publications.

Ces réglages sont utiles si vous avez des types de publication personnalisés autres que les articles de blog et que vous avez l’impression que le widget des publications populaires n’y sera pas pertinent.

L’une des dernières étapes consiste à embarquer le widget des publications populaires. Il existe plusieurs options : le placer automatiquement, utiliser un bloc Gutenberg, l’ajouter en tant que widget de la colonne latérale ou utiliser un code court.

Examinons chaque option l’une après l’autre.

Embarquer automatiquement le widget des publications les plus populaires

Le placement automatique est recommandé si vous souhaitez que le widget s’affiche sur toutes les publications qui correspondent aux paramètres de comportement que vous avez définis précédemment.

Pour cela, il suffit d’activer le bouton Placement automatique.

L’inconvénient de cette option est que vous ne pouvez pas ajuster le design du widget en fonction de ce qui convient le mieux à la publication ou à la page. Si vous avez besoin de ce type de fonctionnalité, vous pouvez essayer la méthode suivante.

Contenu embarqué du bloc des publications populaires dans une page ou un message

Si vous souhaitez avoir plus de contrôle sur l’apparence du widget sur une page ou une publication, cette méthode est faite pour vous.

Tout d’abord, allez dans l’éditeur de blocs de la publication ou de la page où vous voulez que le widget soit. Ensuite, cliquez sur le bouton d’ajout de bloc « + » n’importe où dans l’éditeur et recherchez le bloc Articles populaires.

Dans le panneau des Réglages du widget, vous verrez qu’il y a des options pour modifier le thème du widget, la taille de la police, les couleurs, le titre, la mise en page et le nombre de publications.

Ces réglages sont similaires à ceux que nous avons vus dans l’extension MonsterInsights.

La seule modification réside dans le fait que vous ne pouvez pas modifier les publications sélectionnées dans le widget.

Cela dit, dans les Réglages du comportement, il est possible d’afficher uniquement les publications de certaines catégories. De cette façon, vous pouvez faire en sorte que les choix de publications populaires soient plus adaptés à vos besoins.

Une fois que vous êtes satisfait des réglages du bloc, il vous suffit de cliquer sur le bouton « Mettre à jour » dans les éditeurs/éditrices de publications et de pages.

Voici à quoi ressemble le bloc « Publications populaires » sur notre site de test :

Contenu embarqué du widget Popular Posts dans une colonne latérale

Si vous utilisez un thème WordPress non bloqué qui dispose d’une zone de colonne latérale prête à accueillir des widgets, vous pouvez y ajouter le widget Popular Posts.

Il vous suffit de vous rendre dans Apparence  » Widgets. Ensuite, cliquez sur le bouton d’ajout de widget  » +  » dans la zone de la colonne latérale et recherchez le widget Popular Posts – MonsterInsights.

Comme dans la méthode précédente, le widget comprend des réglages similaires pour personnaliser l’apparence de votre thème.

Ce qui est différent, c’est que l’interface est légèrement plus difficile à utiliser. Lorsque vous modifiez les réglages, vous ne pouvez pas voir à quoi ressemble réellement le widget. Vous devrez cliquer sur un autre widget ou sur une autre zone pour en avoir un aperçu.

Si vous êtes satisfait de l’aspect du widget, cliquez sur « Mettre à jour » dans le coin supérieur droit.

Confirmez-vous sur votre site pour vérifier si la colonne latérale a l’air correcte.

Voici à quoi ressemble le nôtre :

Contenu embarqué du widget Popular Posts avec un code court

La dernière option consiste à utiliser un code court. Cette méthode est recommandée si les options ci-dessus ne fonctionnent pas pour votre cas d’utilisation spécifique.

Dans l’onglet Popular Posts Widget, défilez jusqu’à la section ‘Contenu embarqué Options’. Choisissez ensuite « Afficher à l’aide d’un code court » et cliquez sur le bouton « Copier le code court ».

Après cela, il suffit de placer le code court où vous le souhaitez. En savoir plus, consultez notre guide sur l’ajout de codes courts dans WordPress.

Méthode 2 : Afficher les publications WordPress les plus populaires en fonction des vues avec du code

La méthode MonsterInsights est le moyen le plus simple d’afficher vos contenus les plus populaires et les meilleurs en fonction des vues dans WordPress. Mais si vous êtes à l’aise avec le codage, alors vous pouvez également utiliser du code pour afficher vos publications WordPress les plus populaires.

Pour cette méthode, nous vous recommandons d’utiliser une extension d’extraits de code comme WPCode, c’est ce que nous utiliserons dans ce guide.

WPCode permet d’insérer en toute sécurité du code personnalisé sans interagir directement avec vos fichiers WordPress. De plus, comme cette méthode nécessite l’utilisation de plusieurs extraits de code, l’extension rendra la gestion et le suivi de tous ces extraits beaucoup plus facile.

Tout d’abord, vous devez installer WPCode dans WordPress. Une version gratuite de WPCode est disponible, mais nous utiliserons la version Pro, car elle est livrée avec les fonctionnalités dont nous avons besoin pour insérer le code aux bons endroits.

Pour un guide d’installation étape par étape, consultez notre article sur l ‘installation d’une extension WordPress.

Ajouter la fonction compteur de vues des publications WordPress

Une fois l’extension activée, vous devez vous rendre dans Code Snippets  » + Add Snippet depuis le tableau de bord. Ensuite, survolez  » Ajouter votre code personnalisé (nouvel extrait)  » et cliquez sur  » Utiliser l’extrait « .

Vous êtes maintenant dans l’éditeur/éditrices d’extraits de code de WPCode. Avant d’insérer du code, ajoutez un titre à l’extrait.

Pour ce premier code, vous pouvez le nommer quelque chose comme « WordPress Post Views Counter Function ». En effet, le but de ce premier code est de créer une fonction pour compter les vues des publications dans WordPress.

Modifiez ensuite le type de code en « Extrait de code PHP ». Notez que tous les extraits de code que vous aurez à ajouter à partir de cet article sont en PHP.

Ensuite, vous pouvez copier et coller le code suivant ci-dessous :

function wpb_set_post_views($postID) {
    $count_key = 'wpb_post_views_count';
    $count = get_post_meta($postID, $count_key, true);
    if($count==''){
        $count = 0;
        delete_post_meta($postID, $count_key);
        add_post_meta($postID, $count_key, '0');
    }else{
        $count++;
        update_post_meta($postID, $count_key, $count);
    }
}
//Get rid of prefetching to keep the count accurate
remove_action( 'wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0);

Défilez ensuite vers le bas jusqu’à la section « Insertion » et sélectionnez « Insertion automatique » pour la méthode d’insertion et « Exécuter partout » pour l’Emplacement. Cela fonctionne de la même manière que l’insertion du code dans le fichier functions.php de votre thème.

Ensuite, naviguez vers le côté supérieur droit de la page et rendez le code actif.

Cliquez ensuite sur « Enregistrer l’extrait ».

À ce stade, vous devez ajouter un autre nouvel extrait de code personnalisé. Vous pouvez nommer celui-ci « Appel de la fonction de suivi des vues des publications ».

Ce code appellera la fonction ci-dessus et l’activera sur vos pages de publication unique.

Une fois cela fait, copiez et collez l’extrait suivant:

wpb_set_post_views(get_the_ID());

Ce qui est différent dans cet extrait de code, c’est que vous choisirez l’Emplacement « Insert After Post » (Insérer après la publication) parce qu’il est censé s’exécuter sur vos pages de publication unique.

Lorsque vous avez terminé, il vous suffit d’activer le code et de l’enregistrer.

Insérer un crochet de suivi des vues des publications WordPress

Vous devez maintenant ajouter un nouvel extrait de code qui vérifie si la page actuelle est une publication unique. Si c’est le cas, il appellera la fonction WordPress Post Views Counter pour suivre et mettre à jour le nombre de vues de la publication.

Ainsi, chaque fois qu’un compte utilisateur visite la publication, le nombre de vues est mis à jour.

Nommons cet extrait « Crochet de suivi des vues des articles WordPress ». Insérez ensuite les lignes de code suivantes :

function wpb_track_post_views ($post_id) {
    if ( !is_single() ) return;
    if ( empty ( $post_id) ) {
        global $post;
        $post_id = $post->ID;    
    }
    wpb_set_post_views($post_id);
}
add_action( 'wp_head', 'wpb_track_post_views');

Vous pouvez choisir la méthode d’insertion comme « Insertion automatique » et l’Emplacement comme « Interface publique uniquement ».

Comme pour les étapes précédentes, il suffit d’activer le code et d’enregistrer l’extrait.

Ajout de fonctions pour récupérer le nombre de vues des publications et afficher les publications les plus populaires avec le nombre de vues

Nous en sommes maintenant aux dernières étapes de ce guide. Vous devez ajouter un extrait de code qui récupère et met en forme le nombre de vues pour une publication WordPress donnée. Cela sera utile ultérieurement lors de l’affichage de la liste des publications les plus vues.

Vous pouvez nommer ce code « Retrieve Post Views Count Function » et définir l’emplacement sur « Run Everywhere ».

Voici l’extrait de code :

function wpb_get_post_views($postID){
    $count_key = 'wpb_post_views_count';
    $count = get_post_meta($postID, $count_key, true);
    if($count==''){
        delete_post_meta($postID, $count_key);
        add_post_meta($postID, $count_key, '0');
        return "0 View";
    }
    return $count.' Views';
}

Confirmez une nouvelle fois que le code est activé dans WPCode et que vous l’enregistrez ensuite.

Une fois que vous avez fait cela, créez à nouveau un nouvel extrait de code et nommez-le  » Display Most Popular Posts with View Counts  » (Afficher les publications les plus populaires avec le nombre de vues). Il s’agit du code qui affichera vos publications les plus populaires en bas de vos articles de blog.

Dans la boîte de Prévisualisation du code, insérez l’extrait suivant :

// Customize the query parameters as needed
$popularpost = new WP_Query( array(
    'posts_per_page' => 3,         // Feel free to adjust the number of posts to display
    'meta_key' => 'wpb_post_views_count',
    'orderby' => 'meta_value_num',
    'order' => 'DESC'
));
?>

<div class="popular-posts">
    <h2>See Our Most Popular Posts</h2> <!-- Feel free to customize the title -->
    <ul>

    <?php while ( $popularpost->have_posts() ) : $popularpost->the_post(); ?>
        <li>
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
            - <?php echo wpb_get_post_views(get_the_ID()); ?>
        </li>
    <?php endwhile; ?>

    </ul>
</div>

<?php wp_reset_postdata(); 

Comme indiqué dans le code, n’hésitez pas à ajuster le nombre de publications à afficher et à personnaliser le titre de cette section.

Dans la section Insertion du code WPCode, assurez-vous de sélectionner « Insérer après la publication » pour l’Emplacement. Il suffit ensuite d’activer le code et d’enregistrer l’extrait.

Il ne reste plus qu’à visiter l’une des publications de votre blog et à voir si le code fonctionne. Voici à quoi ressemblent les publications les plus populaires par section de vues sur notre blog WordPress de test :

Nous espérons que cet article vous a aidé à apprendre comment afficher les publications populaires en fonction des vues dans WordPress. Vous pouvez également consulter notre article sur la façon d’afficher les produits populaires dans WooCommerce et notre guide du débutant sur les champs personnalisés de 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.