Como cargar automáticamente la siguiente entrada a continuación de la actual

Seguramente habrás visto que últimamente es tendencia en muchos diarios digitales y blogs que cuando estás viendo una entrada, al llegar al final de la misma siguen cargando más entradas. Pues vamos a aprender a hacerlo.

¿Qué es en realidad?

No estamos hablando del conocido como scroll infinito que va cargando tus entradas en la portada o archivo de entradas, sino a que cuando un visitante está leyendo una entrada única en su propia página, al llegar al final, se cargue automáticamente otra entrada,  luego otra, y así sucesivamente.

Antes de nada ¿tiene alguna ventaja?

Pues claro. Piensa que cuando un visitante llega a una entrada de tu blog o web de noticias, al llegar al final de la misma, vas a seguir ofreciéndole contenido adicional sin salir de la página inicial, y a poco que consigas atraer su atención aumentará su tiempo de permanencia en la página.

Además, si el sistema está bien implantado, se cargará con cada nueva entrada su URL y título propio, con lo que aumentarás el porcentaje de páginas vistas por visita/sesión.

Resumiendo:

  • Aumenta el tiempo de permanencia en tus páginas/sitio.
  • Aumenta las páginas vistas.
  • Reduce la tasa de rebote.

¿Y desventajas?

Pues, de nuevo, si el sistema está bien implantado, ninguna. Incluso Google ha declarado que no hay nada de malo con el scroll infinito, de entradas o lo que sea, siempre y cuando quede clara la navegación y estructura de la web, mientras cada contenido tenga su URL propia.

Y si tu sistema de scroll automático de siguientes entradas carga las nuevas URLs y títulos dinámicamente no hay problema alguno, pues es la experiencia de usuario, su scroll, el que las carga, con lo que hay interacción del usuario, no en clics, pero sí en navegación.

Lo único que se puede ver repercutido negativamente son los comentarios, pues pueden quedar en segundo plano o incluso desaparecer (si así lo quieres). Pero puedes forzar su carga, así que tampoco tienen porqué desaparecer.

Y también, si no lo tienes fijo, el pié de página, que podría no llegar a verse o tardar en aparecer. ¿Tiene solución? Pues sí, porque puedes trasladar sus contenidos a una barra lateral, o controlar el número de entradas a mostrar, para que no se eternice la cosa.

¡Convencido! ¿Cómo lo pongo?

Vamos a ello…

Lo que consigue la magia es el JavaScript, que será el encargado de cargar las nuevas entradas cuando detecte que el usuario está navegando al final de la entrada inicial, y empezará a cargar la siguiente, mientras cambia la URL en la barra de direcciones del navegador y las metas en el código fuente.

Y todo esto lo podríamos hacer a mano, pero como somos felices usuarios de WordPress tenemos un maravilloso plugin que nos ayudará a conseguirlo: Auto Load Next Post

El plugin utiliza JavaScript para detectar el final del bloque de contenido de la entrada actual para, a continuación, cargar la siguiente, con su propia URL y metas.

Si recargas la entrada actual esta pasará a ser la entrada inicial (recuerda que cambiar la URL) y a continuación de estas empezará un nuevo bucle de entradas que la seguirán.

Por si tienes alguna duda, el historial de tu navegador guarda todas las URLs visitadas, otra muestra más de que realmente estás visitando todas esas URLs, cada una con su propio contenido.

Además, si ya tienes implantado el código de seguimiento Google Analytics (preferentemente en la cabecera) se recogerán las estadísticas de tráfico de todas las URLs que se carguen, mejorando tus informes.

¿Cómo se instala?

En principio lo instalas y activas como cualquier otro plugin WordPress, pero tienes algo de tarea a continuación.

Lo primero es añadir a tu tema la compatibilidad con el plugin, para lo que tienes que añadir al archivo functions.php del tema (o tema hijo) lo siguiente:

A continuación pásate por la pantalla de ajustes del plugin, en Ajustes > Auto Load Next Post, para configurar los selectores para tu tema, pues no los detecta automáticamente.

En esta página de ajustes debes configurar en cada apartado a qué selectores corresponden las distintas secciones de tus entradas, para lo que deberás revisar el CSS de tu tema activo, pues el plugin te pone en principio selectores por defecto, que no tienen porqué coincidir con los de tu tema.

De este modo, debes indicar qué selector es el del contenedor del contenido de la entrada, el del título, el de la navegación de entradas y el de los comentarios.

Una vez identificados e introducidos en su respectivo ajuste, tienes 3 casillas en las que puedes configurar si quieres eliminar la visualización de los comentarios, si quieres que cada carga de entrada se registre en Google Analytics (es un sí rotundo) o, para terminar, si quieres que si borras el plugin se eliminen sus ajustes de tu base de datos.

¿Cuántas entradas carga automáticamente?

Todas las que tengas. Piensa en el plugin como tu navegación de página anterior pero si tener que hacer clic.

¿Funciona?

Pues sí, pero primero tienes que realizar los dos pasos para integrarlo con tu tema activo, no es automático. De hecho, si no añades la función de compatibilidad con el plugin este te mostrará un aviso para que lo incluyas.

Pero una vez hecho esto, e identificados los selectores de tu tema e introducidos en los ajustes del plugin, funciona de coña.

Al finalizar una entrada cargará la siguiente, y así sucesivamente, cambiando la URL de la barra de navegación y las metas en el código fuente.

Si quieres ver una demo haz clic en cualquier entrada del sitio de pruebas y navega hasta el final de la misma para verlo.

¿Funciona con todos los temas?

Pues no. Si tras añadir la función de compatibilidad con el plugin y los selectores tu tema no hace lo que debe puedes hacer un truco.

Si tu tema no usa los selectores estándar de temas WordPress crea una nueva carpeta en tu tema del tipo: tu-tema/auto-load-next-post/ y copia ahí el archivo de plantilla content-partial.php que encontrarás en la carpeta del plugin.

Modifícalo para que se adapte a tu tema y a partir de ese momento el plugin cargará esa plantilla en vez de la por defecto.

También dentro de poco habrá una versión premium, que incorpora algunas mejoras, entre las que está la detección automática de los selectores.

Valora este artículo para mejorar la calidad del blog ...

FlojitoNo está malEstá bienMe ha servidoFantástico (3 votos, promedio: 4,67 de 5)
Cargando…

Autor: Fernando

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran.

Autor del libro WordPress – La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

LOS BURÓCRATAS DE LA UE ME EXIGEN QUE TE DIGA QUE SI VISITAS AYUDA WORDPRESS PUEDES RECIBIR ALGUNA COOKIE. AQUÍ NO HAY COOKIES DE PUBLICIDAD, COMO LAS QUE SI TE DEJAN GOOGLE, AMAZÓN Y MONTÓN DE SITIOS, SIN AVISAR, PERO EL QUE TE TENGO QUE AVISAR SOY YO. LAS COOKIES QUE TE DEJA AYUDA WORDPRESS SON PARA FACILITARTE LA NAVEGACIÓN, COMPARTIR Y COMENTAR. SI NO QUIERES RECIBIR COOKIES PUEDES NAVEGAR EN MODO PRIVADO, ABANDONAR ESTE SITIO Y PERDERTE EL CONTENIDO GRATIS QUE COMPARTO CADA DÍA SOBRE WORDPRESS O IRTE A UNA ISLA DESIERTA PARA VIVIR AISLADO DEL MUNDO, ESO SÍ, SIN COOKIES. O SINO, SIMPLEMENTE CIERRA ESTA VENTANA COÑAZO Y SIGUE DISFRUTANDO DEL BLOG. SI TIENES CURIOSIDAD SOBRE ESTO DE LAS COOKIES TE DEJO UN ENLACE >> MÁS INFORMACIÓN

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar