Reverse share / co-browsing

Essentially, what we're trying to achieve here is how to start a co-browse-only support session initiated from the Agent side.  The following example illustrates a short-code input from a custom Agent Console (which is generated on the Consumer page and given to the agent).

Session Provision - PHP

Send a POST request to /gateway/sessions/session and grab the session token ID.
-- You can use cURL in a PHP script to achieve this.

Screen_Shot_2017-07-05_at_09.47.36.png 

NOTE: Make sure you have set the right web application ID in your LA server's WPF!

JavaScript (vanilla or jQuery)

On Consumer side send a PUT request to /assistserver/shortcode/create.

Screen_Shot_2017-07-05_at_09.53.48.png

Send a GET request to /assistserver/shortcode/agent with short-code which will give us the CID.
-- For the request you need to specify the appkey parameter and give it a short-code as the value.

Screen_Shot_2017-07-05_at_10.05.31.png

Start support from Agent end with co-browse only using the CID and session token.
-- For the AssistAgentSDK.startSupport() parameters, you can specify with the following:

Screen_Shot_2017-07-05_at_10.07.37.png

Feel free to console log if you wish to view the values before the support session is initiated.

ScreenSharing

You will need to setup the co-browsing container.  It's a good idea to do this before you start support.  This can be achieved with AssistAgentSDK.setRemoteView($share) and specifying the target div element as the parameter.

Once a support session has started, you should request a screenshare with the Consumer with AssistAgentSDK.requestScreenShare().

Callbacks

It may be useful to know when the consumer has joined the support session e.g. you might want to display some additional controls which are only available in screenshare.  If so, this can be achieved as follows:

Screen_Shot_2017-07-05_at_10.39.09.png

In this example you can see that the screenshare request method has been commented out, and the visibility of an element is toggled to show.

Other useful callbacks you may wish to include are:

Screen_Shot_2017-07-05_at_10.43.38.png

Have more questions? Submit a request

Comments

Powered by Zendesk