L'integrazione JavaScript di CrowdHandler è il modo più semplice e veloce per aggiungere una sala d'attesa a un sito web, ma presenta alcune limitazioni, illustrate qui di seguito.
È possibile aggiungere lo script API di CrowdHandler al proprio sito in due modi.
Se si ha accesso all'html e/o ai modelli, è possibile aggiungere lo script manualmente.
In caso contrario, o se si preferisce non sporcarsi le mani, è possibile aggiungere lo script utilizzando Google Tag Manager.
Ottenere la chiave API pubblica
In entrambi i casi è necessaria la chiave API pubblica.
Per ottenere la chiave API pubblica, accedere a https://admin.crowdhandler.com e accedere al proprio Account.
Fare clic su API nella Navigazione del conto.
Nella parte superiore della schermata viene visualizzata la chiave API pubblica.
È possibile fare clic sugli appunti per copiare la chiave API pubblica o selezionare il codice e copiarlo.
Aggiunta manuale dello script
Inserire il seguente tag di script nell'intestazione di tutte le pagine che si desidera proteggere.
Replace <ch-public-key> with your Public API key.
<script src="https://wait.crowdhandler.com/js/latest/main.js?id=<ch-public-key>"></script>
Ad esempio, se la chiave API pubblica è 123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123, il tag dello script sarà
<script src="https://wait.crowdhandler.com/js/latest/main.js?id=123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123"></script>
Nota: è importante che questo script venga eseguito il prima possibile, quindi si consiglia di inserirlo prima di tutti gli altri tag di script.
Utilizzo di Google Tag Manager
Google Tag Manager è un sistema di gestione dei tag che facilita l'aggiunta di snippet HTML/JavaScript al vostro sito web. Abbiamo creato un modello di tag GTM dedicato che vi aiuterà a iniziare a utilizzare CrowdHandler sul vostro sito senza modificare il codice.
Questo tag applica CrowdHandler al vostro sito, permettendoci di gestire le folle e deve essere aggiunto solo una volta.
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.
Ecco come installare CrowdHandler su un sito web tramite Google Tag Manager:
1. Scaricare il modello
Troverete un modello in fondo a questo articolo. Scaricatelo sul vostro computer, ne avremo bisogno a breve.
2. Creare un nuovo modello in Google Tag Manager
Fare clic su Modelli nel menu di Google Tag Manager
Quindi selezionare Nuovo dal pannello Modelli di tag.
3. Importare il modello di tag
Fare clic sui puntini in alto a destra dell'interfaccia di Google Tag Manager per visualizzare il menu e selezionare Importa.
Quindi navigare nel file template.tpl scaricato e importarlo.
Fare clic su Salva e chiudere l'editor.
Il modello di tag dovrebbe ora essere disponibile nel menu dei modelli di tag.
4. Aggiungere il modello di tag
Ora selezionate Tag dal menu di Google Tag Manager e fate clic su Nuovo.
Fare clic sul pannello di configurazione dei tag e selezionare il nuovo modello Javascript di CrowdHandler. Potrebbe essere necessario scorrere verso il basso per vederlo.
5. Connettersi a CrowdHandler
Per connettere il proprio sito a CrowdHandler, è necessario specificare la propria chiave API pubblica.
Incollarla nel campo Public API Key del modello di tag.
È importante che questo tag si attivi il prima possibile, quindi aprite le impostazioni avanzate e impostate la priorità di attivazione del tag su un numero alto.
Nella sezione Triggering, creare un nuovo trigger facendo clic sulla sezione Triggering e poi sul simbolo più (+).
È necessario limitare l'attivazione solo al dominio e al protocollo di produzione (a meno che non si voglia testare esplicitamente un ambiente di staging o di sviluppo, nel qual caso è necessario assicurarsi che tali domini siano impostati su CrowdHandler), quindi selezionare Page View come tipo di attivazione, scegliere This trigger fires on Some Page Views come condizione e creare una condizione che si adatti al meglio al proprio caso d'uso.
Ad esempio, creare la condizione I domini iniziano con https://my-domain.com per limitare l'attivazione solo su https://my-domain.com.
Assegnare un nome al trigger e fare clic sul pulsante Salva.
Scegliere ora un nome per il tag e fare clic sul pulsante Salva.
Fare clic sul pulsante Invia e scegliere Pubblica nella schermata successiva per pubblicare le modifiche.
Ecco fatto! Lo script CrowdHandler è stato aggiunto al vostro sito, in modo che noi possiamo gestire la folla e voi le vendite!