Primeros pasos con tu primera sala de espera

En esta guía, te mostraremos algunas de las funciones principales de CrowdHandler, crearemos tu primera sala de espera y la conectaremos a tu sitio web.

Primer inicio de sesión#

Cuando accedas por primera vez a tu panel de administración, deberías ver algo como esto:

CrowdHandler no está detectando ningún tráfico a través de tu dominio en este momento, de ahí que no haya actividad. Tu cuenta es nueva, aún no has instalado el código en tu página web y necesitas una «sala de espera» para proteger todas las URL de tu dominio.

Crear una sala de espera#

Haz clic en el botón «Añadir sala» y se te redirigirá a la pantalla «Añadir sala».

¡Adelante, haz clic en el botón «Crear sala»! Volverás al panel de control.

Echa un vistazo a la sala de espera#

Tu nueva «Sala de espera» aparecerá en el panel de control. Ya está todo configurado para proteger todas las URL de tu dominio y está activa en este mismo momento. ¿No te lo crees? Haz clic en el enlace «Sala de espera» y se abrirá en una nueva pestaña.

Eres el primer visitante de la sala de espera (bueno, es que está recién inaugurada), así que deberías ver algo como esto:

Eres el número uno porque eres el único usuario que intenta acceder a tu página web a través de esta sala de espera. Sin embargo, vas a tener que esperar mucho tiempo, porque cuando configuramos tu dominio, establecimos la tasa de entrada en 0. Queríamos que probases la sala de espera y, si hubiéramos fijado una tasa más alta, te habríamos dejado pasar directamente.

Echa un vistazo al panel de control#

Vuelve al panel de control del panel de administración. En aproximadamente un minuto deberías ver algo como esto:

Se acabó el «tumbleweed». Ese punto en la parte superior de la fila eres tú, esperando. El punto rojo en la parte inferior de la fila está en cero, lo que indica que no hay usuarios activos, solo usuarios en espera.

¡Vamos a hacer que avance esa cola!#

¡Convirtamos a ese usuario en espera en uno activo! Adelante, establece la tasa en un valor superior a 0. Aumenta el control deslizante de la tasa hasta 10.

Ahora, si vuelves a la pestaña de la sala de espera, deberías ver que te redirigen a tu página web en menos de un minuto.

Y si vas al panel de control y esperas menos de un minuto, deberías ver cómo se actualiza el gráfico de esta manera:

Ahora no hay usuarios en espera y hay uno activo (¡tú!).

Comprender la tasa y las colas#

Dediquemos un momento a analizar qué es la «tasa» y cómo funciona una cola con CrowdHandler. Esto es lo más importante que hay que tener en cuenta:

Tú fijas el ritmo que te viene bien, y la sala de espera se activa cuando es necesario y no lo hace cuando no lo es.

Contamos a cada usuario a medida que accede a tu sitio web y llevamos un recuento del número de accesos por minuto. La tasa puede ser tan baja como 1 por minuto, o tan alta como permita tu plan. Muchos clientes de CrowdHandler no saben qué tasa pueden gestionar, por lo que contamos con una función de ajuste automático que lo calcula en tiempo real.

• Mientras el número de usuarios se mantenga por debajo de tu límite, permitimos el acceso a los usuarios sin comprobarlos.
• En cuanto el número de usuarios supere tu límite, empezamos a redirigir a los usuarios a la sala de espera.
• A continuación, se les permite volver a entrar en tu sitio web según la tarifa establecida.

¡Eso es todo! Esa es la relación entre la tasa y la sala de espera. También conviene saber cómo se desarrolla esto a largo plazo:

• Si el número de usuarios que intentan acceder a tu sitio web supera constantemente tu capacidad, estos pasarán a formar parte de una cola que irá aumentando con el tiempo.
• Una vez que el número de usuarios que intentan acceder a tu sitio web sea inferior a tu capacidad, la cola se reducirá hasta que la sala de espera se vacíe.

Dirigir el tráfico a CrowdHandler#

Así pues, hemos visto que la «Sala de espera» retiene a los visitantes y los redirige a tu página web de forma controlada. ¡Genial! Pero, ¿cómo protege esto la página web? Pues bien, cuando el tráfico hacia tu página web supera el límite establecido, es necesario redirigir a los visitantes desde tu página web a la «Sala de espera»; CrowdHandler se encarga entonces de retenerlos y dejarlos pasar de forma controlada.

Hay varias formas de redirigir el tráfico a CrowdHandler:

• JavaScript
• DNS
• Cloudflare
• Complemento de WordPress para CrowdHandler
• AWS CloudFront
• Integración personalizada (a través de la API)

Ahora es el momento de seleccionar tu implementación.#

Para esta configuración rápida, elegiremos JavaScript.

La forma de añadir el código JavaScript a tu sitio web depende de cómo esté configurado.Disponemos de una guía específica sobre cómo instalar el código JavaScript. Te recomendamos que la leas con atención. En tu panel de control, verás un fragmento de código JavaScript listo para insertar en tus páginas web; tendrá un aspecto similar a este:

<script src="https://wait.crowdhandler.com/js/latest/lite-validator/main.js?id=12533683a055c52b09e383c50a3e5c65b6a33ba17629af3166d6dedd647020a6"></script>

Puedes hacer clic en el icono del portapapeles para copiar las etiquetas de script.

Si estás editando código o marcado, te conviene colocar el script antes que cualquier otra etiqueta de script.

Si utilizas un creador de páginas web (servicios como SquareSpace), busca una opción como «inserción de código» o «HTML personalizado» en el panel de control o en el editor; te conviene colocar el script en el encabezado, si hay una opción para ello, y antes que cualquier otro script.

Ahora, para comprobar si el código se ha instalado correctamente, vuelvo a mi página web y navego por algunas páginas. Cuando vuelvo al panel de control, ahora tiene este aspecto:

Este gráfico muestra a qué hora saliste de la sala de espera.

Consejo 4: La integración con JavaScript es rápida y práctica, y cumple con los requisitos de muchos clientes. Sin embargo, nunca puede ser totalmente segura. Por eso, te recomendamos que, una vez que el sitio esté en funcionamiento, estudies la posibilidad de una integración basada en una API del lado del servidor. Como alternativa, plantéate una integración basada en DNS, en una CDN (Cloudflare, CloudFront) o en WordPress, por motivos de seguridad y comodidad.

Cambiar el mensaje de la sala de espera#

Cuando tus visitantes sean redirigidos a la sala de espera de CrowdHandler, querrán saber qué ha pasado y dónde se encuentran. Puedes ofrecerles más información editando la sala de espera. Desde tu panel de control, selecciona el icono de edición:

Aquí puedes cambiar el nombre de la sala de espera y el mensaje:

Encontrarás más información sobre la función de cada uno de estos campos en el artículo de ayuda: «Editar una sala de espera». También hay opciones para personalizar la plantilla (solo en los planes de pago) o añadir tu propio logotipo (en todos los planes); puedes consultar más detalles al respecto aquí: «Añadir plantillas».

Para comprobar que ha funcionado:

1. Vuelve a establecer la tasa de entrada en 0 en el panel de control
2. Abre una nueva pestaña de navegación privada y visita mi página web desde ahí. (Podrías ir directamente a la sala de espera, pero así también podrás comprobar que te redirige correctamente a la sala de espera.)

El nombre de la sala se ha actualizado y ahora muestra el mensaje personalizado:

Consejo n.º 5: si ya has pasado por la «Sala de espera», tendrás que realizar la prueba en una sesión de incógnito o privada, o en otro ordenador.

Conclusión#

En esta guía hemos mostrado lo siguiente:

• La sala de espera inicial
• Cómo se puede utilizar la configuración de la tasa para controlar el redireccionamiento desde la «Sala de espera» a tu página web
• Cómo la integración dirige el tráfico hacia la sala de espera
• Cómo personalizar la sala de espera para ofrecer información útil a tus visitantes

A continuación te indicamos algunos pasos que puedes seguir para conocer mejor el producto:

1. Integración de JavaScript

2. Editar una sala de espera

3. Mecánica de las colas

4. Conceptos básicos sobre la integración de API