Construire avec le SDK Open ContactPad

Passer un appel de manière programmatique

<script type="text/javascript">
  VonageDialer.placeCall('+17328586962' /* optionally pass a preferred contact */
  // , { 
  //   provider: 'acme',
  //   id: '123',
  //   label: 'John Smith',
  //   type: 'contact'
  // }
  ); 
</script>

ÉCHANTILLON EN DIRECT

  • Pour que cette fonction fonctionne, l'utilisateur doit être connecté au composeur et disposer d'un téléphone logiciel ou matériel opérationnel.
  • La fonction ne doit être appelée qu'après le chargement complet de l'interface du composeur (après le chargement du javascript VonageDialer.init(..callback function...)). Vous pouvez vous en assurer en l'exécutant après le rappel d'initialisation.

S'abonner à des événements d'interaction

VonageDialer.init({ /* dialer config options */ }, (dialer) => {
  dialer.setOnDialerEvent((event) => {
    switch (event.type) {
      case 'CALL_START': {
        break;
      }
      case 'CALL_ANSWER': { // available only for UC
        break;
      }
      case 'CALL_END': {
        // do something based on event.data (screen pop, store interaction, etc.)
        break;
      }
      default: {
        console.log('Unhandled event', event);
      }
   }
  });
});

ÉCHANTILLON EN DIRECT

  • L'architecture du SDK utilise des événements pour les événements d'interaction et d'autres opérations qui ne nécessitent pas de réponse de la part du code d'intégration personnalisé, ainsi que des rappels pour les opérations demande-réponse contrôlées.
  • Pour plus d'informations sur les événements Vonage, consultez la page Modèle de données SDK.

Cliquer pour composer

Le SDK comprend une bibliothèque d'annotation téléphonique intégrée qui peut analyser le contenu HTML de la page en cours pour y trouver des chaînes de numéros de téléphone valides et placer une icône de téléphone près des numéros découverts pour faciliter le ClickToDial.

Click to Dial
<script type="text/javascript">
  VonageDialer.enableClickToDial(true);
</script>

Définir le code pays

Par défaut, l'analyseur syntaxique annote tous les numéros au format international (avec le préfixe du code pays) et tous les numéros américains au format national valide. Pour travailler avec les numéros de téléphone locaux d'un autre pays, modifiez le code pays du composeur en vous basant sur la norme ISO 3166-1 alpha-2.

<script type="text/javascript">
  VonageDialer.setCountryCode('GB'); // work with UK local numbers
  VonageDialer.enableClickToDial(true);
</script>

ÉCHANTILLON EN DIRECT

Poursuivre Personnalisations.