Jak wyświetlić popularne wpisy według zobacz w WordPress (2 sposoby)

Jeśli kiedykolwiek przewinąłeś na dół jednego z naszych artykułów, prawdopodobnie zauważyłeś nasz widżet „Popularne na WPBeginner właśnie teraz!”. Ta funkcja stała się hitem wśród naszych czytelników, pomagając im odkryć nasze najbardziej wartościowe treści i zachęcając ich do odkrywania większej części naszej witryny.

Wyróżniając najpopularniejsze posty na blogu WordPress, nie tylko pomagasz czytelnikom znaleźć najlepsze treści, ale także zwiększasz wskaźniki zaangażowania w witrynie. Jest to korzystne dla obu stron: odwiedzający otrzymują świetne treści, a ty zatrzymujesz ich dłużej na swojej stronie.

W tym artykule pokażemy, jak łatwo wyświetlać najpopularniejsze posty na podstawie ich wyświetleń w WordPress.

Dlaczego warto wyświetlać popularne wpisy według wyświetleń w WordPress?

Gdy użytkownicy zobaczą twoje najpopularniejsze wpisy na blogu WordPress, mogą dowiedzieć się, jakie treści najbardziej lubią ich koledzy. W ten sposób mogą sprawdzić te artykuły i dołączyć do rozmowy.

Co więcej, wyświetlanie twoich najpopularniejszych treści w WordPressie może zwiększyć twój dowód społeczny. To tak, jakby powiedzieć nowym użytkownikom, że „Hej, inni ludzie uznali te wpisy za bardzo pomocne i ty też możesz!”.

Wreszcie, wyświetlanie wpisów na twoim blogu, które cieszą się popularnością, może sprawić, że ludzie pozostaną dłużej na twojej witrynie internetowej, zwiększając liczbę odsłon i zmniejszając współczynnik odrzuceń.

Im bardziej rośnie zaangażowanie Twoich użytkowników, tym bardziej Google uważa Twoje treści za dobre i ważne. Z kolei WordPress SEO poprawia się, a twoja witryna może zajmować wyższe pozycje w rankingu.

Niestety, WordPress nie ma wbudowanej funkcji ani bloku do wyświetlania twoich najpopularniejszych wpisów według wyświetleń strony. W tym przewodniku pokażemy, jak to zrobić za pomocą wtyczki i kodu.

Wystarczy kliknąć jeden z poniższych odnośników, aby przejść bezpośrednio do Twojej preferowanej metody:

Metoda 1: Wyświetlanie popularnych postów WordPress według wyświetleń za pomocą MonsterInsights (zalecane)

Najprostszym sposobem na wyświetlenie popularnych wpisów według zobacz w WordPress jest wtyczka. W rzeczywistości dostępnych jest wiele popularnych wpisów WordPress, ale naszym zdaniem najlepszym wyborem jest MonsterInsights.

Używany przez ponad 3 miliony witryn internetowych na całym świecie, MonsterInsights jest najlepszą wtyczką Google Analytics dla WordPress. Chociaż jej główną funkcją jest analityka, posiada ona również przyjazną dla użytkownika funkcję wyświetlania twoich najpopularniejszych wpisów.

Po pierwsze, musisz zainstalować wtyczkę MonsterInsights i połączyć ją z twoim kontem Google Analytics. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować Google Analytics w WordPress dla początkujących.

Wybór motywuwidżetu popularnych wpisów

Po włączaniu i skonfigurowaniu wtyczki, przejdź do Insights ” Popular Posts z kokpitu WordPress. Następnie kliknij pozycję menu „Widżet popularnych wpisów”.

Przewijając w dół, należy wybrać motyw do wyświetlania widżetu popularnych wpisów. Dostępne są różne opcje.

Niektóre zawierają obrazek wyróż niający wpis, podczas gdy inne są bardziej minimalistyczne.

Jeśli chcesz zobaczyć, jak wygląda twój motyw przed dokonaniem wyboru, po prostu przejdź w dół strony do sekcji Podgląd motywu.

Możesz również wyświetlić podgląd motywu w formacie Wide lub Narrow. W przypadku formatu Wide twoje wpisy będą wyświetlane pod treścią strony lub wpisu, podczas gdy format Narrow wyświetla wpisy po prawej stronie, jak panel boczny.

Następnie przewińmy w dół do sekcji „Dostosuj wygląd”. Tutaj możesz zmodyfikować kolory motywu, wielkość liter, układ i liczbę wpisów do wyświetlenia.

Opcje konfiguratora mogą się różnić w zależności od używanego motywu. Warto więc zapoznać się z różnymi motywami, aby wybrać ten, który najbardziej Ci odpowiada.

Konfiguracja zachowania widżetu popularnych wpisów

Po skonfigurowaniu wyglądu motywu należy przejść do sekcji Zachowanie. To tutaj będziesz kontrolować sposób wyświetlania widżetu popularnych wpisów na twojej witrynie internetowej WordPress.

W ustawieniach stylizacji widżetu możesz wybrać użycie projektu, który stworzyłeś powyżej lub zdecydować się nie stylizować widżetu w ogóle. W przypadku drugiej opcji widżet będzie zgodny z CSS twojego motywu witryny WordPress.

Następnie możesz wybrać sposób, w jaki widżet ma wybierać twoje najpopularniejsze wpisy. W tym poradniku wybraliśmy opcję „Curated”, ale możemy również wyświetlić najpopularniejsze wpisy na podstawie liczby komentarzy.

Następnie należy włączyć opcję „Dodaj 5 najlepszych wpisów z Google Analytics” poniżej. Ale zanim to zrobisz, będziesz potrzebował MonsterInsights Dimensions Add-On i wpisu typu treści jako nowego konfiguratora.

Pozwoli to MonsterInsights wybrać najpopularniejsze wpisy na podstawie danych Google Analytics.

W tym celu należy pobrać dodatek MonsterInsights Dimensions i zainstalować go jako wtyczkę w systemie WordPress. Aby uzyskać instrukcje krok po kroku, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Następnie przejdź do sekcji Insights „ Settings i przejdź do karty „Conversions”. Następnie kliknij „Utwórz nowy konfigurator”.

Gdy już to zrobisz, wybierz „Typ treści” z rozwijanego menu.

Włączy to MonsterInsights do śledzenia wydajności twoich wpisów na blogu i innych niestandardowych typów treści.

Teraz wystarczy wrócić do Insights ” Popularne wpisy i przejść do „Widżetu popularnych wpisów”.

Wystarczy włączanie przycisku „Dodaj 5 najlepszych wpisów z Google Analytics”. Następnie kliknij przycisk „Testuj zautomatyzowane wpisy”, aby sprawdzić, czy konfiguracja przebiegła pomyślnie.

Jeśli tak, pojawi się komunikat o powodzeniu.

Powinno być napisane: „Dane popularnych wpisów mogą być pobierane poprawnie. Uwaga: w zależności od tego, kiedy skonfigurowano ustawienia własnych wymiarów, wczytywanie odpowiednich danych popularnych wpisów z Google Analytics może potrwać do 7 dni”.

Przechodząc do kolejnych kroków, możesz teraz dodać tytuł, który pojawi się nad widżetem. Może to być coś w stylu „Sprawdź nasze najpopularniejsze wpisy” lub coś podobnego.

Poniżej można wybrać, czy widżet ma być wyświetlany we wszystkich typach treści, być wykluczony z określonych wpisów i/lub pojawiać się tylko w niektórych kategoriach postów.

Te ustawienia są przydatne, jeśli utworzyłeś własne typy treści inne niż wpisy na blogu i czujesz, że widżet popularnych wpisów będzie tam wyglądał nieistotnie.

Jednym z ostatnich kroków jest osadzanie widżetu popularnych wpisów. Istnieje kilka opcji: umieszczenie go automatycznie, użycie bloku Gutenberg, dodanie go jako panelu bocznego lub użycie krótkiego kodu.

Przeanalizujmy każdą opcję po kolei.

Automatyczne osadzanie widżetu popularnych wpisów

Automatyczne umieszczanie jest zalecane, jeśli chcesz, aby widżet pojawiał się we wszystkich wpisach, które pasują do ustawień Zachowania, które ustawiłeś wcześniej.

W tym celu wystarczy włączyć przycisk Automatyczne umieszczanie.

Wadą tej opcji jest to, że nie można dostosować wyglądu widżetu w oparciu o to, co najlepiej wygląda na wpisie lub stronie. Jeśli potrzebujesz tego rodzaju funkcjonalności, możesz wypróbować następną metodę.

Osadzanie bloku popularnych wpisów na stronie lub wpisie

Jeśli chcesz mieć większą kontrolę nad wyglądem widżetu na stronie lub we wpisie, ta metoda jest dla Ciebie.

Najpierw przejdź do edytora bloków wpisu lub strony, na której chcesz umieścić widżet. Następnie kliknij przycisk dodawania bloku „+” w dowolnym miejscu edytora i poszukaj bloku Popularne wpisy.

W panelu ustawień bloku znajdują się opcje zmiany motywu widżetu, wielkości liter, kolorów, tytułu, układu i liczby wpisów.

Ustawienia te są podobne do tych, które widzieliśmy we wtyczce MonsterInsights.

Jedyną różnicą jest to, że nie można zmienić wpisów, które zostaną wybrane w widżecie.

W ustawieniach zachowania można jednak wyświetlać wpisy tylko z określonych kategorii. W ten sposób możesz sprawić, że wybór popularnych wpisów będzie bardziej dostosowany do twoich potrzeb.

Gdy będziesz zadowolony z ustawień bloków, po prostu kliknij przycisk „Aktualizuj” w edytorze wpisów i stron.

Oto jak wygląda blok popularnych wpisów na naszej testowej witrynie internetowej:

Osadzanie widżetu popularnych wpisów w panelu bocznym

Jeśli korzystasz z nieblokującego motywu WordPress, który ma panel boczny z widżetami, możesz dodać do niego widżet Popularne wpisy. To właśnie zrobiliśmy w naszym artykule na temat dodawania wpisów z funkcjami do twojego panelu bocznego WordPress.

Wszystko, co musisz zrobić, to przejść do Wygląd ” Widżety. Następnie kliknij przycisk „+” dodaj widżet w panelu bocznym i poszukaj widżetu Popularne wpisy – MonsterInsights.

Podobnie jak w poprzedniej metodzie, widżet zawiera podobne ustawienia umożliwiające dostosowanie wyglądu twojego motywu.

Różnica polega na tym, że interfejs jest nieco trudniejszy w użyciu. Podczas zmiany ustawień nie można zobaczyć, jak faktycznie wygląda widżet. Będziesz musiał kliknąć inny widżet lub inny obszar, aby go podglądnąć.

Jeśli jesteś zadowolony z wyglądu widżetu, po prostu kliknij „Aktualizuj” w prawym górnym rogu.

Upewnij się, że wszedłeś na swoją witrynę internetową, aby sprawdzić, czy panel boczny wygląda prawidłowo.

Oto jak wygląda nasz:

Jeśli chcesz, aby widżet Popularne wpisy pojawiał się tylko na określonych stronach, możesz przeczytać nasz przewodnik na temat pokazywania lub ukrywania widżetów na określonych stronach WordPress.

Osadzanie widżetu popularnych wpisów za pomocą krótkiego kodu

Ostatnią opcją jest użycie krótkiego kodu. Ta metoda jest zalecana, jeśli powyższe opcje nie działają w twoim konkretnym przypadku użycia.

W karcie widżetu Popularne wpisy przewiń w dół do sekcji „Opcje osadzania”. Następnie wybierz opcję „Wyświetl za pomocą krótkiego kodu” i kliknij przycisk „Kopiuj krótki kod”.

Następnie wystarczy umieścić krótki kod w dowolnym miejscu. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat dodawania krótkich kodów w WordPress.

Metoda 2: Wyświetlanie popularnych postów WordPress według wyświetleń za pomocą kodu (bardziej zaawansowana)

Metoda MonsterInsights to najprostszy sposób na wyświetlenie twojej najpopularniejszej i najlepszej treści według zobacz w WordPress. Ale jeśli czujesz się komfortowo z kodowaniem, możesz również użyć kodu, aby wyświetlić twoje najpopularniejsze wpisy WordPress.

W przypadku tej metody zalecamy użycie wtyczki do fragmentów kodu, takiej jak WPCode, której użyjemy w tym przewodniku.

WPCode umożliwia bezpieczne wstawienie własnego kodu bez bezpośredniej interakcji z twoimi plikami WordPress. Ponadto, ponieważ ta metoda wymaga użycia wielu fragmentów kodu, wtyczka znacznie ułatwi zarządzanie i śledzenie ich wszystkich.

Najpierw należy zainstalować WPCode w WordPressie. Dostępna jest darmowa wersja WPCode, ale my skorzystamy z wersji Pro, ponieważ zawiera ona funkcje potrzebne do wstawienia kodu w odpowiednich miejscach.

Aby uzyskać przewodnik instalacji krok po kroku, przeczytaj nasz artykuł o tym, jak zainstalować wtyczkę WordPress.

Dodanie funkcji licznika wpisów w WordPressie

Po aktywacji wtyczki należy przejść do sekcji Fragmenty kodu ” + Dodaj fragment z kokpitu. Następnie należy najechać kursorem na „Add Your Custom Code (New Snippet)” i kliknąć „+ Add Custom Snippet”.

Teraz znajdujesz się w edytorze fragmentów kodu WPCode. Zanim wstawisz jakikolwiek kod, dodaj tytuł fragmentu kodu.

W przypadku tego pierwszego kodu możesz nazwać go czymś w rodzaju „WordPress Post Views Counter Function”. Wynika to z faktu, że celem tego pierwszego kodu jest utworzenie funkcji do zliczania wpisów w WordPressie.

Następnie zmień fragment kodu na „PHP Snippet”. Zauważ, że każdy fragment kodu, który będziesz musiał dodać z tego artykułu, jest w PHP.

Następnie możesz skopiować i wkleić poniższy kod:

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

Teraz wystarczy przewinąć w dół do sekcji „Wstawianie” i wybrać „Wstaw automatycznie” dla metody wstawiania i „Uruchom wszędzie” dla lokalizacji. Działa to tak samo, jak wstawienie kodu do pliku functions.php twojego motywu.

Następnie przejdź do prawego górnego rogu strony i włącz kod.

Następnie kliknij „Zapisz fragment kodu”.

Na tym etapie musisz dodać kolejny nowy niestandardowy fragment kodu. Możesz nazwać go „Wywołanie funkcji śledzenia wpisów zobacz”.

Ten kod wywoła powyższą funkcję i włączy ją na twoich stronach z pojedynczymi wpisami.

Gdy już to zrobisz, skopiuj i wklej poniższy fragment kodu:

wpb_set_post_views(get_the_ID());

Zamierzasz wybrać lokalizację „Wstaw po wpisie”, ponieważ ma ona działać na twoich stronach z pojedynczymi wpisami.

Po zakończeniu wystarczy włączyć kod i zapisać go.

Wstawienie haka do śledzenia widoków wpisów w WordPressie

Teraz należy utworzyć nowy fragment kodu, który sprawdzi, czy obecna strona jest pojedynczym wpisem. Jeśli tak, wywoła funkcję WordPress Post Views Counter, aby śledzić i aktualizować liczbę wyświetleń wpisu.

W ten sposób za każdym razem, gdy użytkownik przejdzie na wpis, jego liczba wyświetleń zostanie zaktualizowana.

Nazwijmy ten fragment kodu „WordPress Post Views Tracking Hook”. Następnie wstaw następujące linie kodu:

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

Można wybrać metodę wstawienia jako „Auto Insert” i lokalizację jako „Frontend Only”.

Tak samo jak w poprzednich krokach, po prostu włącz kod i zapisz fragment kodu.

Dodanie funkcji pobierania liczby wyświetleń wpisów i wyświetlania najpopularniejszych wpisów z liczbą wyświetleń

Jesteśmy teraz w ostatnich krokach tego przewodnika. Musisz dodać fragment kodu, który pobiera i formatuje liczbę wyświetleń danego wpisu WordPress. Przyda się to później podczas wyświetlania listy najczęściej zobaczonych wpisów.

Możesz nazwać ten kod jako „Retrieve Post Views Count Function” i ustawić lokalizację na „Run Everywhere”.

Oto fragment kodu:

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

Ponownie, upewnij się, że kod jest włączony w WPCode i zapisz go po zakończeniu.

Gdy to zrobisz, ponownie utwórz nowy fragment kodu i nazwij go „Wyświetl najpopularniejsze wpisy z liczbą wyświetleń”. Jest to kod, który wyświetli twoje najpopularniejsze wpisy na dole wpisów na blogu.

W oknie podglądu kodu wstaw poniższy fragment kodu:

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

Jak zaznaczono w kodzie, możesz swobodnie dostosować liczbę wpisów do wyświetlenia i dostosować tytuł tej sekcji.

W sekcji Wstawianie WPCode upewnij się, że wybrałeś „Wstaw po wpisie” dla Lokalizacji. Następnie wystarczy włączyć kod i zapisać fragment kodu.

Teraz pozostaje tylko przejść na jeden z twoich wpisów na blogu i sprawdzić, czy kod działa. Oto jak wyglądają najpopularniejsze wpisy według sekcji zobacz na naszym testowym blogu WordPress:

Film instruktażowy

Jeśli wolisz instrukcje wizualne, obejrzyj poniższą wersję wideo tego poradnika:

Mamy nadzieję, że ten poradnik WordPress pomógł ci dowiedzieć się, jak wyświetlać popularne posty według wyświetleń. Zachęcamy również do zapoznania się z naszym wyborem najlepszych wtyczek powiązanych postów dla WordPressa i naszym artykułem na temat tego , co sprawia, że strona docelowa zapewnia wysoką konwersję.

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.