In questa guida vi mostreremo alcune funzionalità di base di CrowdHandler, creeremo la vostra prima sala d'attesa e la collegheremo al vostro sito.

Primo accesso

Quando si accede per la prima volta al pannello di amministrazione, si dovrebbe vedere qualcosa di simile a questo:

CrowdHandler non sta vedendo alcun traffico attraverso il tuo dominio in questo momento, da qui il tumbleweed. Il vostro account è nuovo di zecca, non avete ancora installato il codice sul vostro sito web e avete bisogno di una sala d'attesa per proteggere tutti gli URL del vostro dominio.

La Sala d'attesa è una pagina web che CrowdHandler ospita per voi; ogni visitatore della Sala d'attesa sarà poi reindirizzato al vostro sito web. Continuate a leggere per saperne di più su come rilasciamo i visitatori alle vostre pagine.

Creare una sala d'attesa

Cliccando sul pulsante Aggiungi stanza, si accede alla schermata Aggiungi stanza.

Fare clic sul pulsante Crea stanza! Verrete rimandati alla dashboard.

Scopri la sala d'attesa

La nuova Sala d'attesa apparirà nel cruscotto. È stata impostata per proteggere tutti gli URL del vostro dominio ed è attiva in questo momento. Non ci credete? Fate clic sul link della sala d'attesa e si aprirà la sala d'attesa in una nuova scheda.

Siete il primo visitatore della sala d'attesa (che è nuova di zecca), quindi dovreste vedere qualcosa di simile: Stato iniziale della sala d'attesa

Sei il numero uno perché sei l'unico utente che cerca di accedere al tuo sito web attraverso questa sala d'attesa. Tuttavia, aspetterete a lungo, perché quando abbiamo configurato il vostro dominio, abbiamo impostato il tasso di ingresso a 0. Volevamo che controllaste la sala d'attesa e se avessimo impostato un tasso più alto sareste stati lasciati passare direttamente.

Guarda il cruscotto

Tornare alla Dashboard nel pannello di amministrazione. In circa un minuto si dovrebbe vedere qualcosa di simile a questo:

Basta con le mulinelli. Il punto in cima alla linea siete voi, in attesa. Il punto rosso in fondo alla linea è a zero e indica che non ci sono utenti attivi, ma solo in attesa.

Facciamo muovere la coda!

Trasformiamo l'utente in attesa in uno attivo! Impostate la tariffa a qualcosa di più grande di 0. Aumentate il cursore della tariffa a 10.

Ora, se si torna alla scheda della sala d'attesa, si dovrebbe vedere che si viene reindirizzati al proprio sito web in meno di un minuto.

Test riuscito di reindirizzamento della sala d'attesa

Se si accede al cruscotto e si attende meno di un minuto, si dovrebbe vedere il grafico aggiornato in questo modo:

Ora non abbiamo utenti in attesa e uno attivo (tu!).

L'impostazione del tasso controlla il numero di utenti che verranno ammessi sul vostro sito ogni minuto.

Comprendere la velocità e le code

Prendiamo un attimo in considerazione cosa sia il "tasso" e come funzioni una coda con CrowdHandler. Ecco la cosa fondamentale da tenere a mente:

L'utente imposta la tariffa che può gestire e la sala d'attesa si attiva quando è necessaria e non si attiva quando non lo è.

Contiamo ogni utente che entra nel vostro sito e teniamo un conteggio di quanti accedono al minuto. La frequenza può essere di 1 al minuto o di 1 al minuto, o di 1 al minuto, come previsto dal vostro piano. Molti clienti di CrowdHandler non sanno quale sia la frequenza che possono gestire, e noi abbiamo una funzione di autotune che la calcola in tempo reale.

  • Finché il numero di utenti rimane al di sotto della vostra tariffa, permettiamo agli utenti di passare senza controllo. 
  • Quando il numero di utenti supera la vostra tariffa, iniziamo a reindirizzare gli utenti alla sala d'attesa.
  • In seguito, vengono fatti rientrare nel vostro sito alla tariffa prevista. 

Ecco! Questo è il rapporto tra la tariffa e la sala d'attesa. Vale anche la pena di sapere come si svolge su un periodo più lungo:

  • Se il numero di utenti che cercano di accedere al vostro sito supera costantemente la vostra velocità, allora si uniranno a una coda che cresce nel tempo. 
  • Una volta che il numero di utenti che cercano di accedere al vostro sito scende al di sotto del vostro tasso, la coda si ridurrà fino a quando la sala d'attesa non si disattiverà.

Inviare traffico a CrowdHandler

Quindi, abbiamo appreso che la Sala d'attesa tratterrà i visitatori e li invierà al vostro sito web in modo controllato. Ottimo! Ma come si protegge il sito? Quando il traffico sul vostro sito supera la velocità, i visitatori devono essere reindirizzati dal vostro sito alla Sala d'attesa - CrowdHandler può quindi trattenerli e rilasciarli in modo controllato.

Esistono diversi modi per reindirizzare il traffico verso CrowdHandler:

Il vostro traffico non sarà inviato alla Sala d'attesa finché non aggiungerete una di queste integrazioni per dirottare i visitatori verso la Sala d'attesa.

Ora è il momento di selezionare l'implementazione.

Per questa configurazione rapida sceglieremo JavaScript. 

Il modo in cui si aggiunge il JavaScript al sito dipende da come è stato impostato. Abbiamo una guida dedicata all'installazione del JavaScript. Si consiglia di leggerla attentamente. Nella vostra dashboard, vedrete uno snippet di JavaScript, pronto per essere inserito nelle vostre pagine web; avrà un aspetto simile a questo:

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

È possibile fare clic sull'icona degli appunti per copiare i tag dello script.

Se si sta modificando del codice o del markup, si deve mettere lo script prima di qualsiasi altro tag di script.

Posizione suggerita per lo snippet JS nell'HTML

Se utilizzate un web builder (servizi come SquareSpace) cercate un'opzione come "code injection" o "HTML personalizzato" nel pannello di controllo o nell'editor: vorrete posizionare lo script nell'intestazione, se c'è un'opzione per questo, e prima di qualsiasi altro script.

esempio di iniezione di codice in un web builder come SquareSpace

Ora, per verificare se il codice è stato installato correttamente, torno al mio sito web e faccio clic su alcune pagine. Quando torno alla dashboard, l'aspetto è questo:

Vista iniziale della dashboard dopo l'installazione di JS

Questo grafico mostra quando avete lasciato la sala d'attesa.

Suggerimento 4: L'integrazione JavaScript è rapida e conveniente e soddisfa le esigenze di molti clienti. Ma non può mai essere completamente sicura. Per questo motivo vi consigliamo di valutare un'integrazione basata su API lato server una volta che sarete operativi. In alternativa, considerate un' integrazione basata su DNS, CDN(Cloudflare, CloudFront) o WordPress per garantire sicurezza e comodità.

Modifica del messaggio della sala d'attesa

Quando i visitatori vengono reindirizzati alla sala d'attesa di CrowdHandler, vorranno capire cosa è successo e dove si trovano. È possibile fornire un ulteriore contesto modificando la sala d'attesa. Dalla dashboard, selezionare l'icona di modifica:

Pulsante di modifica della sala d'attesa

Qui è possibile modificare il nome della sala d'attesa e il messaggio:

Per ulteriori informazioni sulle funzioni di ciascuno di questi campi, consultare l'articolo della Guida: Modifica di una sala d'attesa. Esistono anche opzioni per personalizzare il modello (solo per i piani a pagamento) o per aggiungere il proprio logo (per tutti i piani), che potete leggere qui: Aggiunta di modelli.

Per verificare che abbia funzionato:

  1. Impostare la velocità di ingresso a 0 sul cruscotto.
  2. Aprite una nuova scheda in incognito/privata e visitate il mio sito da lì. (Potreste andare direttamente alla sala d'attesa, ma in questo modo potrete anche controllare di essere stati inviati correttamente alla sala d'attesa).

Il nome della stanza è stato aggiornato e ora viene visualizzato il messaggio personalizzato:

Sala d'attesa personalizzata con successoSuggerimento 5: se si è già passati dalla Sala d'attesa, è necessario eseguire il test utilizzando una sessione in incognito o privata, oppure su un altro computer.

Conclusione

In questa guida abbiamo dimostrato:

  • La sala d'attesa iniziale

  • In che modo l'impostazione della tariffa può essere utilizzata per controllare il reindirizzamento dalla sala d'attesa al proprio sito web

  • Come l'integrazione indirizza il traffico verso la sala d'attesa

  • Come personalizzare la sala d'attesa per fornire informazioni significative ai visitatori

Ecco alcuni passi successivi che potete compiere per comprendere meglio il prodotto:

1. Integrazione di JavaScript

2. Modifica di una sala d'attesa

3. Meccanica delle code

4. Basi dell'integrazione API