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

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

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Volete visualizzare i post più popolari in base alle loro visualizzazioni in WordPress?

Mostrando i post più popolari del vostro blog WordPress, potete aiutare i lettori a trovare i vostri contenuti migliori e di maggior valore. Inoltre, potete incoraggiarli a rimanere più a lungo sul vostro sito web.

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

How to Display Popular Posts by Views 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!”.

WPBeginner's trending and popular posts

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:

Video tutorial

Subscribe to WPBeginner

Se preferite le istruzioni scritte, continuate a leggere.

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

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.

The MonsterInsights Google Analytics plugin

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.

Nota: sebbene sia disponibile una versione gratuita di MonsterInsights, noi utilizzeremo la versione Pro poiché include la funzione dei post popolari.

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

The Popular Posts Widget in MonsterInsights

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.

Choosing a popular posts widget theme in MonsterInsights

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.

Previewing the popular posts widget theme in MonsterInsights

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.

Customizing the popular posts widget theme in MonsterInsights

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.

Some of the popular posts widget's behavior settings in MonsterInsights

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

Adding a new custom dimension in MonsterInsights

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.

Selecting post type as a custom dimension in MonsterInsights

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.

Adding top 5 posts based on GA data in MonsterInsights

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

Popular posts data can be fetched correctly popup message in MonsterInsights

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.

More behavior settings for the popular posts widget in MonsterInsights

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.

The embed options of popular posts widget in WordPress

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.

Activating automatic placement for the popular posts widget in MonsterInsights

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.

Adding MonsterInsights' popular posts block in the WordPress block editor

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.

MonsterInsights' popular posts block settings in the WordPress block editor

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.

Choosing to only display posts from certain categories in the MonsterInsights popular posts widget

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:

Example of what the MonsterInsights popular posts block look like on the WordPress site

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.

Adding the MonsterInsights popular posts widget to the sidebar area

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.

Updating the sidebar area after adding the MonsterInsights popuplar posts widget

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

Ecco come si presenta il nostro:

Example of the MonsterInsights popular posts widget in a sidebar

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

Copying the popular posts widget shortcode in MonsterInsights

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

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 - Best WordPress Code Snippets Plugin

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 “Usa snippet”.

Use snippet

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.

Creating the WordPress Post Views Counter Function in WPCode

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

Choosing the insertion method and location in WPCode

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.

Choosing Insert After Post as the code insertion location in WPCode

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.

Choosing Frontend Only as the code insertion location in WPCode

Nota: se si utilizza un plugin per la cache, questa tecnica potrebbe non funzionare per impostazione predefinita. È possibile utilizzare la funzione di caching dei frammenti offerta da alcuni plugin di caching come W3 Total Cache per farla funzionare.

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:

What the most popular posts by views section looks like made with WPCode

Suggerimento dell’esperto: Per verificare se il codice funziona senza modificare in modo permanente il sito, si può provare la modalità di test di WPCode.

Questa funzione consente di aggiungere i codici come di consueto e di vedere solo l’aspetto del front-end. Dall’altra parte, gli utenti interagiranno con il vostro sito web come di consueto.

Speriamo che questo tutorial su WordPress vi abbia aiutato a capire come visualizzare i post più popolari in base alle visualizzazioni. Potreste anche voler selezionare i migliori plugin per WordPress per la visualizzazione dei post correlati e il 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.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

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.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

166 commentiLascia una risposta

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

    I think it would be easier to use a plugin maybe Monsterinsights or another as it straight forward than using custom code, but the issue is, I don’t think using Monsterinsights will shows view counts ??

    • WPBeginner Support says

      MonsterInsights would mot show the view count by default if that is what you want to include with your popular posts.

      Admin

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.