Fullstory

Fullstory is a digital experience analytics platform that records and analyzes user interactions on websites and mobile apps. It provides businesses with insights through session replay, heatmaps, funnel analysis, and error tracking to help improve user experience and increase conversions.

The FullStory-Raygun integration seamlessly integrates the FullStorys and Raygun platform's. When you look at a crash report in Raygun, you will see a link to the FullStory session replay at that exact moment in time under the Metadata section. When watching a FullStory replay and your user experiences an error, you will see a custom error with the basic error details and link to Raygun Metadata.

Pre-Requisites

For the FullStory-Raygun integration to work, you must have the FullStory browser SDK package and the Raygun4JS package.

Installation

To install the stable version:

with NPM:

npm install --save @bharathvaj/fullstory-raygun

with Yarn:

yarn add @bharathvaj/fullstory-raygun

Setup

Initialization

To set up the integration, both FullStory and Raygun need to be initialized. Add the following code:

import rg4js from 'raygun4js';
import * as FullStory from '@fullstory/browser';
import RaygunFullStory from '@bharathvaj/fullstory-raygun';

FullStory.init({ orgId: '__FULLSTORY_ORG_ID__' });

rg4js('enableCrashReporting', true);
rg4js('apiKey', 'paste_your_api_key_here');

RaygunFullStory.init(rg4js);

Replace the Raygun API key found in Application Settings > General

You also need to replace __FULLSTORY_ORG_ID__ with the value of _fs_org in the FullStory recording snippet on your FullStory settings page.

Options (Optional)

You can also customize the error event name in FullStory by adding the following:

// ...
RaygunFullStory.init(rg4js, {
  fsEventName: 'Custom Error Name',
});

//...

How it works

In Raygun, you should see an additional tab called FULLSTORY for the error event which will have urlAtTime.

In FullStory, you should see an event called Raygun Error on the right sidebar.