Intégration de JavaScript - Pour commencer

Il existe deux façons d'ajouter le script de l'API CrowdHandler à votre site.

Si vous avez accès à votre code HTML et/ou à vos modèles, vous pouvez ajouter le script manuellement.

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.

Obtenir votre API publique#

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.

Ajouter le script

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=<strong>123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123</strong>"></script>

Remarque : il est important que ce script soit exécuté dès que possible ; nous vous recommandons donc de l'insérer avant toutes les autres balises de script.

Utilisation de Google Tag

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. Ajouter un nouveau

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. Se connecter à

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.

Il est important que cette balise se déclenche le plus tôt possible; ouvrez donc les paramètres avancés et attribuez une valeur élevée à la priorité de déclenchement de la 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 !