FullStory plugin for
FullStory is a tool that tracks user behavior in your application. User sessions are recorded and can be played back allowing developers and product owners to identify areas for improvement in their software.
Click to expand
npm install analyticsnpm install @analytics/fullstory
You will need your
org ID from FullStory setting to connect to your account and initialize analytics.
To find your FullStory account's
org ID go to Settings > FullStory Setup. and grab the
How to use
Below is an example of how to use the browser plugin.
const analytics =/* Track a custom event */analytics/* Identify a visitor */analytics
See additional implementation examples for more details on using in your project.
The FullStory client side browser plugin works with these analytic api methods:
- analytics.identify - Identify visitors and send details to FullStory
- analytics.track - Track custom events and send to FullStory
const analytics =
_fs_orgvalue in settings.
@analytics/fullstory package works in the browser
Below are additional implementation examples.
Using in HTML
Below is an example of importing via the unpkg CDN. Please note this will pull in the latest version of the package.
Using @analytics/fullstory in HTML....
Using in HTML via ES Modules
@analytics/fullstory in ESM modules.
Using @analytics/fullstory in HTML via ESModules....
Full story requires specific naming conventions for tracking.
We have taken the liberty of making this easier to use with this plugin. 🎉
Values sent to Full Story will be automatically converted into a values their API will understand.
This tracking payload will be automatically converted to the fullstory naming conventions and will be sent like:
FSevent'itemPurchased'price_real: 1111isUser_bool: truefirstName_str: 'steve'
This will ensure data flows into full story correctly.