# Getting Started
> Add Databuddy to Next.js, React, Vue, or any site with a script tag or the npm SDK. Track pageviews and custom events without cookies. Free to 10k events.
import { Step, Steps } from "@/components/docs";
import { Tab, Tabs } from "@/components/docs";
import { Callout } from "@/components/docs";
import { Card, Cards } from "@/components/docs";
import { CodeBlock } from "@/components/docs";
import { LeapComponent } from "@/components/docs";
This guide takes you from a new Databuddy account to your first tracked page view.
## Create Your Account
1. Go to [app.databuddy.cc](https://app.databuddy.cc)
2. Sign up for a free account
3. Create a website in the dashboard
4. The dashboard shows your install snippet with your **Client ID**
## Install the SDK
Choose the install method for your app. For Vue, follow the [Vue SDK guide](/docs/sdk/vue).
Install the official Databuddy SDK:
For any website, use the script tag method:
`}
/>
## Add Tracking
Add the `` component once in your root layout:
{children}
);
}`}
/>
**Environment Variables:**
Add the script to your HTML ``:
My Website
`}
/>
`trackWebVitals` and `trackErrors` are off by default; `trackErrors` requires
the Hobby plan or higher.
## Verify Installation
Check that page tracking works:
1. **Visit your website** in a new browser tab
2. **Open your Databuddy dashboard** at [app.databuddy.cc](https://app.databuddy.cc)
3. **Check Real-time data** - you should see yourself as an active visitor
4. **Navigate between pages** - Databuddy records route changes automatically
If you see real-time data in your dashboard, congratulations! Databuddy is now
tracking your website analytics.
## Track Your First Custom Event
track("signup_clicked", {
location: "header",
plan: "free",
})
}
type="button"
>
Sign up
);
}`}
/>
function trackSignupClick() {
db.track("signup_clicked", {
location: "header",
plan: "free",
});
}
`}
/>
Keep custom event names stable and use properties for details like location,
plan, status, or source.
## What's Next?
Test endpoints interactively and explore query types with real data
Explore all SDK configuration props and options
Learn to navigate your analytics dashboard and its features
Use helper methods like track, flush, and getAnonymousId
Configure privacy settings and GDPR compliance
## Troubleshooting
**Not seeing data in your dashboard?**
1. **Check your Client ID** - Make sure it matches this website
2. **Test manually** - Try `db.track('test', {})` in your browser console
3. **Check Network tab** - Look for requests to `basket.databuddy.cc`
4. **Review environment** - Make sure tracking isn't disabled in production
Need help? Join our [Discord community](https://discord.gg/JTk7a38tCZ) or
[contact support](mailto:support@databuddy.cc).