Browsee
Search
⌃K
Links

SDK Integration

Integration using Browsee's web client SDK.
To install Browsee web SDK just do:
$ npm i @browsee/web-sdk --save
Or, if you are using yarn
$ yarn add @browsee/web-sdk
Now you can import and start using the SDK. You need to initialize it with your project's API key. You can find your API key in settings or accounts page.
import browsee from '@browsee/web-sdk';
browsee.init({ apiKey: '<Your API Key>' });
Trying to use API calls before init will throw an error.

Examples

React
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import browsee from '@browsee/web-sdk';
import * as serviceWorker from './serviceWorker';
browsee.init({ apiKey: '<Your API Key>' });
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById('root')
);
Next
Assuming universal layout pattern.
import Head from "next/head";
import browsee from '@browsee/web-sdk'
browsee.init({ apiKey: '<Your API Key>' });
export default function Layout(props) {
return (
...
)
}
Angular
import { Component } from '@angular/core';
import browsee from '@browsee/web-sdk';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = '...';
constructor() {
browsee.init({ apiKey: '<Your API Key>' });
}
}
Vue
import Vue from 'vue';
import App from './App.vue';
import browsee from '@browsee/web-sdk';
browsee.init({ apiKey: '<Your API Key>' });
new Vue({
render: h => h(App),
}).$mount('#app')

API calls

Just like client-side API, you can use browsee object to send events, identify users or get session URL.

Sending custom events

browsee.identify('User ID', {name:...});
browsee.logEvent('Event Name', {key: value, ...});
browsee.getSessionUrl(function(url) { console.log('Current session', url); });
Learn more about these APIs here.