Skip to content
Official FullStory SDK for JavaScript, for web browsers
JavaScript
Branch: master
Clone or download
patrick-fs adding hold and deploy steps to CI workflow (#21)
* adding hold and deploy steps to ci workflow
Latest commit 75290b8 Nov 5, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci
.github
src Adding type definitions (#19) Nov 5, 2019
test Adding type definitions (#19) Nov 5, 2019
.babelrc
.editorconfig
.eslintignore
.eslintrc
.gitignore
.npmignore
LICENSE
MAINTAINERS.json
README.md
karma.conf.js first source commit Jul 30, 2019
package-lock.json
package.json
rollup.config.js

README.md

FullStory Browser SDK

CircleCI

This is a WIP and is not currently published to NPM

FullStory's browser SDK lets you manage FullStory recording on your site as well as retrieve deep links to session replays and send your own custom events. More information about the FullStory's Browser API can be found at https://developer.fullstory.com.

Initialize the SDK

Call the init() function as soon as you can in your website startup process.

Here's an example of what this would look like in a React app:

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import FullStory from 'TBD/package-to-be-deployed';


FullStory.init({ orgId: '<your org id here>' });

ReactDOM.render(<App />, document.getElementById('root'));

Examples

Once FullStory is initialized, you can make calls to the FullStory SDK.

Sending custom events

FullStory.event('Subscribed', {
  uid_str: '750948353',
  plan_name_str: 'Professional',
  plan_price_real: 299,
  plan_users_int: 10,
  days_in_trial_int: 42,
  feature_packs: ['MAPS', 'DEV', 'DATA'],
});

Generating session replay links

const startOfPlayback = FullStory.getCurrentSessionURL();
const playbackAtThisMomentInTime = FullStory.getCurrentSessionURL(true);
You can’t perform that action at this time.