jueves, marzo 28, 2024
No menu items!
InicioBlogsCómo mostrar publicaciones populares por vistas en WordPress (2 formas)

Cómo mostrar publicaciones populares por vistas en WordPress (2 formas)

¿Quieres mostrar publicaciones populares según sus vistas en WordPress?

Al mostrar las publicaciones de su blog de WordPress más populares, puede ayudar a los lectores a encontrar su mejor y más valioso contenido. Además, puede animarlos a permanecer más tiempo en su sitio web.

En este artículo, le mostraremos cómo mostrar sus publicaciones populares por vistas en WordPress.

Cómo mostrar publicaciones populares por vistas en WordPress

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

Cuando los usuarios ven las publicaciones de su blog de WordPress más populares, pueden descubrir qué contenido les gusta más a sus compañeros lectores. De esta manera, pueden consultar esos artículos y unirse a la conversación.

Es más, mostrar tu contenido más popular en WordPress puede mejorar tu prueba social. Es como decirles a los nuevos usuarios: “¡Oye, otras personas han encontrado estas publicaciones realmente útiles y es posible que tú también!”.

Publicaciones populares y de tendencia de WPBeginner

Finalmente, mostrar las publicaciones de tu blog más populares puede hacer que las personas permanezcan más tiempo en tu sitio web y exploren más tu contenido.

Cuanto más aumenta la participación de sus usuarios, más piensa Google que su contenido es bueno e importante. A su vez, su sitio puede tener una clasificación más alta. Además, esto les da a los lectores más tiempo para realizar conversiones, como suscribirse a su boletín informativo.

Desafortunadamente, WordPress no tiene una función o bloque integrado para mostrar sus publicaciones más populares por páginas vistas. En esta guía, le mostraremos cómo hacer exactamente eso con un complemento y con código.

Simplemente haga clic en uno de los enlaces rápidos a continuación para ir directamente a su método preferido:

Tutoriales en vídeo

Suscríbete a WPBeginner

Si prefiere instrucciones escritas, siga leyendo.

Método 1: mostrar publicaciones populares de WordPress por vistas con MonsterInsights

La forma más sencilla de mostrar publicaciones populares por vistas en WordPress es con un complemento. En realidad, hay muchos complementos de publicaciones populares de WordPress disponibles, pero en nuestra opinión, la mejor opción es Ideas de monstruos.

El complemento MonsterInsights de Google Analytics

Utilizado por más de 3 millones de sitios web en todo el mundo, MonsterInsights es el mejor complemento de Google Analytics para WordPress. Si bien su funcionalidad principal es la analítica, también tiene una función fácil de usar para mostrar tus publicaciones más populares.

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

Elija un widget de publicaciones populares Tema

Una vez que haya activado y configurado el complemento, vaya a Perspectivas » Publicaciones populares desde el panel de WordPress. Luego, haga clic en el elemento de menú 'Widget de publicaciones populares'.

El widget de publicaciones populares en MonsterInsights

Al desplazarse hacia abajo, deberá seleccionar un tema para mostrar el widget de publicaciones populares. Hay varias opciones.

Algunos incluyen una imagen destacada para la publicación, mientras que otros tienen un aspecto más minimalista.

Elegir un tema de widget de publicaciones populares en MonsterInsights

Si desea ver cómo se ve el tema antes de elegir, simplemente baje 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 publicaciones enumeradas debajo de la página o del contenido de la publicación, mientras que el formato estrecho muestra las publicaciones en el lado derecho de la misma, como una barra lateral.

Vista previa del tema del widget de publicaciones populares en MonsterInsights

A continuación, desplácese hacia abajo hasta la sección “Personalizar diseño”. Aquí, puede modificar los colores del tema, el tamaño de fuente, el diseño y el recuento de publicaciones para mostrar.

Las opciones de personalización aquí pueden variar según el tema que utilice. Por lo tanto, asegúrese de explorar los diferentes temas para ver cuál se adapta mejor a sus necesidades.

Personalización del tema del widget de publicaciones populares en MonsterInsights

Configurar el comportamiento del widget de publicaciones 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 publicaciones populares en tu sitio web de WordPress.

🔥 Leer:  Cómo arreglarlo si Instagram Save to Collection no funciona

En la configuración de estilo del widget, puede optar por utilizar el diseño que creó anteriormente u optar por no aplicar ningún estilo al widget. Con la segunda opción, el widget seguirá el CSS del tema de su sitio web de WordPress.

Luego, puedes elegir cómo el widget debe elegir tus publicaciones más populares. Aquí, seleccione “Seleccionado”.

Algunas de las configuraciones de comportamiento del widget de publicaciones populares en MonsterInsights

Lo que debe hacer a continuación es habilitar la opción “Agregar las 5 publicaciones principales de Google Analytics” a continuación. Pero antes de hacer eso, necesitarás el Complemento de dimensiones de MonsterInsights y agregar el tipo de publicación como una nueva dimensión personalizada.

Esto permitirá a MonsterInsights elegir las publicaciones más populares según los datos de Google Analytics.

Para hacer esto, debe descargar el complemento MonsterInsights Dimensions e instalarlo como complemento en WordPress. Para obtener instrucciones paso a paso, consulte nuestra guía sobre cómo instalar un complemento de WordPress.

A continuación, vaya a Perspectivas “ Ajustes y cambie a la pestaña 'Conversiones'. Después de eso, haga clic en “Agregar nueva dimensión personalizada”.

Agregar una nueva dimensión personalizada en MonsterInsights

Una vez que hayas hecho eso, selecciona “Tipo de publicación” en el menú desplegable.

Esto permitirá a MonsterInsights realizar un seguimiento del rendimiento de las publicaciones de su blog y otros tipos de publicaciones personalizadas.

Seleccionar el tipo de publicación como dimensión personalizada en MonsterInsights

Ahora, simplemente regrese a Perspectivas » Publicaciones populares y vaya a 'Widget de publicaciones populares'.

Simplemente active el botón de alternancia 'Agregar las 5 publicaciones principales de Google Analytics'. Luego, haga clic en “Probar publicaciones automatizadas” para ver si la configuración se realizó correctamente.

Agregar las 5 publicaciones principales basadas en datos de GA en MonsterInsights

En caso afirmativo, verá un mensaje emergente de éxito.

Debería decir: 'Los datos de publicaciones populares se pueden recuperar correctamente. Tenga en cuenta: dependiendo de cuándo configure las configuraciones de Dimensiones personalizadas, puede tomar hasta 7 días para ver la carga de datos de Publicaciones populares relevantes desde Google Analytics.

Los datos de las publicaciones populares se pueden recuperar correctamente en el mensaje emergente en MonsterInsights

Pasando a los siguientes pasos, ahora puede agregar un título que aparecerá encima del widget. Puede ser algo como “Consulta nuestras publicaciones más populares” o algo similar.

Debajo de eso, puede elegir si el widget debe mostrarse en todos los tipos de publicaciones, excluirse de publicaciones específicas y/o aparecer solo en ciertas categorías de publicaciones.

Estas configuraciones son útiles si tiene tipos de publicaciones personalizadas que no sean publicaciones de blog y cree que el widget de publicaciones populares parecerá irrelevante allí.

Más configuraciones de comportamiento para el widget de publicaciones populares en MonsterInsights

Uno de los últimos pasos es insertar el widget de publicaciones populares. Hay varias opciones: colocarlo automáticamente, usar un bloque de Gutenberg, agregarlo como un widget de barra lateral o usar un código corto.

Repasemos cada opción una por una.

Las opciones de inserción del widget de publicaciones populares en WordPress

Incrustar el widget de publicaciones populares automáticamente

Se recomienda la colocación automática si desea que el widget aparezca en todas las publicaciones que coincidan con la configuración de comportamiento que estableció anteriormente.

Para ello lo único que tienes que hacer es activar el botón Colocación automática.

Activación de la ubicación automática para el widget de publicaciones populares en MonsterInsights

La desventaja de esta opción es que no puedes ajustar el diseño del widget en función de lo que se ve mejor en la publicación o página. Si necesita este tipo de funcionalidad, puede probar el siguiente método.

Incrustar el bloque de publicaciones populares en una página o publicación

Si desea tener más control sobre cómo se ve el widget en una página o publicación, entonces este método es para usted.

Primero, ve al editor de bloques de la publicación o página donde quieres que esté el widget. Después de eso, haga clic en el botón '+' para agregar bloque en cualquier parte del editor y busque el bloque Publicaciones populares.

Agregar el bloque de publicaciones populares de MonsterInsights en el editor de bloques de WordPress

En el panel de configuración del bloque, verá que hay opciones para cambiar el tema, el tamaño de fuente, los colores, el título, el diseño y el recuento de publicaciones del widget.

Estas configuraciones son similares a las que hemos visto en el complemento MonsterInsights.

Configuración de bloques de publicaciones populares de MonsterInsights en el editor de bloques de WordPress

La única diferencia es que no puedes cambiar qué publicaciones se eligen en el widget.

Dicho esto, en la Configuración de comportamiento, es posible mostrar sólo publicaciones de determinadas categorías. De esta manera, puede hacer que las opciones de publicaciones populares se adapten mejor a sus necesidades.

🔥 Leer:  EyeQue Personal Vision Tracker te ayuda a evaluar tu vista en casa
Elegir mostrar solo publicaciones de ciertas categorías en el widget de publicaciones populares de MonsterInsights

Una vez que esté satisfecho con la configuración del bloque, simplemente haga clic en el botón “Actualizar” en el editor de publicaciones y páginas.

Así es como se ve el bloque de Publicaciones populares en nuestro sitio web de prueba:

Ejemplo de cómo se ve el bloque de publicaciones populares de MonsterInsights en el sitio de WordPress

Incrustar el widget de publicaciones populares en una barra lateral

Si está utilizando un tema de WordPress sin bloqueo que tiene un área de barra lateral lista para widgets, puede agregarle el widget de Publicaciones populares.

Todo lo que tienes que hacer es ir a Apariencia » Widgets. Luego, haga clic en el botón '+' para agregar widget en el área de la barra lateral y busque el widget Publicaciones populares – MonsterInsights.

Agregar el widget de publicaciones populares de MonsterInsights al área de la barra lateral

Como en el método anterior, el widget incluye configuraciones similares para personalizar la apariencia de tu tema.

La diferencia es que la interfaz es un poco más complicada de usar. A medida que cambia la configuración, no puede ver cómo se ve realmente el widget. Tendrás que hacer clic en un widget diferente u otra área para obtener una vista previa.

Si está satisfecho con el aspecto del widget, simplemente haga clic en “Actualizar” en la esquina superior derecha.

Actualización del área de la barra lateral después de agregar el widget de publicaciones emergentes de MonsterInsights

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

Así es como se ve el nuestro:

Ejemplo del widget de publicaciones populares de MonsterInsights en una barra lateral

Incruste el widget de publicaciones populares con un código corto

La última opción es utilizar un código corto. Se recomienda este método si las opciones anteriores no funcionan para su caso de uso específico.

En la pestaña Widget de publicaciones populares, desplácese hasta la sección “Opciones de inserción”. Luego, elija “Mostrar usando un código corto” y haga clic en el botón “Copiar código corto”.

Copiar el código corto del widget de publicaciones populares en MonsterInsights

Después de eso, simplemente coloca el shortcode donde quieras. Para obtener más información, consulte nuestra guía sobre cómo agregar códigos cortos en WordPress.

Método 2: mostrar publicaciones populares de WordPress por vistas con código

El Ideas de monstruos El método es la forma más sencilla de mostrar el mejor y más popular contenido por vistas en WordPress. Pero si se siente cómodo con la codificación, también puede usar código para mostrar sus publicaciones de WordPress más populares.

Para este método, recomendamos utilizar un complemento de fragmentos de código como Código WPCque es lo que usaremos en esta guía.

WPCode: el mejor complemento de fragmentos de código de WordPress

WPCode hace que sea seguro insertar código personalizado sin interactuar directamente con sus archivos de WordPress. Además, dado que este método requiere el uso de múltiples fragmentos de código, el complemento facilitará mucho su administración y seguimiento.

Primero, necesitas instalar WPCode en WordPress. A versión gratuita de WPCode está disponible, pero usaremos el Versión Proya que viene con las funciones que necesitamos para insertar el código en las ubicaciones correctas.

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

Agregar la función de contador de vistas de publicaciones de WordPress

Tras la activación del complemento, debe ir a Fragmentos de código » + Agregar fragmento desde el tablero. Luego, coloque el cursor sobre “Agregar su código personalizado (nuevo fragmento)” y haga clic en “Usar fragmento”.

Usar fragmentos

Ahora estás dentro del editor de fragmentos de código WPCode. Antes de insertar cualquier código, continúe y agregue un título para el fragmento.

Para este primer código, puede nombrarlo algo así como “Función de contador de vistas de publicaciones de WordPress”. Esto se debe a que el propósito de este primer código es crear una función para contar las vistas de publicaciones en WordPress.

A continuación, cambie el tipo de código a “Fragmento de PHP”. Tenga en cuenta que cada fragmento de código que deberá agregar de este artículo está en PHP.

Creación de la función de contador de vistas de publicaciones de WordPress en WPCode

Después de eso, puedes copiar y pegar el siguiente código a continuación:

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, simplemente desplácese hacia abajo 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 funciones.php de su tema.

🔥 Leer:  Bandera de Andorra: obtenga las últimas imágenes e imágenes únicas aquí en HD

Después de eso, navegue hasta la parte superior derecha de la página y active el código.

Luego, haga clic en “Guardar fragmento”.

Elegir el método de inserción y la ubicación en WPCode

En esta etapa, debe agregar otro nuevo fragmento de código personalizado. Puede nombrarlo como “Seguimiento de llamada de función de vistas de publicaciones”.

Este código llamará a la función anterior y la activará en sus páginas de publicación única.

Una vez que hayas hecho eso, copia y pega el siguiente fragmento:

wpb_set_post_views(get_the_ID());

Lo que es diferente acerca de este fragmento de código es que elegirá la ubicación 'Insertar después de la publicación' porque se supone que se ejecutará en sus páginas de publicación única.

Elegir Insertar después de la publicación como ubicación de inserción del código en WPCode

Cuando haya terminado, simplemente active el código y guárdelo.

Insertar gancho de seguimiento de vistas de publicaciones de WordPress

Ahora, debe agregar un nuevo fragmento de código que verifique si la página actual es una publicación única. Si es así, llamará a la función de contador de vistas de publicaciones de WordPress para rastrear y actualizar el recuento de vistas de la publicación.

De esta manera, cada vez que un usuario visite la publicación, se actualizará su recuento de vistas.

Llamemos a este fragmento “Gancho de seguimiento de vistas de publicaciones de WordPress”. Luego, 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 “Inserción automática” y la ubicación como “Solo interfaz”.

Lo mismo con los pasos anteriores, simplemente continúa, activa el código y guarda el fragmento.

Elegir solo Frontend como ubicación de inserción de código en WPCode

Agregar funciones a Recuperar el recuento de vistas de publicaciones y mostrar las publicaciones más populares con recuentos de vistas

Ahora estamos en los pasos finales de esta guía. Debe agregar un fragmento de código que recupere y formatee la cantidad de vistas de una publicación de WordPress determinada. Esto será útil más adelante cuando se muestre la lista de publicaciones más vistas.

Puede nombrar este código como “Recuperar función de recuento de vistas de publicaciones” y establecer la ubicación en “Ejecutar en todas partes”.

Aquí está 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';
}

Nuevamente, asegúrese de activar el código en WPCode y guardarlo después.

Una vez que haya hecho eso, vuelva a crear un nuevo fragmento de código y asígnele el nombre “Mostrar publicaciones más populares con recuentos de vistas”. Este es el código que mostrará tus publicaciones más populares en la parte inferior de las publicaciones de tu blog.

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

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




Como se indica en el código, siéntase libre de ajustar la cantidad de publicaciones para mostrar y personalizar el título de esta sección.

En la sección Inserción de WPCode, asegúrese de seleccionar 'Insertar después de la publicación' para la Ubicación. Luego, simplemente active el código y guarde el fragmento.

Todo lo que queda por hacer ahora es visitar una de las publicaciones de tu blog y ver si el código funciona. Así es como se ven las publicaciones más populares por sección de vistas en nuestro blog de prueba de WordPress:

Cómo se ven las publicaciones más populares por sección de vistas hechas con WPCode

Esperamos que este artículo te haya ayudado a aprender cómo mostrar publicaciones populares por vistas en WordPress. Quizás también quieras consultar nuestro artículo sobre cómo mostrar productos populares en WooCommerce y nuestra guía para principiantes sobre los campos personalizados de WordPress.

Recomendamos

Populares