このユースケースでは、CoBrowsing / LiveView 機能を別のシステムに統合するために必要な構成と API の使用の例の手順について説明します。

1. 構成

バックエンドのプラグイン設定で、LiveView プラグインを有効化します。この例では、次の構成を使用しました。

構成 説明

Privacy

ユーザー入力のマスク

ページ上で起こるすべてのユーザー入力を隠す。

Optin

訪問者

ユーザーにCoBrowsingを開始するボタンをクリックしてもらう。

2. スクリプトの実装

JavaScript は、共同ブラウズする各 Web ページに統合する必要があります。

https://docs.chatvisor.com/docs/setup20_implementation-javascript 

3. CoBrowse / LiveView セッションの開始と停止

これらの関数 CV.cobrowse.start() および CV.cobrowse.stop() を使用して、LiveView セッションを開始または停止します。したがって、ユーザーがクリックしてセッションを開始できるボタンを実装するだけです。

オプトインのボタンが必要ない場合は、ステップ 1 でオプション設定を無効にできます。

セッションはどのくらい続きますか? https://docs.chatvisor.com/docs/config04_css_live-view#what-is-a-session

4. エージェントの参加 URL を生成する

セッションが正常に開始されたら、エージェントがセッションに参加できるパブリック URL を生成できます。このためには、shareId または sessionId が参加して、REST API を介して URL を生成する必要があります。

API トークンを認証して生成する https://developers.chatvisor.com/#section/Authentication

その後、次のリンクで説明されている API エンドポイントに GET リクエストを送信するだけです。その前に、shareId または sessionId をサーバーに転送してセッションを識別する必要があり、その後、認証なしで開くことができる URL を生成できます。

https://developers.chatvisor.com/#tag/Public-Link

これは、トークンで署名された一意の URL であり、常に指定された ID のセッションにバインドされます。