Come visualizzare i post più popolari in base alle visualizzazioni in WordPress (2 modi)

Se vi è capitato di scorrere fino in fondo a uno dei nostri articoli, avrete probabilmente notato il nostro widget “Popolare su WPBeginner in questo momento! Questa funzione ha riscosso un grande successo tra i nostri lettori, aiutandoli a scoprire i nostri contenuti più validi e incoraggiandoli a esplorare meglio il nostro sito.

Mettendo in evidenza i post più popolari del vostro blog WordPress, non solo aiutate i lettori a trovare i vostri contenuti migliori, ma aumentate anche le metriche di engagement del vostro sito. È un vantaggio per tutti: i visitatori ricevono ottimi contenuti e voi li trattenete più a lungo sul vostro sito.

In questo articolo mostreremo come visualizzare facilmente i post più popolari in base alle loro visualizzazioni in WordPress.

Perché visualizzare i post più popolari in base alle visualizzazioni in WordPress?

Quando gli utenti vedono i post più popolari del vostro blog WordPress, possono scoprire quali sono i contenuti più apprezzati dai loro colleghi lettori. In questo modo, possono controllare gli articoli e partecipare alla conversazione.

Inoltre, la visualizzazione dei contenuti più popolari in WordPress può aumentare la vostra riprova sociale. È come dire ai nuovi utenti: “Ehi, altre persone hanno trovato questi post molto utili, e potresti farlo anche tu!”.

Infine, mostrare i blog di tendenza può far sì che le persone rimangano più a lungo sul vostro sito web, aumentando le pagine viste e riducendo la frequenza di rimbalzo.

Più aumenta l’engagement degli utenti, più Google ritiene che i contenuti siano validi e importanti. A sua volta, la SEO di WordPress migliora e il sito si posiziona più in alto.

Purtroppo, WordPress non ha una funzione o un blocco integrato per visualizzare i post più popolari in base alle visualizzazioni di pagina. In questa guida vi mostreremo come fare esattamente questo con un plugin e con il codice.

Basta cliccare su uno dei link rapidi qui sotto per passare direttamente al metodo preferito:

Metodo 1: Visualizzare i post WordPress più popolari in base alle visualizzazioni con MonsterInsights (consigliato)

Il modo più semplice per visualizzare i post popolari in base alle visualizzazioni in WordPress è un plugin. Esistono molti plugin per la visualizzazione dei post popolari su WordPress, ma a nostro avviso la scelta migliore è MonsterInsights.

Utilizzato da oltre 3 milioni di siti web in tutto il mondo, MonsterInsights è il miglior plugin di Google Analytics per WordPress. Sebbene la sua funzionalità principale sia l’analisi, ha anche una funzione facile da usare per mostrare i post più popolari.

Per prima cosa è necessario installare il plugin MonsterInsights e collegarlo al proprio account Google Analytics. Per maggiori dettagli, consultate la nostra guida passo-passo su come installare Google Analytics in WordPress per i principianti.

Scegliere un tema peril widget dei post più popolari

Una volta attivato e configurato il plugin, andare su Insights ” Popular Posts dalla dashboard di WordPress. Quindi, fate clic sulla voce di menu “Widget dei messaggi popolari”.

Scorrendo verso il basso, è necessario selezionare un tema per visualizzare il widget dei post popolari. Ci sono varie opzioni.

Alcuni includono un’immagine in evidenza per il post, mentre altri hanno un aspetto più minimale.

Se si desidera vedere l’aspetto del tema prima di fare la propria scelta, basta spostarsi in fondo alla pagina fino alla sezione Anteprima del tema.

È inoltre possibile visualizzare l’anteprima del tema in formato Wide o Narrow. Con il formato Wide, i post sono elencati sotto il contenuto della pagina o del post, mentre il formato Narrow li visualizza sul lato destro, come una barra laterale.

Quindi, scorriamo verso il basso fino alla sezione “Personalizza design”. Qui è possibile modificare i colori del tema, la dimensione dei caratteri, il layout e il numero di post da visualizzare.

Le opzioni di personalizzazione possono variare a seconda del tema utilizzato. Quindi, assicuratevi di esplorare i diversi temi per vedere quello più adatto a voi.

Configurare il comportamento del widget dei post più popolari

Una volta configurato il design del tema, è necessario andare alla sezione Comportamento. Qui si controllerà il modo in cui il widget dei post popolari apparirà sul vostro sito WordPress.

Nelle impostazioni di Widget Styling, si può scegliere di utilizzare il design realizzato in precedenza o di non applicare alcuno stile al widget. Con la seconda opzione, il widget seguirà il CSS del tema del sito WordPress.

Poi, si può scegliere come il widget deve scegliere i post più popolari. Per questo tutorial, abbiamo scelto “Curated”, ma è anche possibile visualizzare i post più popolari in base al numero di commenti.

La prossima cosa da fare è attivare l’opzione “Aggiungi i 5 post più importanti da Google Analytics”. Prima di farlo, però, è necessario utilizzare l’Add-On MonsterInsights Dimensions e aggiungere il tipo di post come nuova dimensione personalizzata.

In questo modo MonsterInsights sceglierà i post più popolari in base ai dati di Google Analytics.

Per farlo, è necessario scaricare il componente aggiuntivo MonsterInsights Dimensions e installarlo come plugin in WordPress. Per istruzioni passo passo, consultate la nostra guida su come installare un plugin di WordPress.

Quindi, andare su Insights “ Impostazioni e passare alla scheda “Conversioni”. Quindi fare clic su “Aggiungi nuova dimensione personalizzata”.

Una volta fatto ciò, selezionare “Tipo di post” nel menu a discesa.

Questo abilita MonsterInsights a monitorare le prestazioni dei post del blog e di altri tipi di contenuto personalizzati.

Ora è sufficiente tornare a Insights ” Popular Posts e andare su ‘Popular Posts Widget’.

È sufficiente attivare il pulsante “Aggiungi i 5 post più importanti da Google Analytics”. Quindi, fate clic su “Test dei post automatizzati” per verificare se l’impostazione è riuscita.

In caso affermativo, verrà visualizzato un messaggio di successo.

Dovrebbe essere scritto: “I dati dei Post popolari possono essere recuperati correttamente. Attenzione: a seconda di quando sono state configurate le impostazioni delle dimensioni personalizzate, potrebbero essere necessari fino a 7 giorni per vedere il caricamento dei dati rilevanti dei post popolari da Google Analytics”.

Passando alle fasi successive, è possibile aggiungere un titolo che apparirà sopra il widget. Può essere qualcosa come “Scopri i nostri post più popolari” o qualcosa di simile.

In basso, si può scegliere se il widget deve essere visualizzato in tutti i tipi di post, se deve essere escluso da specifici post e/o se deve apparire solo in alcune categorie di post.

Queste impostazioni sono utili se si sono creati post type personalizzati diversi dai blog e si ritiene che il widget dei post popolari sia irrilevante.

Uno degli ultimi passi consiste nell’incorporare il widget dei post popolari. Ci sono diverse opzioni: inserirlo automaticamente, usare un blocco Gutenberg, aggiungerlo come widget della barra laterale o usare uno shortcode.

Esaminiamo una per una tutte le opzioni.

Incorporare automaticamente il widget dei post più popolari

Il posizionamento automatico è consigliato se si desidera che il widget venga visualizzato su tutti i post che corrispondono alle impostazioni di comportamento impostate in precedenza.

A tal fine, è sufficiente attivare il pulsante Posizionamento automatico.

Lo svantaggio di questa opzione è che non è possibile regolare il design del widget in base all’aspetto migliore del post o della pagina. Se avete bisogno di questo tipo di funzionalità, potete provare il metodo successivo.

Incorporare il blocco dei messaggi popolari in una pagina o in un post

Se si desidera avere un maggiore controllo sull’aspetto del widget in una pagina o in un post, questo metodo fa al caso vostro.

Per prima cosa, accedere all’editor dei blocchi del post o della pagina in cui si desidera inserire il widget. Quindi, fare clic sul pulsante “+” per aggiungere un blocco in qualsiasi punto dell’editor e cercare il blocco Popular Posts.

Nel pannello delle impostazioni del blocco sono presenti opzioni per modificare il tema del widget, la dimensione dei caratteri, i colori, il titolo, il layout e il numero di post.

Queste impostazioni sono simili a quelle già viste nel plugin MonsterInsights.

L’unica differenza è che non è possibile modificare i post che vengono scelti nel widget.

Detto questo, nelle impostazioni del comportamento è possibile mostrare solo i post di determinate categorie. In questo modo, è possibile rendere la scelta dei post popolari più adatta alle proprie esigenze.

Una volta soddisfatte le impostazioni del blocco, basta fare clic sul pulsante “Aggiorna” nell’editor di post e pagine.

Ecco come appare il blocco dei post popolari sul nostro sito web di prova:

Incorporare il widget dei post più popolari in una barra laterale

Se si utilizza un tema WordPress non bloccante che dispone di un’area della barra laterale predisposta per i widget, è possibile aggiungere il widget dei post popolari. Questo è ciò che abbiamo fatto nel nostro articolo su come aggiungere le caratteristiche dei post nella barra laterale di WordPress.

È sufficiente andare su Aspetto ” Widget. Quindi, fare clic sul pulsante ‘+’ per aggiungere un widget nell’area della barra laterale e cercare il widget Popular Posts – MonsterInsights.

Come nel metodo precedente, il widget include impostazioni simili per personalizzare l’aspetto del tema.

La differenza è che l’interfaccia è leggermente più complicata da usare. Mentre si modificano le impostazioni, non è possibile vedere l’aspetto effettivo del widget. È necessario fare clic su un altro widget o su un’altra area per visualizzare l’anteprima.

Se siete soddisfatti dell’aspetto del widget, fate clic su “Aggiorna” nell’angolo in alto a destra.

Assicuratevi di andare sul vostro sito web per verificare che la barra laterale sia corretta.

Ecco come si presenta il nostro:

Se volete far apparire il widget Popular Posts solo su pagine specifiche, potete leggere la nostra guida su come mostrare o nascondere i widget su determinate pagine di WordPress.

Incorporare il widget dei post più popolari con uno shortcode

L’ultima opzione consiste nell’utilizzare uno shortcode. Questo metodo è consigliato se le opzioni precedenti non funzionano per il vostro caso specifico.

Nella scheda Popular Posts Widget, scorrere fino alla sezione ‘Embed Options’. Scegliere quindi “Visualizza utilizzando un codice breve” e fare clic sul pulsante “Copia codice breve”.

Dopodiché, è sufficiente posizionare lo shortcode dove si preferisce. Per ulteriori informazioni, consultate la nostra guida su come aggiungere shortcode in WordPress.

Metodo 2: Visualizzare i post più popolari di WordPress in base alle visualizzazioni con il codice (più avanzato)

Il metodo MonsterInsights è il modo più semplice per visualizzare i contenuti più popolari e migliori in base alle visualizzazioni in WordPress. Ma se vi sentite a vostro agio con la codifica, potete anche usare il codice per mostrare i vostri post più popolari su WordPress.

Per questo metodo, si consiglia di utilizzare un plugin per gli snippet di codice come WPCode, che è quello che utilizzeremo in questa guida.

WPCode rende sicuro l’inserimento di codice personalizzato senza interagire direttamente con i file di WordPress. Inoltre, poiché questo metodo richiede l’uso di più snippet di codice, il plugin renderà molto più semplice la gestione e il monitoraggio di tutti.

Per prima cosa, è necessario installare WPCode in WordPress. È disponibile una versione gratuita di WPCode, ma noi utilizzeremo la versione Pro, poiché è dotata delle funzioni necessarie per inserire il codice nei punti giusti.

Per una guida all’installazione passo passo, leggete il nostro articolo su come installare un plugin di WordPress.

Aggiungere la funzione di contatore delle visualizzazioni dei post di WordPress

Dopo l’attivazione del plugin, è necessario andare su Code Snippets ” + Add Snippet dalla dashboard. Quindi, passare il mouse su “Aggiungi il tuo codice personalizzato (nuovo snippet)” e fare clic su “+ Aggiungi snippet personalizzato”.

Ora ci troviamo nell’editor di snippet di codice di WPCode. Prima di inserire il codice, aggiungere un titolo allo snippet.

Per questo primo codice, si può dare un nome come “WordPress Post Views Counter Function”. Questo perché lo scopo di questo primo codice è creare una funzione per il conteggio delle visualizzazioni dei post in WordPress.

Quindi, cambiare il tipo di codice in “Snippet PHP”. Si noti che tutti gli snippet di codice che si dovranno aggiungere da questo articolo sono in PHP.

Dopodiché, è possibile copiare e incollare il seguente codice:

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

A questo punto, basta scorrere la sezione “Inserimento” e selezionare “Inserimento automatico” per il metodo di inserimento e “Esegui ovunque” per la posizione. Questo funziona come inserire il codice nel file functions.php del vostro tema.

Successivamente, spostarsi nella parte superiore destra della pagina e rendere attivo il codice.

Quindi, fare clic su “Salva snippet”.

A questo punto, è necessario aggiungere un altro snippet di codice personalizzato. Questo può essere chiamato ‘Track Post Views Function Call’.

Questo codice richiama la funzione di cui sopra e la attiva nelle pagine dei singoli post.

Una volta fatto, copiate e incollate il seguente snippet:

wpb_set_post_views(get_the_ID());

L’aspetto diverso di questo snippet di codice è che si sceglierà la posizione “Insert After Post” (Inserisci dopo il post), perché dovrebbe essere eseguito sulle pagine dei singoli post.

Una volta terminato, basta rendere attivo il codice e salvarlo.

Inserire il gancio per il monitoraggio delle visualizzazioni dei post di WordPress

Ora è necessario aggiungere un nuovo frammento di codice che verifichi se la pagina corrente è un singolo post. In caso affermativo, chiamerà la funzione Contatore di visualizzazioni dei post di WordPress per tracciare e aggiornare il numero di visualizzazioni del post.

In questo modo, ogni volta che un utente visita il post, il suo numero di visualizzazioni viene aggiornato.

Chiamiamo questo snippet ‘WordPress Post Views Tracking Hook’. Quindi, inseriamo le seguenti righe di codice:

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');

È possibile scegliere il metodo di inserimento come “Auto Insert” e la posizione come “Frontend Only”.

Come per i passaggi precedenti, basta attivare il codice e salvare lo snippet.

Aggiungere funzioni per recuperare il conteggio delle visualizzazioni dei post e visualizzare i post più popolari con il conteggio delle visualizzazioni

Siamo arrivati ai passi finali di questa guida. È necessario aggiungere uno snippet di codice che recuperi e formatti il numero di visualizzazioni di un determinato post di WordPress. Questo sarà utile in seguito quando si visualizzerà l’elenco dei post più visti.

È possibile denominare questo codice come ‘Funzione di recupero del conteggio delle visualizzazioni dei post’ e impostare la posizione su ‘Esegui ovunque’.

Ecco il frammento di codice:

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

Anche in questo caso, assicuratevi di rendere attivo il codice in WPCode e di salvarlo successivamente.

Una volta fatto questo, create di nuovo un nuovo snippet di codice e chiamatelo “Visualizza i post più popolari con il conteggio delle visualizzazioni”. Questo è il codice che mostrerà i post più popolari in fondo ai post del blog.

Nella casella Anteprima codice, inserire il seguente snippet:

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

Come si nota nel codice, è possibile regolare il numero di pubblicazioni da visualizzare e personalizzare il titolo di questa sezione.

Nella sezione WPCode Insertion, assicurarsi di selezionare ‘Insert After Post’ per la posizione. Quindi, rendere attivo il codice e salvare lo snippet.

Ora non resta che visitare uno dei post del blog e vedere se il codice funziona. Ecco come appare la sezione dei post più popolari per visualizzazioni sul nostro blog WordPress di prova:

Video tutorial

Se preferite le istruzioni visive, guardate la versione video di questa esercitazione:

Speriamo che questo tutorial su WordPress vi abbia aiutato a capire come visualizzare i post più popolari in base alle visualizzazioni. Potreste anche voler dare un’occhiata alla nostra scelta dei migliori plugin di post correlati per WordPress e al nostro articolo su cosa rende una landing page ad alta conversione.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.