Integración de JavaScript: Instalación
La integración de JavaScript de CrowdHandler es la forma más rápida y sencilla de añadir una sala de espera a un sitio web, pero presenta algunas limitaciones, que se describen a continuación; te recomendamos que las leas antes de configurar la integración de JavaScript.
Hay dos formas de añadir el script de la API de CrowdHandler a tu sitio web.
Si tienes acceso a tu código HTML y/o a tus plantillas, puedes añadir el script manualmente.
Si no lo haces, o si prefieres no meterte en líos, puedes añadir el script mediante Google Tag Manager.
Cómo obtener tu de API pública#
En cualquiera de los dos casos, necesitarás tu clave de API pública.
Para obtener tu clave de API pública, inicia sesión en https://admin.crowdhandler.com y ve a tu cuenta.
Haz clic en «API» en la navegación de la cuenta.
Verás tu clave pública de la API en la parte superior de la pantalla.
Puedes hacer clic en el portapapeles para copiar la clave pública de la API o seleccionar el código y copiarlo.
Añadir el script
Inserta la siguiente etiqueta de script en la sección «head» de todas las páginas que quieras proteger.
Replace <ch-public-key> with your Public API key.
<script src="https://wait.crowdhandler.com/js/latest/lite-validator/main.js?id=<ch-public-key>"></script>
Por ejemplo, si tu clave pública de la API es 123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123, tu etiqueta de script será
<script src="https://wait.crowdhandler.com/js/latest/lite-validator/main.js?id=<strong>123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123</strong>"></script>
Nota: Es importante que este script se ejecute lo antes posible, por lo que te recomendamos que lo insertes antes que todas las demás etiquetas de script.
Uso de Google Tag
Google Tag Manager es un sistema de gestión de etiquetas que facilita la incorporación de fragmentos de código HTML/JavaScript a tu sitio web. Hemos creado una plantilla de etiqueta GTM específica que te ayudará a empezar a utilizar CrowdHandler en tu sitio web sin necesidad de editar el código.
Esta etiqueta aplicará CrowdHandler a tu sitio web, lo que nos permitirá gestionar las multitudes, y solo es necesario añadirla una vez.
Important: Before you start, please make sure that Google Tag Manager is set up correctly on your website, according to the Google Tag Manager installation guide. Specifically, make sure that the <script> element of your Google Tag Manager container appears early on in the <head> section of your site and the <noscript> element appears at the beginning of the <body> section.
A continuación te explicamos cómo instalar CrowdHandler en una página web a través de Google Tag Manager:
1. Descarga la
Encontrarás una plantilla al final de este artículo. Descárgala en tu ordenador; la necesitaremos dentro de un momento.
2. Crear una nueva plantilla en Google Tag
Haz clic en «Plantillas » en el menú de Google Tag Manager
A continuación, selecciona «Nuevo » en el panel «Plantillas de etiquetas».
3. Importar la de etiquetas#
Haz clic en los puntos situados en la esquina superior derecha de la interfaz de Google Tag Manager para abrir el menú y selecciona «Importar».
A continuación, busca el archivo «template.tpl» que has descargado e impórtalo.
Haz clic en «Guardar » y cierra el editor.
La plantilla de etiqueta ya debería estar disponible en el menú de plantillas de etiquetas.
4. Añade la de etiqueta n.
Ahora selecciona «Etiquetas » en el menú de Google Tag Manager y haz clic en «Nuevo».
Haz clic en el panel de configuración de etiquetas y selecciona tu nueva plantilla de JavaScript de CrowdHandler. Es posible que tengas que desplazarte hacia abajo para verla.
5. Conéctate a
Para conectar tu sitio web a CrowdHandler, debes especificar tu clave pública de API.
Pégalo en el campo «Clave pública de la API » de la plantilla de etiquetas.
Es importante que esta etiqueta se active lo antes posible, así que abre la configuración avanzada y establece la prioridad de activación de la etiqueta en un valor alto.
En la sección «Activación», crea un nuevo activador haciendo clic en la sección «Activación» y, a continuación, haz clic en el símbolo más (+).
Deberás restringir el disparador para que solo se active en tu dominio y protocolo de producción (a menos que estés intentando realizar pruebas de forma explícita en un entorno de prueba o de desarrollo, en cuyo caso deberás asegurarte de que dichos dominios estén configurados en CrowdHandler); por lo tanto, selecciona «Vista de página» como tipo de disparador, elige «Este disparador se activa en algunas vistas de página » como condición y crea la condición que mejor se adapte a tu caso de uso.
Por ejemplo, crea la condición Los dominios comienzan por https://my-domain.com para restringir el disparador de modo que solo se active en https://my-domain.com.
Asigna un nombre al disparador y haz clic en el botón «Guardar ».
Ahora elige un nombre para tu etiqueta y haz clic en el botón «Guardar ».
Haz clic en el botón «Enviar» y selecciona «Publicar» en la siguiente pantalla para publicar los cambios.
¡Ya está! Se ha añadido el script de CrowdHandler a tu página web para que nosotros nos encarguemos de las aglomeraciones y tú puedas centrarte en las ventas.