Open ContactPad SDKのロード

既存のWebページでSDKバンドルを外部スクリプトとして使用する

Vonage ユニファイド・コミュニケーション（VBC、VBE）用

Vonageコンタクトセンター/VCC/用

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

ライブ・サンプル

ウェブページのソースコードに追加されたNPMパッケージとしてのSDKの使用

NPMパッケージ

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"
});

ロードされると、SDKは現在のHTMLページからclass='vonage-dialer-container'を持つ専用のコンテナ要素を探し、その中にダイヤラーインターフェースをレンダリングします。そのようなコンテナ要素がページ上に存在しない場合、インターフェイスは、ページの周りをドラッグできるクリック可能な円形のアイコンを提供することによって、「DOT」モードで開始します。
Vonageコンタクトセンター・インターフェースには200px x 400pxのコンテナサイズが必要です。ユニファイド・コミュニケーション（UC）インターフェースはレスポンシブで、どのようなコンテナサイズにもフィットします（280px x 420pxを推奨）。

ライブ・サンプル

つづくオープン・コンタクトパッドで作る.