Laden des Open ContactPad SDK

Verwendung des SDK-Bündels als externes Skript mit einer bereits vorhandenen Webseite

Für Vonage Unified Communications /VBC, VBE/

<script data-provider='uc' src='https://apps.gunify.vonage.com/cti/common/vonage.dialer.sdk.js'></script>

LIVE-MUSTER

Für Vonage Contact Center /VCC/

<script data-provider='cc' data-cc-domain='nam.newvoicemedia.com' src='https://apps.gunify.vonage.com/cti/common/vonage.dialer.sdk.js'></script>

LIVE-MUSTER

Verwendung des SDK als NPM-Paket, das dem Quellcode der Webseite hinzugefügt wird

NPM-Paket

const VonageDialer = require('@vgip/vonage-dialer-sdk');
 
VonageDialer.enableClickToDial(true); // Annotate phone numbers for click-to-dial
VonageDialer.init({ provider: '[cc|uc]' /* other config options */ }, (dialer) => { 
  // see "building with Open ContactPad"
});

  • Wenn das SDK geladen wird, sucht es in der aktuellen HTML-Seite nach einem speziellen Container-Element mit der Bezeichnung class='vonage-dialer-container' und stellt die Dialer-Schnittstelle darin dar. Wenn ein solches Containerelement auf der Seite nicht vorhanden ist, startet die Schnittstelle im "DOT"-Modus, indem ein anklickbares Kreissymbol bereitgestellt wird, das auf der Seite gezogen werden kann.

  • Das Vonage Contact Center Interface benötigt eine Containergröße von 200px x 400px. Die Unified Communications-Schnittstelle ist reaktionsschnell und passt gut zu jeder Containergröße (empfohlen 280px x 420px).

LIVE-MUSTER