Co browse for voice

Hi Dev forum ,

I am implementing cobrowse for voice example https://developer.genesys.cloud/commdigital/digital/cobrowse/#co-browse-with-voice-example .
After i change the required values , like orgid/guid/deployment key , i observe that on customer side , after providing screen share key , it does nothing and keeps on repeatedly ask for screen share key repeatedly after a few minutes.. On agent side , "waititng for screen share session." is shown and nothing happens .

on browser dev tools , i am getting 2 errors :-

  1. that my deployment key is wrong (i have cross checked , i am using correct deployment key of my widget v1.0)
  2. stylesheet is insecure .

Can you help with the implementation here.

image
image

Regards
Garima.

Hello,

Is the Genesys Cloud org you are using for your test in Asia Pacific (Sydney) (mypurecloud.com.au) or in US East (N. Virginia) (mypurecloud.com)?

Your dev forum profile mentions mypurecloud.com.au.
But I see in your screenshot something showing mypurecloud.com (relatime.mypurecloud.com).

If your Genesys Cloud org is indeed in Asia Pacific, you may have forgotten to update the url shown in the voice example.
These urls were for US East region.
You need to update webchatAppUrl and webchatServiceUrl - pointing to your region.
"webchatAppUrl": "https://apps.mypurecloud.com.au/webchat"
"webchatServiceUrl": "https://realtime.mypurecloud.com.au:443"

Regards,

Hi Jerome,

I am tyring this in US East region . I think while creating a topic on dev forum , i clicked australia region in selection . But the code is on US East region only (i have removed actual orgid and guid in below code):-

Simple co-browse with voice example
<h1>Simple co-browse with voice example</h1>

    <button type="button" id="start-cobrowse" onclick="genesysWebchat.startCobrowse()">Enter Co-browse Security Key</button>

<!-- Div with this id required to display security key form -->
<div id="cobrowse-security-form"></div>

<!-- Co-browse with voice uses the webchat API, so include it here -->
<script src="https://apps.mypurecloud.com/webchat/jsapi-v1.js" type="text/javascript"></script>

<!-- For co-browse with voice, you must load the co-browse API. Co-browse with web chat loads the co-browse API for you. -->
<script src="https://cobrowse.mypurecloud.com/cobrowse-jsapi-v1.js?deploymentKey=ef4181fb-eb89-4baf-b00f-796ac3104f62" type="text/javascript"></script>

<script type="text/javascript">
let genesysWebchat = (function() {
    function createCobrowseConfig(){

        return {
            // Web chat application URL. Use the correct top-level domain for your Genesys Cloud region, i.e. apps.mypurecloud.ie, apps.mypurecloud.jp, apps.mypurecloud.co.uk.
            "webchatAppUrl": "https://apps.mypurecloud.com/webchat",

            // Web chat service URL
            "webchatServiceUrl": "https://realtime.mypurecloud.com:443",

            // Numeric organization ID
            "orgId": 55xxx,

            // OrgGuid. Needed for co-browse with voice.
            "orgGuid": "1730f8d2-4bab-44a9-9d6b-bccf7e55xxxx",

            // Organization name
            "orgName": "tatacommunications",

            // Log level
            "logLevel": "DEBUG",

            // Locale code
            "locale": "en",

            // CSS class applied to the security key window, but not its contents
            "cssClass": "webchat-frame",

            // Custom style applied to the security key window, but not its contents
            "css": {
                "width": "100%",
                "height": "100%"
            },

            // Optional CSS for styling security key form
            "contentCssUrl": "http://example.com/style.css",


            // Element id where the security key form will appear.
             "containerEl": "cobrowse-security-form",  

            // Set to true to display security key form. Do not include for co-browse with web chat or for PureConnect co-browse with voice.
            "promptForSecurityKey": true
        };
    }
    return {
        startCobrowse: function() {
            let config = createCobrowseConfig();

            // Can also use callback
            ININ.cobrowse.create(config)
                .then(function(result) {
                    // Handle success
                })
                .catch(function(err) {
                    // Handle failure
                });
        }
    }
})();
</script>

Hello,

I just tried co-browse on voice in my own Genesys Cloud environment and I could make it work.

I must say I have used co-browse only few times (and a while ago) - so I don't know if the following is new or old.

As you mention that you have an error stating that you deployment key is incorrect, I think you have not created the right object in Genesys Cloud Admin. But the doc is a bit confusing - because of old co-browse and new screen-share I guess.

The Deployment Key that you set in the cobrowse.mypurecloud.com does NOT correspond to a Widget v1.0 Deployment Key.
You have to create a Co-Browse Deployment -> Admin UI -> Contact Center -> Co-Browse

I left all my fields as default when creating the Co-Browse deployment (I just used the deployment key).
In case you have issues (depending on your org settings), you may try with Allowed Domains set to `.``
See here for Co-browse Deployment

When you do the first test, make sure your Contact Center Agent has some admin permissions.
After I started the session, in Genesys Desktop, a page appeared to have me accept a new Application (OAuth ClientID that are displayed in Admin UI - Integrations - Authorized Applications).
If you do this with a simple Contact Center Agent, you may not get prompted to accept this Application/ClientID as something will probably remain pending after.

A side note as I don't know if you knew how to get the orgId (numeric value).
You can retrieve it with GET /api/v2/organizations/me
It corresponds to the thirdPartyOrgId attribute in the response.

Regards,

Hi Jerome,

THanks for your response !

" The Deployment Key that you set in the cobrowse.mypurecloud.com does NOT correspond to a Widget v1.0 Deployment Key.
You have to create a Co-Browse Deployment -> Admin UI -> Contact Center -> Co-Browse"
this fixed my implementation .
I was using widget deployment key instead .

Thanks & Regards
Garima.

This topic was automatically closed 31 days after the last reply. New replies are no longer allowed.