Cómo mostrar entradas populares por visitas en WordPress (2 maneras)

Si alguna vez te has desplazado hasta la parte inferior de uno de nuestros artículos, probablemente habrás notado nuestro widget ‘Popular en WPBeginner ahora mismo’. Esta característica ha sido un éxito entre nuestros lectores, ayudándoles a descubrir nuestro contenido más valioso y animándoles a explorar más de nuestro sitio.

Al destacar las entradas más populares de tu blog de WordPress, no sólo ayudas a los lectores a encontrar tu mejor contenido, sino que también aumentas las métricas de participación de tu sitio. Todos salimos ganando: los visitantes obtienen un gran contenido y tú los mantienes en tu sitio más tiempo.

En este artículo, le mostraremos cómo mostrar fácilmente sus entradas más populares en función de sus visitas en WordPress.

¿Por qué mostrar entradas populares por vistas en WordPress?

Cuando los usuarios ven las entradas más populares de su blog de WordPress, pueden descubrir qué contenido gusta más a sus compañeros lectores. De este modo, pueden marcar / comprobar esos artículos y unirse a la conversación.

Y lo que es más, mostrar tu contenido más popular en WordPress puede impulsar tu prueba social. Es como decir a los nuevos usuarios: “Oye, a otras personas les han resultado muy útiles estas entradas, ¡y a ti también te lo podrían parecer!”.

Por último, mostrar las entradas de tu blog que marcan tendencia puede hacer que la gente permanezca más tiempo en tu sitio web, aumentando las páginas vistas y reduciendo la tasa de rebote.

Cuanto mayor sea la participación de los usuarios, más considerará Google que su contenido es bueno e importante. A su vez, tu WordPress SEO mejora y tu sitio puede posicionarse mejor.

Desafortunadamente, WordPress no tiene una característica incorporada o un bloque para mostrar sus entradas más populares por páginas vistas. En esta guía, le mostraremos cómo hacer exactamente eso con un plugin y con código.

Sólo tiene que hacer clic en uno de los enlaces rápidos que aparecen a continuación para acceder directamente al método que prefiera:

Método 1: Mostrar Entradas Populares de WordPress por Vistas con MonsterInsights (Recomendado)

La forma más fácil de mostrar entradas populares por visitas en WordPress es con un plugin. En realidad hay muchos plugins de entradas populares de WordPress disponibles, pero en nuestra opinión, la mejor opción es MonsterInsights.

Utilizado por más de 3 millones de sitios web en todo el mundo, MonsterInsights es el mejor plugin de Google Analytics para WordPress. Aunque su funcionalidad principal es el análisis, también tiene una característica fácil de usar para mostrar sus entradas más populares.

Lo primero es lo primero, tendrás que instalar el plugin MonsterInsights y conectarlo a tu cuenta de Google Analytics. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar Google Analytics en WordPress para principiantes.

Elija un tema parael widget de entradas populares

Una vez que hayas activado y configurado el plugin, ve a Insights ” Popular Posts desde el escritorio de WordPress. A continuación, haz clic en el elemento / artículo del menú “Widget de entradas populares”.

Desplazándose hacia abajo, tendrá que seleccionar un tema para mostrar el widget de entradas populares. Hay varias opciones.

Algunas incluyen una imagen destacada para la entrada, mientras que otras tienen un aspecto más minimalista.

Si quiere ver cómo es el tema antes de elegir, baje por la página hasta la sección Vista previa del tema.

También puedes obtener una vista previa del tema en formato Ancho o Estrecho. Con el formato Ancho, verás tus entradas listadas bajo el contenido de la página o entrada, mientras que el formato Estrecho muestra las entradas a la derecha de la misma, como una barra lateral.

A continuación, desplázate hasta la sección “Personalizar diseño”. Aquí puedes modificar los colores del tema, el tamaño de la fuente, la disposición y el número de entradas que se mostrarán.

Las opciones de personalización pueden variar en función del tema que utilices. Por lo tanto, asegúrese de explorar los diferentes temas para ver cuál le conviene más.

Configurar el comportamiento del widget de entradas populares

Una vez que hayas configurado el diseño del tema, debes ir a la sección Comportamiento. Aquí es donde controlarás cómo aparecerá el widget de entradas populares en tu sitio web WordPress.

En los ajustes de estilo del widget, puede optar por utilizar el diseño que ha realizado anteriormente u optar por no aplicar ningún estilo al widget. Con la segunda opción, el widget seguirá el CSS del tema de tu sitio de WordPress.

A continuación, puedes elegir cómo debe elegir el widget tus entradas más populares. Para este tutorial, selecciona “Seleccionado”, pero también puedes mostrar las entradas más populares en función del número de comentarios.

Lo que tienes que hacer a continuación es activar la opción ‘Añadir Top 5 Entradas de Google Analytics’. Pero antes de hacer eso, necesitarás el MonsterInsights Dimensions Add-On y añadir el tipo de contenido como una nueva dimensión personalizada.

Esto permitirá a MonsterInsights elegir las entradas más populares basándose en los datos de Google Analytics.

Para ello, debe descargar la extensión MonsterInsights Dimensions e instalarla como plugin en WordPress. Para obtener instrucciones paso a paso, marca / comprobar nuestra guía sobre cómo instalar un plugin de WordPress.

A continuación, vaya a Insights “ Ajustes y cambie a la pestaña ‘Conversiones’. A continuación, haz clic en “Añadir nueva dimensión personalizada”.

Una vez hecho esto, seleccione “Tipo de contenido” en el menú desplegable.

Esto activará MonsterInsights para realizar un seguimiento del rendimiento de las entradas de su blog y otros tipos de contenido personalizado.

Ahora, sólo regresa a Insights ” Entradas populares y ve a ‘Popular Posts Widget’.

Simplemente activa el botón conmutador “Añadir las 5 entradas principales de Google Analytics”. A continuación, haz clic en “Probar entradas automatizadas” para ver si la configuración ha sido correcta.

En caso afirmativo, aparecerá un mensaje / ventana emergente correcto.

Debería decir: “Los datos de las entradas más populares pueden obtenerse correctamente. Ten en cuenta que, dependiendo de cuándo hayas establecido los ajustes de Dimensiones personalizadas, pueden transcurrir hasta 7 días antes de que se carguen los datos de Entradas populares relevantes desde Google Analytics”.

Pasando a los siguientes pasos, ahora puedes añadir un título que aparecerá encima del widget. Puede ser algo como “Comprueba nuestras entradas más populares” o algo similar.

A continuación, puede elegir si el widget debe mostrarse en todos los tipos de entradas, excluirse de entradas específicas y/o aparecer solo en determinadas categorías de entradas.

Estos ajustes son útiles si has creado tipos de contenido personalizados distintos de las entradas de blog y crees que el widget de entradas populares no será relevante en ellos.

Uno de los últimos pasos es incrustar el widget de entradas populares. Hay varias opciones: colocarlo automáticamente, usar un bloque de Gutenberg, añadirlo como widget de la barra lateral o usar un shortcode.

Veamos las opciones una por una.

Incrustar automáticamente el widget de entradas populares

Se recomienda la Colocación automática si desea que el widget aparezca en todas las entradas que coincidan con los ajustes de Comportamiento que haya establecido anteriormente.

Para ello, basta con activar el botón Colocación automática.

El inconveniente de esta opción es que no puedes ajustar el diseño del widget en función de lo que mejor quede en la entrada o página. Si necesitas este tipo de funcionalidad, puedes probar el siguiente método.

Incrustar el bloque de entradas populares en una página o entrada

Si quieres tener más control sobre el aspecto del widget en una página o entrada, entonces este método es para ti.

Primero, ve al editor de bloques de la entrada o página en la que quieres que esté el widget. Después, haz clic en el botón “+” para añadir bloques en cualquier parte del editor y busca el bloque Entradas populares.

En el panel de ajustes del bloque, verás que hay opciones para cambiar el tema del widget, el tamaño de la fuente, los colores, el título, la disposición y el recuento de entradas.

Estos ajustes son similares a los que hemos visto en el plugin MonsterInsights.

La unica diferencia es que no puedes cambiar las entradas que se eligen en el widget.

Dicho esto, en los Ajustes de comportamiento, es posible mostrar solo entradas de determinadas categorías. De esta forma, puedes hacer que las entradas más populares se adapten mejor a tus necesidades.

Una vez que esté satisfecho con los ajustes del bloque, sólo tiene que hacer clic en el botón “Actualizar” del editor de entradas y páginas.

Este es el aspecto del bloque Entradas populares en nuestro sitio web de prueba:

Incrustar el widget de entradas populares en una barra lateral

Si estás usando un tema de WordPress que no sea de bloque y que tenga un área de barra lateral preparada para widgets, entonces puedes añadirle el widget de entradas populares. Esto es lo que hicimos en nuestro artículo sobre cómo añadir entradas destacadas en la barra lateral de WordPress.

Todo lo que tienes que hacer es ir a Apariencia ” Widgets. Luego, haz clic en el botón ‘+’ para añadir widgets en el área de la barra lateral y busca el widget Entradas populares – MonsterInsights.

Al igual que en el método anterior, el widget incluye ajustes similares para personalizar la apariencia del tema.

La diferencia es que la interfaz es un poco más difícil de usar. Al cambiar los ajustes, no puedes ver el aspecto real del widget. Tendrás que hacer clic en otro widget o en otra zona para obtener una vista previa.

Si estás satisfecho con el aspecto del widget, sólo tienes que hacer clic en “Actualizar” en la esquina superior derecha.

Asegúrese de ir a su sitio web para comprobar si la barra lateral se ve bien.

Este es el aspecto del nuestro:

Si quieres hacer que el widget de Entradas Populares aparezca solo en páginas específicas, entonces puedes leer nuestra guía sobre cómo mostrar u ocultar widgets en ciertas páginas de WordPress.

Incrustar el widget de entradas populares con un shortcode

La última opción es utilizar un shortcode. Este método se recomienda si las opciones anteriores no funcionan para su caso de uso específico.

En la pestaña del widget de entradas populares, desplázate hasta la sección “Opciones de incrustación”. A continuación, selecciona “Mostrar usando un shortcode” y haz clic en el botón “Copiar shortcode”.

Después, simplemente coloca el shortcode donde quieras. Para más información, comprueba nuestra guía sobre cómo añadir shortcodes en WordPress.

Método 2: Mostrar Entradas Populares de WordPress por Vistas con Código (Más Avanzado)

El método MonsterInsights es la forma más sencilla de mostrar su contenido más popular y mejor por vistas en WordPress. Pero si te sientes cómodo con la codificación, entonces también puedes usar código para mostrar tus entradas más populares en WordPress.

Para este método, recomendamos utilizar un plugin de fragmentos de código como WPCode, que es el que utilizaremos en esta guía.

WPCode permite insertar código personalizado sin interactuar directamente con los archivos de WordPress. Además, dado que este método requiere el uso de múltiples fragmentos de código, el plugin hará que la gestión y el seguimiento de todos ellos sea mucho más fácil.

Primero, necesitas instalar WPCode en WordPress. Existe una versión gratuita de W PCode, pero vamos a utilizar la versión Pro, ya que viene con las características que necesitamos para insertar el código en los lugares correctos.

Para obtener una guía de instalación paso a paso, lea nuestro artículo sobre cómo instalar un plugin de WordPress.

Añadir función de contador de entradas de WordPress

Una vez activado el plugin, debe ir a Fragmentos de código ” + Añadir fragmento desde el panel de control. A continuación, coloque el cursor sobre “Añadir código personalizado (nuevo fragmento)” y haga clic en “+ Añadir fragmento personalizado”.

Ahora estás dentro del editor de fragmentos de código de WPCode. Antes de insertar cualquier código, añada un título al fragmento de código.

Para este primer código, puedes llamarlo algo así como ‘Función Contador de Entradas de WordPress’. Esto es porque el propósito de este primer código es crear una función para contar entradas vistas en WordPress.

A continuación, cambie el Tipo de código a ‘Fragmento de código PHP’. Tenga en cuenta que todos los fragmentos de código que tendrá que añadir de este artículo están en PHP.

A continuación, copia y pega el siguiente código:

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

Ahora, desplácese hasta la sección “Inserción” y seleccione “Inserción automática” para el método de inserción y “Ejecutar en todas partes” para la ubicación. Esto funciona igual que insertar el código en el archivo functions.php de tu tema.

A continuación, vaya a la parte superior derecha de la página y active el código.

A continuación, haga clic en “Guardar fragmento de código”.

En esta etapa, necesita añadir otro nuevo fragmento de código personalizado. Puede llamarlo “Llamada a la función de seguimiento de entradas”.

Este código llamará a la función anterior y la activará en sus páginas de entradas individuales.

Una vez hecho esto, copia y pega el siguiente fragmento de código:

wpb_set_post_views(get_the_ID());

Lo que es diferente acerca de este fragmento de código es que usted elegirá la ubicación ‘Insertar después de la entrada’ porque se supone que se ejecuta en sus páginas de entradas individuales.

Cuando hayas terminado, activa el código y guárdalo.

Insertar WordPress Entradas Vistas Gancho de seguimiento

Ahora, necesita añadir un nuevo fragmento de código que compruebe si la página actual es una única entrada. Si es así, llamará a la función de contador de visitas de entradas de WordPress para realizar un seguimiento y actualizar el recuento de visitas de la entrada.

De este modo, cada vez que un usuario visite la entrada, se actualizará su recuento de visitas.

Llamemos a este fragmento de código ‘Gancho de seguimiento de entradas de WordPress’. A continuación, inserte las siguientes líneas de código:

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

Puede elegir el método de inserción como ‘Auto Insertar’ y la ubicación como ‘Solo portada.’

Igual que en los pasos anteriores, sólo tienes que activar el código y guardar el fragmento.

Añadir funciones para recuperar el recuento de entradas vistas y mostrar las entradas más populares con el recuento de vistas.

Ahora estamos en los pasos finales de esta guía. Necesita añadir un fragmento de código que recupere y formatee el número de vistas de una entrada dada de WordPress. Esto será útil más adelante cuando se muestra la lista de entradas más vistas.

Puede nombrar este código como ‘Recuperar función de recuento de entradas’ y establecer la ubicación como ‘Ejecutar en todas partes’.

Este es el fragmento de código:

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

De nuevo, asegúrate de activar el código en WPCode y guardarlo después.

Una vez hecho esto, vuelve a crear un nuevo fragmento de código y llámalo “Mostrar entradas más populares con recuentos de visitas”. Este es el código que mostrará tus entradas más populares en la parte inferior de las entradas de tu blog.

En el cuadro Vista previa del código, inserte el siguiente fragmento de código:

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

Como se indica en el código, no dudes en ajustar el número de entradas a mostrar y personalizar el título de esta sección.

En la sección de Inserción de WPCode, asegúrate de seleccionar ‘Insertar después de la entrada’ para la Ubicación. A continuación, active el código y guarde el fragmento de código.

Todo lo que queda por hacer ahora es visitar una de las entradas de tu blog y ver si el código funciona. Este es el aspecto de las entradas más populares por sección de visitas en nuestro blog WordPress de prueba:

Tutorial en vídeo

Si prefiere instrucciones visuales, vea la versión en vídeo de este tutorial a continuación:

Esperamos que este tutorial de WordPress te haya ayudado a aprender cómo mostrar entradas populares por visitas. También puedes echar un vistazo a nuestra selección experta de los mejores plugins de entradas relacionadas para WordPress y a nuestro artículo sobre cómo crear una página de aterrizaje de alta conversión.

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.