Frontend Quickstart
Decipher collects data for the Browser/Frontend via the Sentry SDK. Add a small script to your HTML or install with a package manager to instantly start collecting data on product usage and errors.
Already using Sentry? Check out these docs instead.
⏱ Estimated Time To Completion: 3 minutes
You can choose to get started with Decipher by using the HTML script tag or via a package manager below.
Log in to Decipher AI and get your script to paste
Log in to Decipher with your work email. You will receive a snippet to paste into your HTML head, which will look something like the example below:
This should be pasted into your website’s HTML head as early as possible. You can configure some of the parameters (e.g. to adjust capture rate).
Identify Users
Identify users where user information is available in your application frontend, typically after authentication or login.
"use client"
directive at the top.Once you’re done, simply use your website to validate that Decipher is collecting session replay data.
Log in to Decipher AI and get your script to paste
Log in to Decipher with your work email. You will receive a snippet to paste into your HTML head, which will look something like the example below:
This should be pasted into your website’s HTML head as early as possible. You can configure some of the parameters (e.g. to adjust capture rate).
Identify Users
Identify users where user information is available in your application frontend, typically after authentication or login.
"use client"
directive at the top.Once you’re done, simply use your website to validate that Decipher is collecting session replay data.
Install the SDK
Using your package manager of choice, install the @sentry/browser
SDK. This is the only package you need, no matter what framework
and libraries your frontend is using.
Log in to Decipher AI and get your snippet to initialize the SDK
Log in to Decipher with your work email. You will receive a snippet to initialize the SDK — paste this at the root of your project frontend/client code. It will look something like this:
You can configure some of the parameters (e.g. to adjust capture rate).
Identify Users
Identify users where user information is available in your application frontend, typically after authentication or login.
"use client"
directive at the top.Once you’re done, simply use your website to validate that Decipher is collecting session replay data.
Need help? Get white-glove onboarding support from the team, totally free.