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.

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 overcentric

Then initialize in your code:

import overcentric from "overcentric";

overcentric.init("your-project-id", {
  context: "website"
});

React Native

Mobile apps use a separate SDK:

npm install overcentric-react-native

import overcentric from "overcentric-react-native";

overcentric.init({ projectId: "your-project-id" });

See the React Native guide for screen tracking, error capture, and what differs from the web library.

3. Deploy

Push your changes live. That’s it - on your website and product, Overcentric is now tracking:

• Page views
• Clicks and interactions
• Form submissions
• Session replays
• JavaScript errors

In a React Native app it tracks screen views, app opens, and JavaScript errors. Clicks, form submissions, and session replays are browser features and are not captured there — see the React Native guide.

4. You’re Live!

Visit your Overcentric dashboard to see data flowing in. From here you can:

• Explore website and product analytics
• Watch session replays
• Discover tracked client-side errors

Next Steps

Now that you’re up and running, dive deeper into these topics: