Quick Start
Here’s how to get Overcentric running for your project in under 5 minutes.
1. Create Your Account
Head to app.overcentric.com and sign up. You’ll be guided through creating your first organization and project.
2. Install Overcentric
After signing up, you’ll be guided through a setup wizard where you can choose your preferred integration method. The wizard provides ready-to-use code snippets with your project ID already configured.
Using an AI Code Editor? The setup wizard includes an AI prompt option that handles installation, initialization, and user identification automatically.
Here are the main installation methods:
Browser (Script Tag)
Add this script to your site’s <head>:
<script
defer
src="https://unpkg.com/overcentric/dist/browser/overcentric.min.js"
data-project-id="your-project-id"
data-context="website"
></script>NPM / Yarn
npm install overcentric
# or
yarn add overcentricThen initialize in your code:
import overcentric from "overcentric";
overcentric.init("your-project-id", {
context: "website"
});3. Deploy
Push your changes live. That’s it - Overcentric is now tracking:
- Page views
- Clicks and interactions
- Form submissions
- Session replays
- JavaScript errors
4. You’re Live!
Visit your Overcentric dashboard to see data flowing in. From here you can:
- View real-time analytics
- Watch session replays
- Track user journeys from first visit to sign-up
- Set up Chat support widget
- Create your Help Center
Next Steps
Now that you’re up and running, dive deeper into these topics: