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.
First Log in
When you first log in to your Admin Panel, you should see something like this:
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.
La «Sala de espera» es, en sí misma, una página web que CrowdHandler aloja para ti; cualquier visitante de la «Sala de espera» acabará siendo redirigido a tu sitio web. Sigue leyendo para saber más sobre cómo redirigimos a los visitantes a tus páginas.
Create a waiting room
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.
Check out the waiting room
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.
Check out the dashboard
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.
Let's get that queue moving!
¡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ú!).
The rate setting controls the number of users we will allow onto your site every minute.
Understanding rate and queues
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.
- While the number of users remains under your rate, we allow the users through unchecked.
- 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.
- Once the number of users trying to access your site goes under your rate, the queue will subside until the waiting room disengages.
Send traffic to 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)
Tu tráfico no se redirigirá a la sala de espera hasta que añadas una de estas integraciones para desviar a los visitantes a la sala de espera.
Now it’s time to select your implementation.
Para esta configuración rápida, elegiremos JavaScript.
How you add the JavaScript to your site depends on how it's set up. We have a dedicated guide to installing the JavaScript. You should review that carefully. On your dashboard, you’ll see a snippet of JavaScript, ready to be put into your web pages, it will look something like this:
<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.
Changing the waiting room message
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:
There is more information about what each of these fields does in the help article: Editing a waiting room. There are also options to customize the template (paid plans only) or add your own logo (all plans) which you can read about here: Adding Templates.
Para comprobar que ha funcionado:
- Vuelve a establecer la tasa de entrada en 0 en el panel de control
- 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.
Wrapping Up
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: