ComexposiumConnect

⌨️ HTML Code

Les valeurs à renseigner dans les attributs du code HTML sont propres à chaque évènement, à chaque salon et à chaque session. Ils vous seront communiqués directement par votre contact chez Comexposium. Votre contact chez Comexposium devra également autoriser tous les noms de domaine sur lesquels vous appelez et chargez le widget sans quoi vous aurez les erreurs suivantes dans la console javascript de votre navigateur :

wrong application token CORS: Response to preflight request doesn't pass access control check

Une fois que tous vos noms de domaine ont été autorisés par Comexposium , que le loader.min.js ainsi que votre version de jQuery sont bien chargés dans votre page, ajoutez le code suivant dans la partie body de votre code HTML où vous souhaitez intégrer le widget ComexposiumConnect :

<div id="cxpmClientAccountWidget"
     data-salon="[SHOWROOM_NAME]"
     data-sessionSalon="[SHOWROOM_SESSION]"
     data-application="[YOUR_APPLICATION_ID]"
     data-language="[LANGUAGE]"
     >
    <!-- Nothing here -->
</div>

Il s'agit d'une simple div possédant 4 attributs. Chacun de ces attributs renvoie à l'événement sur lequel il sera configuré :

  • [SHOWROOM_NAME] : Le nom du salon en rapport avec votre utilisation.
  • [SHOWROOM_SESSION] : Le nom de la session liée à votre utilisation
  • [YOUR_APPLICATION_ID] : Votre identifiant dans l'environnement ComexposiumConnect. Celui-ci est unique quel que soit le salon, la session ou l'environnement. Il diffère également selon que vous soyez en production ou en pré-production.
  • [LANGUAGE] : Il peut prendre 2 valeurs possibles : "fre-FR" ou "eng-GB"

Ces éléments vous seront transmis par votre contact chez Comexposium.

Exemple complet

Voici un exemple d'intégration complet utilisant l'environnement de pré-production, et ayant été autorisé pour le domaine : http://127.0.0.1:63569. Vous pouvez le tester en lançant un web server en local notamment grâce cette application chrome gratuite sur le port 63569 :

 <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <title>Exemple</title>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" charset="utf-8"></script>
      </head>
      <body>
        <div id="cxpmClientAccountWidget"
           data-salon="exemple"
           data-sessionSalon="exemple_2018"
           data-application="2a6d06fc8089bbff0889aadc02d4a14ac1bdd03a"
           data-language="eng-GB"
           >
          <!-- Nothing here -->
        </div>



        <script src="https://connect.preprod.comexposium-webservices.com/js/loader.min.js"></script>


        <script type="text/javascript">
          $(document).on("comexposiumConnectLoaded", function(){
            console.log("ComexposiumConnect loaded");
          });

          $(document).on('comexposiumConnectLogged', function(event, email, token, isExhibitor) {
            console.log(email, token, isExhibitor);
          });
        </script>
      </body>
    </html>

← 🔑 Methodes →