Intégrer le code JavaScript CrowdHandler à votre site web
Adding the CrowdHandler JavaScript Integration is the quickest and simplest way to add a waiting room to a website — but it has some limitations, which are outlined here—please read before you set up the JavaScript Integration
Il existe deux façons d'ajouter le script de l'API CrowdHandler à votre site.
If you have access to your HTML and/or templates you can add the script manually.
Si ce n'est pas le cas, ou si vous préférez ne pas vous salir les mains, vous pouvez ajouter le script à l'aide de Google Tag Manager.
Getting your Public API key
Dans les deux cas, vous aurez besoin de votre clé API publique.
Pour obtenir votre clé API publique, connectez-vous à https://admin.crowdhandler.com et accédez à votre compte.
Cliquez sur « API » dans la navigation du compte.
Vous verrez votre clé API publique en haut de l'écran.
Vous pouvez soit cliquer sur le presse-papiers pour copier la clé API publique, soit sélectionner le code et le copier.
Adding the script manually
Insérez la balise de script suivante dans la section
de toutes les pages que vous souhaitez protéger.Replace <ch-public-key> with your Public API key.
<script src="https://wait.crowdhandler.com/js/latest/lite-validator/main.js?id=your-public-key"></script>
Par exemple, si votre clé API publique est 123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123, votre balise de script sera alors
<script src="https://wait.crowdhandler.com/js/latest/lite-validator/main.js?id=123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123"></script>
Using Google Tag Manager
Google Tag Manager est un système de gestion des balises qui facilite l'ajout d'extraits de code HTML/JavaScript à votre site web. Nous avons créé un modèle de balise GTM dédié qui vous aidera à commencer à utiliser CrowdHandler sur votre site sans avoir à modifier le code.
Cette balise permettra d'intégrer CrowdHandler à votre site, ce qui nous permettra de gérer les foules ; elle ne doit être ajoutée qu'une seule fois.
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.
Voici comment installer CrowdHandler sur un site web via Google Tag Manager :
1. Add a new tag
Ouvrir Google Tag Manager et cliquez pour ajouter une nouvelle balise.
Dans la section « Configuration des balises », cliquez sur le lien « Découvrir d'autres types de balises dans la galerie de modèles de la communauté ».
Faites défiler la page vers le bas ou utilisez le champ de recherche pour trouver CrowdHandler dans la liste.
À l'étape suivante, cliquez sur le bouton « Ajouter à l'espace de travail » et confirmez l'ajout du tag.
2. Connect to CrowdHandler
Pour connecter votre site à CrowdHandler, vous devez indiquer votre clé API publique.
Collez-la dans le champ « Clé API publique » du modèle de balise.
Dans la section « Déclenchement », choisissez de déclencher la balise sur « Toutes les pages ».
Après avoir choisi un nom pour votre balise, cliquez sur le bouton « Enregistrer ». Cliquez ensuite sur le bouton « Valider », puis sélectionnez « Publier » sur l'écran suivant pour publier les modifications.
Et voilà ! Le script CrowdHandler a été ajouté à votre site : nous nous occupons désormais de la foule et vous pouvez vous concentrer sur les ventes !