Wie man in WordPress beliebte Beiträge nach Ansichten anzeigt (2 Wege)

Wenn Sie jemals an das Ende eines unserer Artikel gescrollt haben, haben Sie wahrscheinlich unser Widget „Beliebt bei WPBeginner Right Now! Diese Funktion ist ein Hit bei unseren Lesern. Sie hilft ihnen, unsere wertvollsten Inhalte zu entdecken und ermutigt sie, mehr von unserer Website zu entdecken.

Indem Sie Ihre beliebtesten WordPress-Blogbeiträge hervorheben, helfen Sie den Lesern nicht nur, Ihre besten Inhalte zu finden, sondern Sie steigern auch die Engagement-Metriken Ihrer Website. Das ist ein Gewinn für beide Seiten: Die Besucher erhalten großartige Inhalte und bleiben länger auf Ihrer Website.

In diesem Artikel zeigen wir Ihnen, wie Sie Ihre beliebtesten Beiträge auf der Grundlage ihrer Ansichten in WordPress ganz einfach anzeigen können.

Warum werden in WordPress beliebte Beiträge nach Ansichten angezeigt?

Wenn Benutzer Ihre beliebtesten WordPress-Blogbeiträge sehen, können sie herausfinden, welche Inhalte ihren Mitlesern am besten gefallen. Auf diese Weise können sie sich diese Artikel ansehen und sich an der Unterhaltung beteiligen.

Darüber hinaus kann die Anzeige Ihrer beliebtesten Inhalte in WordPress Ihre soziale Kompetenz stärken. Es ist, als würden Sie neuen Nutzern sagen: „Hey, andere Leute haben diese Beiträge wirklich hilfreich gefunden, und Sie vielleicht auch!“

Und schließlich kann die Anzeige von Beiträgen, die zu den Trends gehören, die Besucher dazu bringen, länger auf Ihrer Website zu bleiben, was die Zahl der Seitenaufrufe erhöht und die Absprungrate verringert.

Je mehr sich Ihre Benutzer engagieren, desto mehr hält Google Ihre Inhalte für gut und wichtig. Im Gegenzug verbessert sich Ihre WordPress-SEO und Ihre Website kann besser ranken.

Leider gibt es in WordPress keine eingebaute Funktion oder einen Block, um Ihre beliebtesten Beiträge nach Seitenaufrufen anzuzeigen. In dieser Anleitung zeigen wir Ihnen, wie Sie genau das mit einem Plugin und mit Code erreichen können.

Klicken Sie einfach auf einen der unten stehenden Links, um direkt zu Ihrer bevorzugten Methode zu gelangen:

Methode 1: Beliebte WordPress-Beiträge nach Ansichten mit MonsterInsights anzeigen (empfohlen)

Der einfachste Weg, beliebte Beiträge nach Aufrufen in WordPress anzuzeigen, ist ein Plugin. Es gibt tatsächlich viele WordPress Plugins für beliebte Beiträge, aber unserer Meinung nach ist MonsterInsights die beste Wahl.

MonsterInsights wird von mehr als 3 Millionen Websites weltweit genutzt und ist das beste Google Analytics-Plugin für WordPress. Seine Hauptfunktionalität ist die Analyse, aber es hat auch eine benutzerfreundliche Funktion, die Ihre beliebtesten Beiträge anzeigt.

Als Erstes müssen Sie das MonsterInsights-Plugin installieren und es mit Ihrem Google Analytics-Konto verbinden. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation von Google Analytics in WordPress für Anfänger.

Wählen Sie ein Widget-Thema fürbeliebte Beiträge

Sobald Sie das Plugin aktiviert und eingerichtet haben, gehen Sie im WordPress-Dashboard zu Einblicke “ Beliebte Beiträge. Klicken Sie dann auf den Menüpunkt „Popular Posts Widget“.

Wenn Sie nach unten scrollen, müssen Sie ein Thema für die Anzeige des Widgets für beliebte Beiträge auswählen. Es gibt verschiedene Optionen.

Einige enthalten ein Bild für den Beitrag, während andere eher minimalistisch sind.

Wenn Sie sehen möchten, wie das Thema aussieht, bevor Sie Ihre Wahl treffen, gehen Sie einfach auf der Seite nach unten zum Abschnitt Themenvorschau.

Sie können auch eine Vorschau des Themas in einem breiten oder schmalen Format anzeigen. Im breiten Format sehen Sie Ihre Beiträge unter dem Inhalt der Seite oder des Beitrags, während im schmalen Format die Beiträge auf der rechten Seite angezeigt werden, wie in einer Seitenleiste.

Als Nächstes scrollen wir nach unten zum Abschnitt „Design anpassen“. Hier können Sie die Farben des Themas, die Schriftgröße, das Layout und die Anzahl der angezeigten Beiträge ändern.

Die Anpassungsmöglichkeiten können je nach dem von Ihnen verwendeten Thema variieren. Probieren Sie also unbedingt die verschiedenen Themen aus, um zu sehen, welches Ihnen am besten gefällt.

Konfigurieren Sie das Verhalten des Widgets für beliebte Beiträge

Sobald Sie das Design des Themes konfiguriert haben, müssen Sie zum Abschnitt Verhalten gehen. Hier können Sie festlegen, wie das Widget für beliebte Beiträge auf Ihrer WordPress-Website angezeigt wird.

In den Einstellungen für das Widget-Styling können Sie wählen, ob Sie das oben erstellte Design verwenden möchten oder ob Sie das Widget überhaupt nicht gestalten möchten. Bei der zweiten Option folgt das Widget dem CSS des Themes Ihrer WordPress Website.

Dann können Sie wählen, wie das Widget Ihre beliebtesten Beiträge auswählen soll. Für dieses Tutorial wählen Sie „Kuratiert“, aber Sie können auch die beliebtesten Beiträge auf der Grundlage der Anzahl der Kommentare anzeigen.

Als Nächstes müssen Sie die Option „Top 5 Posts aus Google Analytics hinzufügen“ unten aktivieren. Aber bevor Sie das tun, benötigen Sie das MonsterInsights Dimensions Add-On und müssen den Beitragstyp als neue benutzerdefinierte Dimension hinzufügen.

Dadurch kann MonsterInsights die beliebtesten Beiträge auf der Grundlage von Google Analytics-Daten auswählen.

Dazu müssen Sie das MonsterInsights Dimensions Add-on herunterladen und es als Plugin in WordPress installieren. Eine Schritt-für-Schritt-Anleitung finden Sie in unserem Leitfaden zur Installation eines WordPress-Plugins.

Gehen Sie dann zu Einblicke „ Einstellungen und wechseln Sie zur Registerkarte „Umrechnungen“. Klicken Sie dann auf „Neue benutzerdefinierte Dimension hinzufügen“.

Wählen Sie anschließend im Dropdown-Menü die Option „Beitragstyp“.

Dies aktiviert MonsterInsights, um die Leistung Ihrer Blogbeiträge und anderer individueller Inhaltstypen zu verfolgen.

Kehren Sie nun einfach zu Einblicke “ Beliebte Beiträge zurück und gehen Sie zu „Widget für beliebte Beiträge“.

Aktivieren Sie einfach die Schaltfläche „Top 5 Beiträge aus Google Analytics hinzufügen“. Klicken Sie dann auf „Automatisierte Beiträge testen“, um zu sehen, ob die Einrichtung erfolgreich war.

Wenn ja, wird eine Erfolgsmeldung eingeblendet.

Die Meldung sollte lauten: „Popular Posts-Daten können korrekt abgerufen werden. Bitte beachten Sie: Je nachdem, wann Sie die Einstellungen für die benutzerdefinierten Dimensionen eingerichtet haben, kann es bis zu 7 Tage dauern, bis relevante Daten zu beliebten Beiträgen aus Google Analytics geladen werden.

In den nächsten Schritten können Sie nun einen Titel hinzufügen, der über dem Widget erscheint. Das kann etwas sein wie „Sehen Sie sich unsere beliebtesten Beiträge an“ oder etwas Ähnliches.

Darunter können Sie wählen, ob das Widget in allen Beitragstypen angezeigt werden soll, von bestimmten Beiträgen ausgeschlossen werden soll und/oder nur in bestimmten Beitragskategorien erscheinen soll.

Diese Einstellungen sind nützlich, wenn Sie individuelle Inhaltstypen erstellt haben, bei denen es sich nicht um Blog-Beiträge handelt, und Sie das Gefühl haben, dass das Widget für beliebte Beiträge dort irrelevant ist.

Einer der letzten Schritte besteht darin, das Widget für beliebte Beiträge einzubetten. Es gibt mehrere Möglichkeiten: automatische Platzierung, Verwendung eines Gutenberg-Blocks, Hinzufügen als Sidebar-Widget oder Verwendung eines Shortcodes.

Gehen wir die einzelnen Optionen nacheinander durch.

Automatisches Einbetten des Widget für beliebte Beiträge

Die automatische Platzierung wird empfohlen, wenn Sie möchten, dass das Widget in allen Beiträgen angezeigt wird, die den zuvor eingestellten Verhaltensweisen entsprechen.

Hierfür müssen Sie lediglich die Schaltfläche Automatische Platzierung aktivieren.

Der Nachteil dieser Option ist, dass Sie das Design des Widgets nicht so anpassen können, dass es im Beitrag oder auf der Seite am besten aussieht. Wenn Sie diese Art von Funktionalität benötigen, können Sie die nächste Methode ausprobieren.

Einbetten des Blocks Beliebte Beiträge in eine Seite oder einen Beitrag

Wenn Sie mehr Kontrolle darüber haben möchten, wie das Widget auf einer Seite oder in einem Beitrag aussieht, dann ist diese Methode genau das Richtige für Sie.

Gehen Sie zunächst zum Block-Editor des Beitrags oder der Seite, auf der Sie das Widget einfügen möchten. Klicken Sie dann auf die Schaltfläche „+“ zum Hinzufügen von Blöcken an beliebiger Stelle im Editor und suchen Sie den Block „Beliebte Beiträge“.

Im Einstellungsbereich des Blocks sehen Sie, dass es Optionen gibt, um das Thema des Widgets, die Schriftgröße, die Farben, den Titel, das Layout und die Anzahl der Beiträge zu ändern.

Diese Einstellungen ähneln denen, die wir im MonsterInsights-Plugin gesehen haben.

Der einzige Unterschied ist, dass Sie nicht ändern können, welche Beiträge im Widget ausgewählt werden.

In den Verhaltenseinstellungen ist es jedoch möglich, nur Beiträge aus bestimmten Kategorien zu veröffentlichen. Auf diese Weise können Sie die Auswahl der beliebten Beiträge besser auf Ihre Bedürfnisse abstimmen.

Wenn Sie mit den Blockeinstellungen zufrieden sind, klicken Sie einfach auf die Schaltfläche „Aktualisieren“ im Beitrags- und Seiteneditor.

So sieht der Block „Beliebte Beiträge“ auf unserer Test-Website aus:

Das Widget für beliebte Beiträge in eine Seitenleiste einbetten

Wenn Sie ein WordPress-Theme ohne Block-Theme verwenden, das über eine Seitenleiste mit Widgets verfügt, können Sie das Widget „Beliebte Beiträge“ in diese Seitenleiste einfügen. Dies haben wir in unserem Artikel über das Hinzufügen von hervorgehobenen Beiträgen in Ihrer WordPress-Seitenleiste getan.

Alles was Sie tun müssen, ist, auf Darstellung “ Widgets zu gehen. Klicken Sie dann auf die Schaltfläche „+“ zum Hinzufügen von Widgets im Bereich Sidebar und suchen Sie nach dem Widget „Beliebte Beiträge – MonsterInsights“.

Wie bei der vorherigen Methode enthält das Widget ähnliche Einstellungen, mit denen Sie das Aussehen Ihres Themas anpassen können.

Der Unterschied ist, dass die Benutzeroberfläche etwas schwieriger zu bedienen ist. Während Sie die Einstellungen ändern, können Sie nicht sehen, wie das Widget tatsächlich aussieht. Sie müssen auf ein anderes Widget oder einen anderen Bereich klicken, um es in der Vorschau zu sehen.

Wenn Sie mit dem Aussehen des Widgets zufrieden sind, klicken Sie einfach auf „Aktualisieren“ in der oberen rechten Ecke.

Gehen Sie auf Ihre Website, um zu prüfen, ob die Seitenleiste richtig aussieht.

So sieht unsere aus:

Wenn Sie das Widget „Beliebte Beiträge“ nur auf bestimmten Seiten anzeigen lassen möchten, lesen Sie unsere Anleitung zum Ein- und Ausblenden von Widgets auf bestimmten WordPress-Seiten.

Einbetten des Popular Posts Widget mit einem Shortcode

Die letzte Option ist die Verwendung eines Shortcodes. Diese Methode wird empfohlen, wenn die oben genannten Optionen für Ihren speziellen Anwendungsfall nicht geeignet sind.

Scrollen Sie auf der Registerkarte „Beliebte Beiträge“ ganz nach unten zum Abschnitt „Einbettungsoptionen“. Wählen Sie dann „Mit einem Shortcode anzeigen“ und klicken Sie auf die Schaltfläche „Shortcode kopieren“.

Danach platzieren Sie den Shortcode einfach dort, wo Sie ihn haben möchten. Weitere Informationen finden Sie in unserer Anleitung zum Hinzufügen von Shortcodes in WordPress.

Methode 2: Anzeige beliebter WordPress-Beiträge nach Ansichten mit Code (fortgeschrittener)

Die MonsterInsights-Methode ist der einfachste Weg, um Ihre beliebtesten und besten Inhalte nach Ansichten in WordPress anzuzeigen. Aber wenn Sie mit der Programmierung vertraut sind, können Sie auch Code verwenden, um Ihre beliebtesten WordPress-Beiträge anzuzeigen.

Für diese Methode empfehlen wir die Verwendung eines Code-Snippets-Plugins wie WPCode, das wir in diesem Leitfaden verwenden werden.

WPCode macht es sicher, benutzerdefinierten Code einzufügen, ohne direkt mit Ihren WordPress-Dateien zu interagieren. Und da diese Methode die Verwendung mehrerer Codeschnipsel erfordert, macht das Plugin die Verwaltung und Verfolgung aller dieser Codeschnipsel viel einfacher.

Zunächst müssen Sie WPCode in WordPress installieren. Es gibt eine kostenlose Version von WPCode, aber wir werden die Pro-Version verwenden, da sie über die Funktionen verfügt, die wir zum Einfügen des Codes an den richtigen Stellen benötigen.

Eine schrittweise Installationsanleitung finden Sie in unserem Artikel über die Installation eines WordPress-Plugins.

WordPress Post Views Zähler Funktion hinzufügen

Nach der Aktivierung des Plugins müssen Sie auf dem Dashboard zu Code Snippets “ + Snippet hinzufügen gehen. Fahren Sie dann mit dem Mauszeiger über „Add Your Custom Code (New Snippet)“ und klicken Sie auf „+ Add Custom Snippet“.

Jetzt befinden Sie sich im WPCode-Codefragment-Editor. Bevor Sie einen Code einfügen, fügen Sie einen Titel für das Snippet hinzu.

Für diesen ersten Code können Sie einen Namen wie „WordPress Post Views Counter Function“ wählen. Der Grund dafür ist, dass der Zweck dieses ersten Codes darin besteht, eine Funktion zum Zählen von Beitragsaufrufen in WordPress zu erstellen.

Als Nächstes ändern Sie den Codetyp in „PHP Snippet“. Beachten Sie, dass alle Codeschnipsel, die Sie aus diesem Artikel hinzufügen müssen, in PHP geschrieben sind.

Danach können Sie den folgenden Code kopieren und einfügen:

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

Scrollen Sie nun zum Abschnitt „Einfügen“ und wählen Sie für die Einfügemethode „Automatisch einfügen“ und für den Ort „Überall ausführen“. Dies funktioniert genauso wie das Einfügen des Codes in die Datei functions.php Ihres Themas.

Navigieren Sie dann zum oberen rechten Rand der Seite und aktivieren Sie den Code.

Klicken Sie dann auf „Snippet speichern“.

In diesem Stadium müssen Sie einen weiteren neuen benutzerdefinierten Codeschnipsel hinzufügen. Diesen können Sie „Track Post Views Function Call“ nennen.

Dieser Code ruft die obige Funktion auf und aktiviert sie auf Ihren einzelnen Beitragsseiten.

Kopieren Sie anschließend den folgenden Ausschnitt und fügen Sie ihn ein:

wpb_set_post_views(get_the_ID());

Das Besondere an diesem Code-Snippet ist, dass Sie die Position „Nach dem Beitrag einfügen“ wählen, da es auf Ihren einzelnen Beitragsseiten ausgeführt werden soll.

Wenn Sie fertig sind, aktivieren Sie den Code und speichern ihn.

WordPress Post Views Tracking Hook einfügen

Nun müssen Sie einen neuen Codeschnipsel hinzufügen, der überprüft, ob die aktuelle Seite ein einzelner Beitrag ist. Ist dies der Fall, wird die Funktion WordPress Post Views Counter aufgerufen, um die Anzahl der Aufrufe des Beitrags zu verfolgen und zu aktualisieren.

Auf diese Weise wird jedes Mal, wenn ein Nutzer den Beitrag besucht, die Anzahl der Aufrufe aktualisiert.

Nennen wir dieses Snippet „WordPress Post Views Tracking Hook“. Fügen Sie dann die folgenden Codezeilen ein:

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

Sie können als Einfügemethode „Automatisch einfügen“ und als Speicherort „Nur Frontend“ wählen.

Wie bei den vorangegangenen Schritten müssen Sie nur den Code aktivieren und das Snippet speichern.

Funktionen zum Abrufen der Anzahl der Beitragsaufrufe und zum Anzeigen der beliebtesten Beiträge mit Anzahl der Aufrufe hinzufügen

Wir sind nun bei den letzten Schritten dieser Anleitung angelangt. Sie müssen einen Codeschnipsel hinzufügen, der die Anzahl der Aufrufe für einen bestimmten WordPress-Beitrag abruft und formatiert. Dies wird später bei der Anzeige der Liste der am häufigsten angesehenen Beiträge nützlich sein.

Sie können diesen Code als „Retrieve Post Views Count Function“ bezeichnen und den Speicherort auf „Run Everywhere“ setzen.

Hier ist das Codeschnipsel:

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

Achten Sie auch hier darauf, den Code in WPCode zu aktivieren und ihn anschließend zu speichern.

Danach erstellen Sie wieder ein neues Code-Snippet und nennen es „Display Most Popular Posts with View Counts“. Dies ist der Code, der Ihre beliebtesten Beiträge unten in Ihren Blogbeiträgen anzeigt.

Fügen Sie im Feld Codevorschau das folgende Snippet ein:

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

Wie im Code angegeben, können Sie die Anzahl der anzuzeigenden Beiträge anpassen und den Titel für diesen Abschnitt individuell gestalten.

Wählen Sie im Abschnitt „WPCode einfügen“ die Option „Nach Beitrag einfügen“ für den Speicherort. Aktivieren Sie dann einfach den Code und speichern Sie das Snippet.

Jetzt müssen Sie nur noch einen Ihrer Blog-Beiträge besuchen und sehen, ob der Code funktioniert. Hier sehen Sie, wie der Bereich „Beliebteste Beiträge nach Ansichten“ in unserem WordPress-Testblog aussieht:

Video-Anleitung

Wenn Sie visuelle Anleitungen bevorzugen, schauen Sie sich bitte die Videoversion dieses Tutorials unten an:

Wir hoffen, dass dieses WordPress-Tutorial Ihnen geholfen hat zu lernen, wie man beliebte Beiträge nach Ansichten anzeigt. Vielleicht möchten Sie auch unsere Expertenauswahl der besten Plugins für verwandte Beiträge für WordPress und unseren Artikel darüber, was eine hochkonvertierende Landing Page ausmacht, lesen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.