Ajax en WP

Plugins para utilizar AJAX en WordPress

|

Tiempo de lectura: 3 minutos

Si dominas un poco de programación, también sabrás en qué consiste la comunicación por AJAX. Hoy te mostramos la forma de trabajar con consultas AJAX dentro de tu WordPress.

Ajax en WP

Cómo funcionan las solicitudes en WordPress

WordPress es un CMS que trabaja con PHP y MySQL. En este tipo de sistemas, cada vez que se realiza una solicitud (una petición al servidor) se recarga completamente la página. Esto puede reclamar trabajo extra por parte del servidor para cosas que pueden ser muy sencillas, como por ejemplo, el envío de un comentario.

Cada vez que un usuario envía un comentario en un post de WordPress, se ejecuta una inserción en la base de datos y se carga toda la página, con las consultas a la base de datos que eso conlleve, aunque la única modificación haya sido la inserción de un nuevo comentario.

Sin embargo, si te pones a pensar, ¿son necesarias todas estas consultas para modificar únicamente un comentario? ¿Se puede simplificar de alguna manera este proceso para optimizar los recursos de tu hosting?

La respuesta es sí. ¿Cómo? Mediante el uso de AJAX.

¿Qué es AJAX?

AJAX son las siglas de Asynchronous JavaScript and XML. Es una forma de realizar consultas al servidor empleando JavaScript y otras tecnologías. Esto permite la interacción del usuario con una página web sin ejecutar la consulta completa al servidor.

Como hemos comentado, las consultas AJAX se realizan a través de JavaScript, que es el encargado de comunicarse con el servidor enviando y recibiendo datos desde la web. Gracias a AJAX, cuando pulses enviar en el formulario de comentarios, se actualizarán automáticamente los comentarios en la página actual sin modificar el resto de elementos existentes en la página.

Mientras el usuario permanezca en la página, no se recargarán datos que no sean necesarios (como por ejemplo, el contenido del artículo o las imágenes). De esta manera, estarás optimizando recursos y evitando consultas innecesarias.

La forma más sencilla de hacer consultas AJAX es mediante jQuery. JQuery es una librería JavaScript que permite añadir AJAX entre tu web y el servidor de manera más sencilla. Gracias a jQuery podrás controlar de una manera más exacta los eventos que se efectúan en la parte del cliente (en el navegador) y crearle una experiencia más enriquecedora.

Plugins para trabajar con AJAX en WordPress

Una de las formas más fáciles de incluir consultas AJAX en tu web en WordPress es a través de plugins. Incluir este tipo de comunicación asíncrona en el CMS de otra manera sería bastante más complicado.

A continuación, te mostramos un par de plugins que podrás utilizar para hacer consultas por AJAX y así conseguir cargar solamente el contenido concreto que necesites actualizar. Muchos de los plugins no tienen un mantenimiento muy actualizado, ya que esta funcionalidad no está muy demandada por los usuarios. De todas maneras, como te hemos comentado en alguna ocasión, que un plugin no esté actualizado recientemente no quiere decir que no funcione.

Nos centraremos en plugins que resuelvan el ejemplo comentado de los comentarios en nuestras entradas. Antes de incluir alguno en tu web, es importante que revises otros plugins que tengas instalados. Sobre todo, comprueba si interfieren con el usuario y el sistema de comentarios (como por ejemplo, al introducir un código Captcha). Este tipo de plugins suelen provocar que no funcione la integración de AJAX.

No obstante, no te preocupes por estas capas extra de seguridad (Captcha). La mayor parte de los plugins revisados ofrecen opciones para incluir métodos alternativos de protección de SPAM.

Además de los códigos Captcha, existen otros métodos para securizar tu WordPress. En este post te comentamos algunos.

wpDiscuz

Gracias a este plugin podrás trabajar con los comentarios nativos de WordPress empleando tecnología AJAX. Este plugin es, con diferencia, de los más completos, ya que además de comunicarse mediante AJAX con el servidor, te da la posibilidad de incrementar las funcionalidades de tus comentarios añadiendo características como:

opciones AJAX plugin WpDiscuz
  • ReCAPTCHA
  • Botones de Compartir en Social Media
  • Rating de comentarios
  • Personalización de los comentarios

AnyComment

Nada más instalar este plugin, para que funcione tendrás que configurarlo al igual que wpDiscuz. Una de las características más interesantes en relación con otros plugins verificados es que ofrece estadísticas sobre los comentarios existentes en la web.

Escritorio de AnyComment

Al igual que wpDiscuz incluye como funcionalidades extra la posibilidad de valorar los comentarios y añadir códigos Captcha.

Si estás utilizando el plugin Autoptimize para el almacenamiento en caché, puede que te dé algún problema de compatibilidad con AnyComment.

Conclusión

Desde dinahosting pensamos que la mejor opción es wpDiscuz. Y tú, ¿has probado alguno de los plugins que comentamos? ¿Implementas AJAX en WordPress de alguna otra forma? Te leemos en comentarios.


Avatar de Edi Vieito

Comentarios

2 respuestas

  1. Avatar de Enrique Grijalva
    Enrique Grijalva

    jQuery no está obsoleta ?

    1. Avatar de Edi Vieito

      Hola Enrique,
      Aunque jQuery cada vez es una librería menos empleada, sigue estando vigente en muchos lugares. Posee muchísima documentación, y para este caso concreto quizás sería la forma más sencilla de incluir consultas AJAX. De todas formas, muchas gracias por el apunte, ya que, efectivamente, en la actualidad existen librerías más populares.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Newsletter

Suscríbete y recibe periódicamente consejos muy útiles para tu web y ecommerce 🙂 Además, te regalamos
3 guías
: Digitalización, WordPress y Ciberseguridad.

Conviértete en afiliado

Gana dinero recomendando dinahosting a todo el mundo.