@fullstory/snippet
Advanced tools
FullStory's snippet package provides a number of ways to integrate the FullStory snippet with your build tooling of choice. For a more integrated experience, try the browser SDK.
npm i @fullstory/snippet --save
yarn add @fullstory/snippet
generateSnippetTextorgId - Sets your FullStory Org Id. Find out how to get your Org Id here. Required.host - The recording server host domain. Can be set to direct recorded events to a proxy that you host. Defaults to fullstory.com.script - The full location of the FullStory script (fs.js). FullStory hosts the fs.js recording script on a CDN, but you can choose to host a copy yourself. Defaults to edge.fullstory.com/s/fs.js.namespace - Sets the global identifier for FullStory when conflicts with FS arise; see help. Defaults to FS.Returns a stringified version of the FullStory snippet. This is useful for various build systems like webpack.
Webpack (docs)
// webpack.config.js
{
// ...
plugins: [
new HtmlWebpackPlugin({
fsSnippet: generateSnippetText({ orgId: 'xyz' }),
template: 'index.html',
})
]
}
// index.html
<!DOCTYPE html>
<html>
<head>
<script><%= htmlWebpackPlugin.options.fsSnippet %></script>
</head>
<body>
</body>
</html>
Gatsby (docs)
// gatsby-ssr.js
exports.onRenderBody = ({ setHeadComponents }) => {
setHeadComponent(
<script
dangerouslySetInnerHTML={{
__html: generateSnippetTxt({ orgId: 'xyz' }),
}}
/>
);
}
initFSSame as generateSnippetText.
Calling this function sets all the necessary global variables and immediately executes the FullStory snippet.
NOTE: this is used internally by @fullstory/browser.
Mouseflow offers session replay, heatmaps, funnels, and form analytics. It is similar to FullStory but places a stronger emphasis on form analytics and conversion rate optimization.
FAQs
FullStory snippet source
The npm package @fullstory/snippet receives a total of 504,438 weekly downloads. As such, @fullstory/snippet popularity was classified as popular.
We found that @fullstory/snippet demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
/Research
Socket found a Rust typosquat (finch-rust) that loads sha-rust to steal credentials, using impersonation and an unpinned dependency to auto-deliver updates.
Research
/Security Fundamentals
A pair of typosquatted Go packages posing as Google’s UUID library quietly turn helper functions into encrypted exfiltration channels to a paste site, putting developer and CI data at risk.
Security News
November CVE publications fell 25% YoY even as 2025 totals rose, showing how a few major CNAs can swing “global” counts and skew perceived risk.