Comment afficher les derniers articles visités dans WordPress (Guide pour débutants)

Vous avez déjà cliqué sur un excellent article de blog, pour ensuite avoir du mal à le retrouver plus tard ? Vos lecteurs pourraient vivre la même expérience sur votre site WordPress.

Lorsque les visiteurs parcourent un site, ils sautent souvent entre plusieurs articles. Ils naviguent, survolent et partent parfois avant d'avoir terminé.

S'ils ne peuvent pas retrouver facilement le contenu qu'ils ont trouvé utile ou intéressant, vous pourriez les perdre définitivement.

C'est pourquoi afficher une liste des articles récemment consultés peut faire une grande différence. Cela aide les lecteurs à reprendre là où ils se sont arrêtés, à explorer davantage ce qu'ils aiment et à rester plus longtemps engagés sur votre site.

Le meilleur dans tout ça ? C'est facile à mettre en place.

Dans ce guide, nous vous montrerons comment afficher les derniers articles visités sur votre site WordPress et améliorer l'expérience de votre site.

Pourquoi afficher les derniers articles visités dans WordPress ?

L'affichage des derniers articles visités dans WordPress aide vos visiteurs à reprendre là où ils se sont arrêtés, ce qui facilite la navigation et les maintient engagés plus longtemps avec votre site. Cela peut également mettre en évidence du contenu connexe qu'ils auraient pu manquer et encourager les visites de retour en créant une expérience plus personnalisée.

Avez-vous déjà remarqué comment des sites comme Amazon vous montrent les articles que vous avez récemment consultés ? Même lorsque vous n'êtes pas connecté, ces suggestions sont toujours là, grâce aux cookies du navigateur.

Ce n'est pas juste une commodité. C'est une façon intelligente de garder les utilisateurs engagés et de les ramener vers du contenu qui les a déjà intéressés.

Et vous pouvez apporter cette même expérience à votre blog WordPress.

Les visiteurs atterrissent souvent sur plusieurs pages au cours d'une seule session, parcourant des articles de blog, consultant des tutoriels ou examinant des avis sur des produits. Mais lorsqu'ils reviennent plus tard, il leur est facile d'oublier où ils se sont arrêtés ou quels articles ont retenu leur attention.

En affichant les articles récemment consultés, vous facilitez le retour des lecteurs vers le contenu qu'ils ont trouvé utile ou agréable. 🙌

Cela améliore l'expérience utilisateur et encourage les visiteurs à rester plus longtemps ou à passer à l'action (comme s'abonner ou acheter quelque chose).

En fin de compte, c'est un petit détail qui peut avoir un grand impact, en particulier pour les sites riches en contenu comme les blogs de niche ou les boutiques d'e-commerce.

Cela dit, nous allons vous montrer comment afficher une liste personnalisée des derniers articles qu'un utilisateur a consultés dans WordPress.

Voici un aperçu rapide de tous les sujets que nous allons aborder :

• Comment afficher les derniers articles consultés dans WordPress (Thème Classique)
• Comment afficher les derniers articles consultés à l'aide d'un extrait de code personnalisé (fonctionne avec n'importe quel thème)
• Astuce bonus : Informez que votre site WordPress utilise des cookies
• FAQ : Afficher les derniers articles consultés dans WordPress
• Plus de guides sur la gestion des articles WordPress pour améliorer l'UX

Comment afficher les derniers articles consultés dans WordPress

Dans cette méthode, nous utiliserons un plugin gratuit facile à configurer. Il est conçu pour si vous utilisez un thème classique avec prise en charge des widgets.

La première chose à faire est d'installer et d'activer le plugin Last Viewed Posts. Si vous avez besoin d'aide, vous pouvez consulter notre guide étape par étape sur comment installer un plugin WordPress.

Après avoir activé le plugin, vous voudrez aller dans Apparence » Widgets. Ensuite, cliquez sur l'icône plus '+' en haut de l'écran pour ajouter un nouveau widget et recherchez dans la liste 'Last Viewed Posts Redo'.

Une fois que vous avez fait cela, faites simplement glisser le widget 'Last Viewed Posts Redo' dans la barre latérale ou dans toute zone disponible prête pour les widgets.

Et voilà ! Après avoir cliqué sur le bouton 'Mettre à jour' en haut de l'écran, vous pouvez visiter votre site web pour voir la liste des articles que vous avez visités en dernier.

Veuillez noter que la liste « Derniers articles consultés » ne sera visible que si vous avez consulté des articles sur votre blog après l'installation du plugin. En effet, le plugin utilise des cookies pour suivre les pages visitées.

Comment afficher les derniers articles consultés à l'aide d'un extrait de code personnalisé

Si vous utilisez un thème de blocs moderne, la méthode des widgets ne fonctionnera pas. Une meilleure approche consiste à ajouter un extrait de code personnalisé qui crée un shortcode, que vous pouvez ensuite placer n'importe où sur votre site.

La méthode la plus simple et la plus sûre consiste à utiliser le plugin WPCode, le meilleur plugin d'extraits de code pour WordPress. Il vous permet d'ajouter des extraits sans avoir à modifier le fichier functions.php de votre thème, ce qui peut être risqué.

Certaines de nos marques partenaires utilisent WPCode pour ajouter et gérer leurs extraits de code personnalisés. Cela fonctionne très bien, et vous pouvez consulter notre test complet de WPCode pour découvrir ses fonctionnalités.

Tout d'abord, vous devrez installer et activer le plugin gratuit WPCode. Pour plus de détails, consultez notre guide sur comment installer un plugin WordPress.

Une fois activé, accédez à Extraits de code » + Ajouter un extrait depuis votre tableau de bord WordPress.

Sélectionnez ensuite « Ajouter votre code personnalisé (Nouvel extrait) ».

Dans la fenêtre contextuelle qui apparaît, vous devrez choisir le type de code.

Assurez-vous de le définir sur « Extrait PHP ».

Cela vous mènera à l'éditeur WPCode.

À partir de là, vous pouvez donner un titre à votre extrait, comme « Shortcode des derniers articles consultés ».

Maintenant, vous pouvez copier et coller le code suivant dans la zone « Aperçu du code » :

// Function to track recently viewed posts and store them in a cookie
function wpb_track_last_viewed_posts() {
    if ( ! is_single() ) {
        return;
    }

    $post_id     = get_the_ID();
    $cookie_name  = 'wpb_last_viewed_posts';
    $viewed_posts = [];

    if ( isset( $_COOKIE[ $cookie_name ] ) ) {
        $decoded_posts = json_decode( stripslashes( $_COOKIE[ $cookie_name ] ), true );
        if ( is_array( $decoded_posts ) ) {
            $viewed_posts = $decoded_posts;
        }
    }

    array_unshift( $viewed_posts, $post_id );
    $viewed_posts = array_unique( $viewed_posts );
    $viewed_posts = array_slice( $viewed_posts, 0, 5 );

    setcookie(
        $cookie_name,
        wp_json_encode( $viewed_posts ),
        [
            'expires'  => time() + ( 30 * DAY_IN_SECONDS ),
            'path'     => COOKIEPATH,
            'domain'   => COOKIE_DOMAIN,
            'secure'   => is_ssl(),
            'httponly' => false,
            'samesite' => 'Lax',
        ]
    );
}
add_action( 'wp', 'wpb_track_last_viewed_posts' );

// Shortcode to display last viewed posts
function wpb_display_last_viewed_posts_shortcode( $atts ) {
    $cookie_name = 'wpb_last_viewed_posts';

    if ( ! isset( $_COOKIE[ $cookie_name ] ) ) {
        return '';
    }

    $viewed_posts_ids = json_decode( stripslashes( $_COOKIE[ $cookie_name ] ), true );

    if ( empty( $viewed_posts_ids ) || ! is_array( $viewed_posts_ids ) ) {
        return '';
    }

    $args = [
        'post_type'      => 'post',
        'post__in'       => $viewed_posts_ids,
        'posts_per_page' => 5,
        'orderby'        => 'post__in',
    ];

    $query = new WP_Query( $args );

    ob_start();

    if ( $query->have_posts() ) {
        echo '<h4 class="wp-block-heading">Recently Viewed Posts</h4>';
        echo '<ul class="wpb-last-viewed-posts">';
        while ( $query->have_posts() ) {
            $query->the_post();
            echo '<li><a href="' . esc_url( get_permalink() ) . '">' . esc_html( get_the_title() ) . '</a></li>';
        }
        echo '</ul>';
    }

    wp_reset_postdata();
    return ob_get_clean();
}
add_shortcode( 'last_viewed_posts', 'wpb_display_last_viewed_posts_shortcode' );

Une fois cela fait, activez le commutateur en haut sur « Actif ».

Cliquez maintenant sur le bouton « Enregistrer l'extrait ».

Vous pouvez maintenant afficher votre liste où vous le souhaitez.

Accédez simplement à l'éditeur de site complet en naviguant vers Apparence » Éditeur.

Sur l'écran suivant, vous pouvez ajouter un bloc « Shortcode » là où vous souhaitez que la liste apparaisse.

Par exemple, ici, nous l'ajouterons à notre page d'accueil.

Sur l'éditeur de contenu, vous pouvez simplement cliquer sur le bouton « + », choisir le bloc shortcode, et taper le shortcode suivant dans le bloc :

[last_viewed_posts]

N'oubliez pas de cliquer sur « Enregistrer » pour mettre à jour le modèle de votre thème.

Désormais, lorsque les visiteurs parcourent votre site, leurs articles récemment consultés apparaîtront à cet endroit.

Astuce bonus : Informez que votre site WordPress utilise des cookies

Le plugin Last Viewed Posts ne stocke pas la liste des articles récemment consultés pour chaque utilisateur sur votre site web.

Au lieu de cela, la liste des publications est enregistrée dans le navigateur Web de chaque visiteur, de sorte qu'elle n'affectera pas les performances de votre site Web.

Cependant, comme le plugin utilise des cookies, vous devrez peut-être obtenir le consentement de l'utilisateur pour vous conformer au RGPD et à d'autres réglementations sur la confidentialité.

Nous vous recommandons d'utiliser le plugin WPConsent pour afficher facilement une bannière de consentement aux cookies personnalisée sur votre site WordPress, comme nous le faisons sur WPBeginner.

WPConsent bloque automatiquement tous les scripts de suivi et les cookies de collecte de données jusqu'à ce que les visiteurs donnent leur permission.

Si un utilisateur décide de ne pas autoriser les cookies de votre blog, la liste des derniers articles visités ne sera pas affichée. Pour plus d'informations à ce sujet, consultez notre revue complète de WPConsent.

Pour des instructions étape par étape, vous pouvez suivre notre guide sur comment ajouter une popup de cookies dans WordPress pour le RGPD/CCPA.

FAQ : Afficher les derniers articles consultés dans WordPress

Au fil des ans, de nombreux lecteurs nous ont posé des questions sur l'ajout d'une fonctionnalité "derniers articles visités". Voici les réponses à certaines des plus courantes.

Combien d'articles sont affichés dans la liste "derniers visités" ?

Par défaut, le plugin affiche les 5 articles les plus récemment visités. Vous pouvez facilement modifier ce nombre dans les paramètres du widget pour afficher plus ou moins d'articles.

Cette fonctionnalité fonctionne-t-elle pour les utilisateurs qui ne sont pas connectés ?

Oui, cela fonctionne pour tous les visiteurs, qu'ils soient connectés ou non. Comme les informations sont stockées dans les cookies du navigateur, cela suit l'historique récent de tout visiteur sur votre site.

L'affichage des derniers articles visités ralentira-t-il mon site web ?

Non, cela ne le fera pas. Le plugin stocke l'historique de visualisation dans le navigateur de l'utilisateur à l'aide de cookies, et non dans votre base de données WordPress. Cela signifie qu'il n'ajoute aucune charge supplémentaire à votre serveur d'hébergement WordPress.

Que se passe-t-il si un utilisateur efface les cookies de son navigateur ?

Si un visiteur efface ses cookies de navigateur, son historique de navigation sur votre site sera effacé. La liste des « derniers articles consultés » sera vide pour lui jusqu'à ce qu'il recommence à parcourir vos articles.

Plus de guides sur la gestion des articles WordPress pour améliorer l'UX

Nous espérons que ce tutoriel vous a aidé à apprendre comment afficher les derniers articles consultés à un utilisateur dans WordPress.

Ensuite, vous pourriez également vouloir apprendre :

• Comment ajouter des articles mis en avant dans la barre latérale de WordPress
• Comment écrire un excellent article de blog (structure + exemples)
• Comment ajouter automatiquement une divulgation d'affiliation pour chaque article de blog
• Comment ajouter plusieurs miniatures / images mises en avant dans WordPress
• Comment retarder l'apparition d'articles dans le flux RSS de WordPress
• Meilleurs plugins d'articles similaires pour WordPress

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.