The first step toward recording all in-browser interactions and making them available for pixel-perfect playback is deploying FullStory's recording JavaScript snippet.
Simply paste the snippet into the <head> element via your Content Management System (CMS), via your online store platform, or via your application's code.
A couple of comments about the recording script:
- It's super small, asynchronous, and designed to be unnoticeable to any user of your technology. You can read more about the negligible performance impact of FullStory in this article.
- No need to instrument any elements in your application or site – once the FullStory script loads, it records all in-browser interactions and mutations, so don't fret about how to record that pesky "submit" button – if it's in the page, we see it, record it, and make it available to search.
Snippet Installation Options
Install your snippet directly on your site
First, find your account's script by clicking on Settings > FullStory Setup.
Then, copy the code—<script> tags and all!— and paste that code on your website somewhere after the starting <head> tag and before the closing </head> tag.
Don't have access to your site's source code? Invite a teammate, such as a web developer or site administrator, to join your FullStory account and help you get setup.
Install FullStory via a tag or data integration manager
Have access to a tag manager or data integration tool? Learn about how to install your FullStory snippet with some common integrations:
Install FullStory with NPM
Built a single page app using React, Angular, Vue, or a different thick-client framework? You can install FullStory using NPM: https://www.npmjs.com/package/@fullstory/browser
Install FullStory with an eCommerce platform
Using a platform to host your online store? Follow the links below to find step-by-step instructions for some common platforms: