Hur man visar populära posts efter views i WordPress (2 sätt)

Om du någonsin har scrollat längst ner i en av våra artiklar har du förmodligen lagt märke till vår widget ”Populärt på WPBeginner just nu!”. Denna funktion har varit en hit bland våra läsare, och hjälper dem att upptäcka vårt mest värdefulla innehåll och uppmuntrar dem att utforska mer av vår webbplats.

Genom att lyfta fram dina mest populära WordPress-blogginlägg hjälper du inte bara läsarna att hitta ditt bästa innehåll – du ökar också webbplatsens engagemangsmätvärden. Det är en win-win: besökarna får bra innehåll och du håller dem kvar på din webbplats längre.

I den här artikeln visar vi hur du enkelt kan visa dina mest populära inlägg baserat på deras visningar i WordPress.

Varför visa populära posts efter views i WordPress?

När användare ser dina mest populära blogginlägg på WordPress kan de upptäcka vilket content som deras medläsare gillar mest. På så sätt kan de kontrollera dessa artiklar och delta i konversationen.

Dessutom kan du öka ditt sociala bevis genom att displayed ditt mest populära content i WordPress. Det gillar att berätta för nya användare att ”Hej, andra människor har hittat dessa poster riktigt användbara, och du kanske också gör det!”

Slutligen kan visning av trendande blogginlägg få människor att stanna längre på din website, vilket ökar antalet sidvisningar och minskar avvisningsfrekvensen.

Ju mer engagemanget från användarna ökar, desto mer tycker Google att ditt content är bra och viktigt. I sin tur förbättras din WordPress sökmotorsoptimering och din site kan rankas högre.

Tyvärr har WordPress inte en built-in funktion eller block för att displayed your most popular posts by page views. I den här guiden visar vi dig hur du gör exakt det med ett plugin och med kod.

Klicka bara på en av de snabba links under för att hoppa direkt till din önskade metod:

Metod 1: Visa populära WordPress-inlägg efter visningar med MonsterInsights (rekommenderas)

Det enklaste sättet att displaya populära posts efter views i WordPress är med ett plugin. Det finns faktiskt många tillägg för populära posts i WordPress available, men enligt vår mening är MonsterInsights det bästa valet.

MonsterInsights används av 3 miljoner+ websites över hela världen och är det bästa Google Analytics-tillägget för WordPress. Även om dess huvudfunktion är analys, har det också en användarvänlig funktion för att visa dina mest populära posts.

Först och främst måste du installera pluginet MonsterInsights och ansluta det till ditt Google Analytics account. För mer detaljer, se vår Step-by-Step guide om hur man installerar Google Analytics i WordPress för nybörjare.

Välj ett tema förwidgetar för populära poster

När du har aktiverat och konfigurerat pluginet går du till Insights ” Popular Posts från WordPress dashpanel. Klicka sedan på menu-item ”Popular Posts Widget”.

När du rullar ner måste du selecta ett theme för att visa widgeten för populära posts. Det finns olika alternativ.

Vissa inkluderar en featured image för inlägget, medan andra ser mer minimalistiska ut.

Om du vill se hur temat gillar att se ut innan du gör ditt val, flytta bara ner på sidan till Theme Preview section.

Du kan också previewa temat i ett brett eller smalt format. Med det breda formatet ser du dina inlägg listade under sidans eller inläggets content, medan det smala formatet visar inläggen på höger sida av det, gillar en sidebar.

Låt oss sedan rulla ner till ”Customize Design” -sektionen. Här kan du ändra temats färger, fontstorlek, layout och antal post som ska visas.

Alternativen för customize här kan variera beroende på vilket theme du använder. Så se till att utforska de olika temana för att se vilket som passar dig bäst.

Konfigurera beteendet för widgetar för populära poster

När du har konfigurerat temats design måste du gå till Behavior section. Det är här du kommer att kontrollera hur widgeten för populära posts kommer att visas på din WordPress website.

I inställningarna för Widget Styling kan du välja att använda den design som du har gjort ovan eller ej styla widgeten alls. Med det andra alternativet kommer widgeten att följa din WordPress site theme’s CSS.

Sedan kan du välja hur widgeten ska välja dina mest populära posts. För denna tutorial väljer du ”Curated”, men du kan också visa de mest populära posterna baserat på antalet kommentarer.

Vad du måste göra härnäst är att aktivera alternativet ”Add Top 5 Posts from Google Analytics” under. Men innan du gör det behöver du MonsterInsights Dimensions Add-On och lägga till Post type som en new custom dimension.

Detta kommer att låta MonsterInsights välja de mest populära posterna baserat på Google Analytics-data.

För att göra detta måste du downloada MonsterInsights Dimensions-utökningen och installera den som ett plugin i WordPress. För Step-by-Step instruktioner, kontrollera vår guide om hur du installerar ett WordPress plugin.

Gå sedan till Insights ” Settings och växla till tabben ”Conversions”. Efter det klickar du på ”Add New Custom Dimensions.

När du har gjort det väljer du ”Post type” i dropdown-menyn.

Detta kommer att aktivera MonsterInsights för att spåra prestanda för dina blogginlägg och andra custom post types.

Nu är det bara att gå tillbaka till Insikter ” Populära inlägg och gå till ”Widgetar för populära inlägg.

Aktivera helt enkelt knappen ”Add Top 5 Posts from Google Analytics”. Klicka sedan på ”Test Automated Posts” för att se om installationen var utan problem.

Om ja, kommer du att se ett success message popup.

Det ska stå: ”Data för Popular Posts kan hämtas korrekt. Obs/observervera: beroende på när du konfigurerade inställningarna för Custom Dimensions kan det ta upp till 7 dagar innan relevanta data för Popular Posts hämtar från Google Analytics.

Om du går vidare till nästa steg kan du nu add to en rubrik som kommer att visas ovanför widgeten. Det kan vara något som gillar ”Kolla in våra mest populära post” eller något liknande.

Under det kan du välja om widgeten ska visas i alla post typer, uteslutas från specifika inlägg och/eller endast visas i vissa inläggskategorier.

Dessa Settings är användbara om du har skapat andra custom post types än blogginlägg och tycker att widgetarna för populära inlägg gillar att se irrelevanta ut där.

Ett av de sista stegen är att embedda widgeten för populära posts. Det finns flera alternativ: placera den automatiskt, använda ett Gutenberg block, lägga till den som en sidebar widget eller använda en shortcode.

Låt oss gå igenom varje alternativ ett efter ett.

Embed widgeten Popular Posts automatiskt

Automatisk placering rekommenderas om du vill att widgeten ska visas på alla posts som matchar de beteendeinställningar som du har ställt in föregående inlägg.

För detta behöver du bara aktivera knappen Automatic Placement.

Nackdelen med det här alternativet är att du inte kan justera widgets design baserat på vad som ser bäst ut på posten eller sidan. Om du behöver den här typen av funktionalitet kan du prova nästa metod.

Embed the Popular Posts Block till en page eller post

Om du vill ha mer control över hur widgeten ser ut på en page eller post, då är den här metoden något för dig.

Gå först till block editor för det post eller den page där du vill att widgeten ska vara. Därefter klickar du på knappen ”+” add block var som helst i editorn och letar efter blocket Popular Posts.

I panelen Block settings ser du att det finns alternativ för att ändra widgets tema, fontstorlek, färger, titel, layout och antal post.

Dessa settings liknar dem vi har sett i tillägget MonsterInsights.

Den enda skillnaden är att du inte kan ändra vilka posts som väljs i widgeten.

Med det sagt är det i Behavior Settings möjligt att bara visa posts från vissa kategorier. På så sätt kan du göra de populära posterna mer skräddarsydda efter dina behov.

När du är nöjd med blockinställningarna klickar du bara på knappen ”Update” i post och page editor.

Så här gillar blocket Popular Posts på vår testwebbplats:

Embed widgeten Popular Posts Widget i en sidebar

Om du använder ett icke-block WordPress theme som har ett widget-ready sidebar area, då kan du add to Popular Posts widget till det. Det här är vad vi gjorde i vår artikel om hur du lägger till utvalda inlägg i ditt sidebar i WordPress.

Allt du behöver göra är att gå till Appearance ” Widgets. Klicka sedan på knappen ’+’ add widget i sidebar area och leta efter widgeten Popular Posts – MonsterInsights.

Likes i den tidigare metoden innehåller widgeten liknande inställningar för att customize ditt temas appearance.

Det som är annorlunda är att gränssnittet är lite svårare att använda. När du ändrar settings kan du inte se hur widgeten faktiskt gillar att se ut. Du måste clicka på en annan widget eller ett annat area för att få preview på den.

Om du är nöjd med hur widgeten ser ut klickar du bara på ”Update” högst upp i högra hörnet.

Se till att gå till din website för att kontrollera om sidebaren ser rätt ut.

Så här gillar vi vår:

Om du vill att widgeten Popular Posts bara ska visas på vissa sidor kan du läsa vår guide om hur du visar eller döljer widgetar på vissa sidor i WordPress.

Embed den populära Posts Widget med en Shortcode

Det sista alternativet är att använda en shortcode. Denna metod rekommenderas om alternativen ovan inte fungerar för ditt specifika användningsfall.

I Popular Posts Widget tabs, rulla all the way down to the ”Embed Options” section. Välj sedan ”Display using a Shortcode” och klicka på knappen ”Copy Shortcode”.

Efter det är det bara att placera shortcoden där du gillar den. För mer information, kontrollera vår guide om hur du lägger till shortcodes i WordPress.

Metod 2: Visa populära WordPress-inlägg efter visningar med kod (mer avancerad)

Metoden MonsterInsights är det enklaste sättet att displayed your mest populära och bästa content efter views i WordPress. Men om du är bekväm med kodning kan du också använda kod för att visa dina mest populära WordPress-poster.

För den här metoden rekommenderar vi att du använder ett code snippets plugin som WPCode, vilket är vad vi kommer att använda i den här guiden.

WPCode gör det säkert att infoga custom code utan att direkt interagera med dina WordPress-filer. Dessutom, eftersom denna metod är obligatorisk för att använda flera code snippets, kommer pluginet att göra hanteringen och trackingen av dem all mycket enklare.

Först måste du installera WPCode i WordPress. En gratis version av WPCode finns tillgänglig, men vi kommer att använda Pro-versionen, eftersom den innehåller de funktioner vi behöver för att insert koden på rätt locations.

För en Step-by-Step installationsguide, läs vår artikel om hur du installerar ett WordPress plugin.

Add to WordPress Post Views Counter-funktion

När pluginet har aktiverats måste du gå till Code Snippets ” + Add Snippet från kokpiten. Håll sedan muspekaren över ”Lägg till din anpassade kod (nytt fragment kodu)” och klicka på ”+ Lägg till anpassat fragment kodu.

Nu är du inne i WPCode code snippet editor. Innan du infogar någon kod, gå vidare och lägg till en titel för snippet.

För den här första koden kan du namnge den något som gillar ”WordPress Post Views Counter Function. Detta beror på att syftet med denna första kod är att skapa en funktion för att räkna post views i WordPress.

Ändra sedan Code Type till ”PHP Snippet”. Obs/observera att alla code snippets som du kommer att behöva add to från den här artikeln är i PHP.

Följaktligen kan du kopiera och paste in följande kod under:

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

Nu rullar du bara ner till ”Insertion” section och väljer ”Auto Insert” för Insert Method och ”Run Everywhere” för Location. Detta fungerar på samma sätt som att inserta koden i functions.php-filen i ditt theme.

Därefter navigerar du till den övre högra sidan av page och gör koden aktiv.

Klicka sedan på ”Save Snippet”.

I detta skede måste du lägga till ett annat nytt anpassat code snippet. Du kan namnge den här ”Track Post Views Function Call.

Denna kod kommer att anropa funktionen ovan och aktivera den på dina sidor med enskilda inlägg.

När du har gjort det kopierar och klistrar du in följande snippet:

wpb_set_post_views(get_the_ID());

Det som är annorlunda med det här code snippet är att du väljer location ”Insert After Post” eftersom det är tänkt att run på dina sidor med enskilda inlägg.

När du är klar är det bara att göra koden aktiv och save den.

Infoga WordPress Post Views åtgärds-hook för tracking

Nu måste du lägga till ett nytt code snippet som kontrollerar om den aktuella page är ett enskilt inlägg. Om så är fallet kommer den att anropa WordPress Post Views Counter-funktion för att spåra och updating postens view count.

På så sätt kommer antalet views att updates varje gång en användare besöker posten.

Låt oss namnge detta snippet ”WordPress Post Views Tracking Hook. Infoga sedan följande rader med kod:

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

You can choose the insert method as ’Auto Insert’ and the location as ’Front-end Only’.

Samma sak som i föregående steg, bara gå vidare och aktivera koden och spara snippet.

Add Functions to Retrieve Post Views Count och Display Most Popular Posts With View Counts

Vi är nu inne på de sista stegen i den här guiden. Du måste add a code snippet som hämtar och formaterar antalet views för ett visst WordPress post. Detta kommer att vara praktiskt senare när du visar listan över de mest visade posterna.

Du kan namnge den här koden som ’Retrieve Post Views Count Function’ och ställa in platsen till ’Run Everywhere’.

Här är code snippet:

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

Återigen, se till att göra koden aktiv i WPCode och spara den efteråt.

När du har gjort det skapar du ett nytt code snippet igen och döper det till ”Display Most Popular Posts with View Counts. Det här är koden som visar dina mest populära inlägg längst ner i dina blogginlägg.

I boxen Code Preview insertar du följande 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(); 

Som noterat i koden kan du gratis justera antalet posts som ska visas och customize titeln för denna section.

I WPCode Insertion section, se till att välja ”Insert After Post” för Location. Sedan gör du bara koden aktiv och sparar snippet.

Allt som återstår att göra nu är att besöka ett av dina blogginlägg och se om koden fungerar. Så här gillar de mest populära posterna efter views section på vår test WordPress blogg:

Video Tutorial

Om du föredrar visuella instruktioner kan du titta på videoversionen av denna poradnik nedan:

Vi hoppas att denna poradnik för WordPress hjälpte dig att lära dig hur du visar populära inlägg efter visningar. Du kanske också vill kolla in vårt expertval av de bästa relaterade inlägg-pluginsen för WordPress och vår artikel om vad som gör en högkonverterande landningssida.

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.