La integración JavaScript de CrowdHandler es la forma más rápida y sencilla de añadir una sala de espera a un sitio web, pero tiene algunas limitaciones que se describen a continuación; léalas antes de configurar la integración JavaScript
Hay dos formas de añadir el script API de CrowdHandler a su sitio.
Si tienes acceso a tu html y/o plantillas puedes añadir el script manualmente.
Si no lo tienes, o prefieres no ensuciarte las manos, puedes añadir el script utilizando Google Tag Manager.
Obtención de la clave de la API pública
En ambos casos, necesitará su clave de API pública.
Para obtener su clave de API pública, acceda a https://admin.crowdhandler.com y vaya a su Cuenta.
Haga clic en API en la Navegación de la cuenta.
Verás tu clave de API pública en la parte superior de la pantalla.
Puede hacer clic en el portapapeles para copiar la clave de la API pública o seleccionar el código y copiarlo.
Añadir el script manualmente
Inserte la siguiente etiqueta script en la cabecera de todas las páginas que desee proteger.
Replace <ch-public-key> with your Public API key.
<script src="https://wait.crowdhandler.com/js/latest/main.js?id=<ch-public-key>"></script>
Por ejemplo, si su clave de API pública es 123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123, su etiqueta de script será
<script src="https://wait.crowdhandler.com/js/latest/main.js?id=123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123"></script>
Nota: Es importante que este script se ejecute lo antes posible, por lo que le recomendamos que lo inserte antes de todas las demás etiquetas de script
Uso de Google Tag Manager
Google Tag Manager es un sistema de gestión de etiquetas que facilita la adición de fragmentos HTML/JavaScript a su sitio web. Hemos creado una plantilla de etiquetas GTM dedicada que le ayudará a empezar a utilizar CrowdHandler en su sitio sin necesidad de editar código.
Esta etiqueta se aplicará CrowdHandler a su sitio, lo que nos permite manejar las multitudes y tiene que ser añadido sólo 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 se explica cómo instalar CrowdHandler en un sitio web a través de Google Tag Manager:
1. Descargar la plantilla
Encontrarás una plantilla al final de este artículo. Descárgala en tu ordenador, la necesitaremos en breve.
2. Crear una nueva plantilla en Google Tag Manager
Haga clic en Plantillas en el menú de Google Tag Manager
A continuación, seleccione Nuevo en el panel Plantillas de etiquetas.
3. Importar la plantilla de etiquetas
Haga clic en los puntos situados en la parte superior derecha de la interfaz de Google Tag Manager para acceder al menú y seleccione Importar.
A continuación, vaya al archivo template.tpl descargado e impórtelo.
Haga clic en Guardar y cierre el editor.
La plantilla de etiquetas debería estar ahora disponible en su menú de plantillas de etiquetas.
4. Añada la plantilla de etiquetas
A continuación, seleccione Etiquetas en el menú de Google Tag Manager y haga clic en Nuevo.
Haga clic en el Panel de Configuración de Etiquetas y seleccione su nueva Plantilla Javascript CrowdHandler. Puede que tenga que desplazarse hacia abajo para verla.
5. Conectar con CrowdHandler
Para conectar su sitio a CrowdHandler, debe especificar su Clave de API pública.
Péguela en el campo Clave pública de API de la plantilla de etiquetas.
Es importante que esta etiqueta se dispare lo antes posible, así que abre la configuración avanzada y establece la prioridad de disparo de la etiqueta en un número alto.
En la sección Activación, crea un nuevo activador haciendo clic en la sección Activación y, a continuación, en el símbolo más (+).
Tendrá que restringir el disparador para que sólo se dispare en su dominio y protocolo de producción (a menos que esté intentando probarlo explícitamente en un entorno de ensayo o desarrollo, en cuyo caso tendrá que asegurarse de que esos dominios están configurados en CrowdHandler), así que seleccione Vista de página como tipo de disparador, elija Este disparador se dispara en algunas vistas de página como condición y cree la condición que mejor se adapte a su caso de uso.
Por ejemplo, cree la condición Los dominios empiezan por https://my-domain.com para restringir el disparador para que sólo se active en https://my-domain.com.
Asigne un nombre a su activador y haga clic en el botón Guardar.
Ahora elija un nombre para su etiqueta y haga clic en el botón Guardar.
Haga clic en el botón Enviar y seleccione Publicar en la siguiente pantalla para publicar los cambios.
Ya está. ¡El script CrowdHandler ha sido añadido a su sitio para que podamos manejar las multitudes y usted pueda manejar las ventas!