Cobrowse SDK

Last updated 4 months ago

Acquire has this feature called Co-browsing which is unique in its sense, as it allows an agent to browse the session with the customer so that he/she can get the desired product/services on their website to purchase.

To use Cobrowse in your own app, you'll need to add our Native SDKs. We've made this as simple as possible, with just a few lines of code.

Once the Native SDKs are added to your app, everything else is done through our web dashboard in any browser - no plugins or installs needed.

Features

With Co-Browse any Agent can not only see his customer's screen but also he can access device with mouse and for text input, an Agent can type on customer device using his hardware keyboard. Isn't it fantastic!

Even more he can add overlays or highlight on the customer's device in real time.

Android SDK Sample App

If you want a sample app for cobrowse_only sdk version , you can download the sample app with integrated our sdk from Github: Sample App

Steps to integrate Cobrowse only sdk

First of all you will need to add our maven link to your project build.gradle file.

allprojects {
repositories {
maven {
// Add this line
url "http://107.155.116.28:8086/artifactory/libs-release-local"
}
}
}

Now you will need to add following dependencies to your app level build.gradle file :

implementation 'com.acquireio:cobrowse_only:2.+'*
implementation 'com.android.support:appcompat-v7:27.1.0' // if not added already
implementation 'com.android.support:design:27.1.0' // if not added already
implementation 'com.android.support:customtabs:27.1.0'
implementation ('io.socket:socket.io-client:1.0.0') {
exclude group: 'org.json', module: 'json'
}

*com.acquireio:cobrowse_only is a compact library with only co-browse facility.

All these features are included to our core library too.​Follow these steps for this.

If you want to customize cobrowse settings then you can use our CobrowseBuilder class.

CobrowseBuilder class provides following options :

1. setMAX_UPDATE_TIME(long MAX_UPDATE_TIME) :

/**
* Default Value - 1000L
*
* @param MAX_UPDATE_TIME - set the time of sending frames when screen is idle
*/

2. setMIN_UPDATE_TIME(long MIN_UPDATE_TIME) :

/**
* Default Value - 400L
*
* @param MIN_UPDATE_TIME - This is the minimum interval for sending screenshots
*/

3. setBITMAP_QUALITY (int BITMAP_QUALITY) :

/**
* Default is quality is set to 10
*
* @param BITMAP_QUALITY - Set Screen shot quality ranges from 1-100
*/

4. setCoBrowseCODE(String coBrowseCODE) :

/**
* By default this is the automated random number
* @param coBrowseCODE - Pass any Alpha-numeric value in form of String
*/

5. setHideStopButton(boolean hideStopButton) :

/**
* After session is connected you can choose to show our stop button or not
* @param hideStopButton - Pass true to hide the stop button.
*/

6. setConfirmStop(boolean enable) :

/**
* You can enable/disable our confirmation dialog
* @param enable - Pass true to show prompt on end session call
*/

e.g.

CoBrowse cobrowse = new CoBrowse.CobrowseBuilder().setConfirmStop(false).setBITMAP_QUALITY(10).build();

And then pass it to initCobrowse method :

AcquireApp.initCobrowse(Application, [Your Account Id],cobrowse);

After initialization you can use both events callbacks :

  • OnSessionEvents And

  • OnCoBrowseEvent

To get full understanding of all delegates click here.

Useful methods to control the UI while co browsing.

Add mask to user's private data

Set masking view color

Set mouse icon which appears on user screen