Dans ce guide, nous allons vous montrer quelques fonctionnalités de base de CrowdHandler, créer votre première salle d'attente et connecter la salle d'attente à votre site.
Première connexion
Lorsque vous vous connectez pour la première fois à votre panneau d'administration, vous devriez voir quelque chose comme ceci :
CrowdHandler ne voit pas de trafic passer par votre domaine pour le moment, d'où le tumbleweed. Votre compte est tout nouveau, vous n'avez pas encore installé le code sur votre site web et vous avez besoin d'une salle d'attente pour protéger toutes les URLs de votre domaine.
La salle d'attente elle-même est une page web que CrowdHandler héberge pour vous ; tout visiteur de la salle d'attente sera éventuellement redirigé vers votre site web. Lisez la suite pour en savoir plus sur la façon dont nous libérons les visiteurs vers vos pages.
Créer une salle d'attente
Cliquez sur le bouton Ajouter une salle et vous serez dirigé vers l'écran Ajouter une salle.
Cliquez sur le bouton Créer un espace ! Vous serez renvoyé au tableau de bord.
Visite de la salle d'attente
Votre nouvelle salle d'attente apparaîtra sur le tableau de bord. Elle est prête à protéger toutes les URLs de votre domaine, et elle est active dès maintenant. Vous ne nous croyez pas ? Cliquez sur le lien Salle d'attente et votre salle d'attente s'ouvrira dans un nouvel onglet.
Vous êtes le premier visiteur de la salle d'attente (elle est toute neuve), vous devriez donc voir quelque chose comme ça : 
Vous êtes le numéro un parce que vous êtes le seul utilisateur à essayer d'accéder à votre site web via cette salle d'attente. Vous allez attendre longtemps, car lorsque nous avons configuré votre domaine, nous avons fixé le taux d'entrée à 0. Nous voulions que vous visitiez la salle d'attente, et si nous avions fixé le taux à un niveau plus élevé, vous auriez pu passer directement.
Consulter le tableau de bord
Retournez au tableau de bord dans le panneau d'administration. Dans environ une minute, vous devriez voir quelque chose comme ceci :
Fini le tumbleweed. Le point en haut de la ligne, c'est vous, qui attendez. Le point rouge en bas de la ligne est à zéro, ce qui indique qu'il n'y a pas d'utilisateurs actifs, seulement des utilisateurs en attente.
Mettons la file d'attente en mouvement !
Transformons cet utilisateur en attente en un utilisateur actif ! Réglez le taux à une valeur supérieure à 0. Augmentez le curseur de taux à 10.
Si vous retournez dans votre salle d'attente, vous devriez voir que vous êtes redirigé vers votre site web en moins d'une minute.
Si vous allez sur le tableau de bord et que vous attendez moins d'une minute, vous devriez voir le graphique se mettre à jour comme suit :
Nous n'avons plus d'utilisateurs en attente, et un seul est actif (vous !).
Le paramètre "taux" contrôle le nombre d'utilisateurs que nous autoriserons à accéder à votre site chaque minute.
Comprendre les taux et les files d'attente
Prenons le temps d'examiner ce qu'est le "taux" et comment une file d'attente fonctionne avec CrowdHandler. Voici ce qu'il faut retenir :
Vous fixez le taux que vous pouvez supporter, et la salle d'attente s'engage lorsqu'elle est nécessaire et ne s'engage pas lorsqu'elle ne l'est pas.
Nous comptons chaque utilisateur lorsqu'il entre sur votre site et comptabilisons le nombre d'entrées par minute. Le taux peut être aussi bas que 1 par minute, ou aussi élevé que le prévoit votre plan. De nombreux clients de CrowdHandler ne savent pas quel taux ils peuvent supporter, et nous avons une fonction de réglage automatique qui le calcule en temps réel.
- Tant que le nombre d'utilisateurs reste inférieur à votre tarif, nous autorisons les utilisateurs à passer sans contrôle.
- Lorsque le nombre d'utilisateurs dépasse votre taux, nous commençons à rediriger les utilisateurs vers la salle d'attente.
- Ils sont ensuite renvoyés sur votre site au tarif en vigueur.
C'est cela ! C'est la relation entre le tarif et la salle d'attente. Il est également intéressant de savoir comment cela se passe sur une plus longue période :
- Si le nombre d'utilisateurs qui tentent d'accéder à votre site est constamment supérieur à votre taux, ils rejoignent une file d'attente qui s'allonge au fil du temps.
- Une fois que le nombre d'utilisateurs essayant d'accéder à votre site est inférieur à votre taux, la file d'attente se résorbera jusqu'à ce que la salle d'attente se désengage.
Envoyer du trafic à CrowdHandler
Nous avons donc appris que la salle d'attente retiendra les visiteurs et les enverra sur votre site web de manière contrôlée. C'est très bien ! Mais comment cela protège-t-il le site ? Lorsque le taux de fréquentation de votre site est trop élevé, les visiteurs doivent être redirigés vers la salle d'attente - CrowdHandler peut alors les retenir et les libérer de manière contrôlée.
Il existe plusieurs façons de rediriger le trafic vers CrowdHandler :
Votre trafic ne sera pas envoyé vers la salle d'attente tant que vous n'aurez pas ajouté l'une de ces intégrations pour détourner les visiteurs vers la salle d'attente.
Il est maintenant temps de choisir la mise en œuvre.
Pour cette installation rapide, nous choisirons JavaScript.
La manière dont vous ajoutez le JavaScript à votre site dépend de la façon dont il est configuré. Nous vous conseillons de le lire attentivement. Sur votre tableau de bord, vous verrez un extrait de JavaScript, prêt à être inséré dans vos pages web, qui ressemblera à ceci :
<script src="https://wait.crowdhandler.com/js/latest/main.js?id=12533683a055c52b09e383c50a3e5c65b6a33ba17629af3166d6dedd647020a6"></script>
Vous pouvez cliquer sur l'icône du presse-papiers pour copier les balises de script.
Si vous éditez du code ou des balises, vous devez placer le script avant toute autre balise de script.
Si vous utilisez un constructeur de sites web (des services comme SquareSpace), recherchez une option telle que "injection de code" ou "HTML personnalisé" dans le panneau de contrôle ou l'éditeur - vous voudrez placer le script dans l'en-tête s'il y a une option pour cela, et avant tous les autres scripts.
Maintenant, pour voir si le code est installé correctement, je retourne sur mon site web et je clique sur quelques pages. Quand je retourne au tableau de bord, il ressemble maintenant à ceci :
Ce graphique indique à quel moment vous avez quitté la salle d'attente.
Conseil 4 : L'intégration JavaScript est rapide et pratique, et répond aux besoins de nombreux clients. Mais elle ne peut jamais être totalement sécurisée. Nous vous recommandons donc d'envisager une intégration basée sur une API côté serveur une fois que vous serez opérationnel. Vous pouvez également envisager une intégration basée sur le DNS, le CDN(Cloudflare, CloudFront) ou WordPress pour des raisons de sécurité et de commodité.
Changer le message de la salle d'attente
Lorsque vos visiteurs sont redirigés vers la salle d'attente de CrowdHandler, ils voudront comprendre ce qui s'est passé et où ils se trouvent. Vous pouvez fournir plus de contexte en éditant la salle d'attente. Depuis votre tableau de bord, sélectionnez l'icône d'édition :
Vous pouvez ici modifier le nom de la salle d'attente et le message :
Vous trouverez plus d'informations sur la fonction de chacun de ces champs dans l'article d'aide : Modifier une salle d'attente. Il existe également des options pour personnaliser le modèle (plans payants uniquement) ou ajouter votre propre logo (tous les plans), que vous pouvez consulter ici : Ajouter des modèles.
Afin de vérifier que cela a fonctionné :
- Remettre le taux d'entrée à 0 sur le tableau de bord
- Ouvrez un nouvel onglet incognito/privé et visitez mon site à partir de là. (Vous pourriez aller directement dans la salle d'attente, mais cela signifie aussi que vous devez vérifier que vous êtes bien envoyé dans la salle d'attente).
Le nom de la pièce a été mis à jour et le message personnalisé s'affiche désormais :
Conseil 5 : si vous êtes déjà passé par la salle d'attente, vous devez tester en utilisant une session incognito ou privée, ou sur une autre machine.
Conclusion
Dans ce guide, nous avons fait des démonstrations :
La salle d'attente initiale
Comment le paramètre de taux peut être utilisé pour contrôler la redirection de la salle d'attente vers votre site web.
Comment l'intégration dirige le trafic vers la salle d'attente
Comment personnaliser la salle d'attente pour donner des informations utiles à vos visiteurs ?
Voici les prochaines étapes à suivre pour mieux comprendre le produit :
2. Édition d'une salle d'attente